基于Android开发的购物商城App的设计与实现毕业设计Word文件下载.docx
- 文档编号:8591034
- 上传时间:2023-05-11
- 格式:DOCX
- 页数:30
- 大小:527.67KB
基于Android开发的购物商城App的设计与实现毕业设计Word文件下载.docx
《基于Android开发的购物商城App的设计与实现毕业设计Word文件下载.docx》由会员分享,可在线阅读,更多相关《基于Android开发的购物商城App的设计与实现毕业设计Word文件下载.docx(30页珍藏版)》请在冰点文库上搜索。
购物商城个人中心:
提供详细的个人资料信息。
如我的收藏、分享应用等。
1.3购物商城设计的意义
把手机购物商城和传统的购物方式及限制在桌子面前的台式电脑上购物方式相比较,突出手机购物更加便捷高效的购物新体验,打破空间的限制,节省不必要的成本,随时随地地购物商品。
1.4购物商城设计研究的方法
论文的研究综合了以往类似的文献、书籍、论坛博文等,经过纵横分析及对比,采纳部分资料进行归类并加以个人总结,辅助使用ADT开发平台,Java编程语言、XML标记语言,进行理论分析和实践
1.5本章小结
本章简述了手机购物商城设计的背景、内容和研究方法等,为手机购物商城的设计提供可行性的理论分析及技术支持。
规范了购物商城的设计模板,为UI界面设计和功能模块代码的编写进行了人性化的设计,通过ADT开发平台来开发设计并最终实现。
2购物商城设计的相关技术应用
2.1ADT-Bundle在购物商城设计中的应用
ADT-Bundle的具体名称为AndroidDevelopmentTools-Bundle,中文翻译是“安卓开发工具集成包”,是由GoogleAndroid(谷歌安卓)官方提供的集成式IDE,已经包含了Eclipse。
使用者不需要另外下载Eclipse,并且ADT-Bundle里面已集成了插件,能够很好的解决大部分新手通过Eclipse来配置Android(安卓)开发环境的复杂问题。
使用ADT-Bundle,新涉足Android(安卓)开发的学习者也无需再像以往那样在网上参考繁琐的配置教程,可以轻松一步到位进行Android(安卓)应用开发。
在开发过程中主要使用的是Eclipse,通过Eclipse可以有效地编写Java代码。
Eclipse自带着十分强大的功能,为开发者提供不少便利之处,下面我举例几个功能。
代码自动预测功能,按住组合键“Ctrl+/”Eclipse可以根据已经输入的代码,自动检测接下来所需要输入的代码,弹出滚动选项框供开发者选择。
代码自动检错功能,当开发者错误输入不正确时,Eclipse会将错误的代码段以红色波浪线下划线标注,以便引起开发者的注意。
自动排版功能,按住组合键“Ctrl+Shift+F”能够将代码自动排版,格式化。
因为每个开发者的习惯不一,所以编写的代码格式不一,这就导致了给其他开发者观看代码时造成不多不便。
自动排版功能就可以解决这些问题。
Eclipse在购物商城设计中,主要是提供平台进行代码编写、代码调试、虚拟机仿真机测试、打包APK文件等作用。
运行Eclipse,能够方便地帮助开发者进行更精准的表达设计内容。
2.2Java在购物商城设计中的应用
Java编程语言,是由Sun公司于1995年5月发布的一门面向对象的编程语言。
自发布至今,Java为IT行业带来一场巨大的变革,其中包括本论文的购物商城设计,也是基于Java的演变而来的。
Java在购物商城设计中,主要负责实现购物商城的基本功能模块,调用基础库、创建类、扩展类等等作用。
2.3XML在购物商城设计中的应用
XML的中文名为可扩展标记语言,是一种用于标记电子文件使其具有结构性的标记语言,能够对文档和数据进行结构化处理,从而更好的使我们理解文档和数据。
XML在购物商城设计中,主要负责购物商城UI界面的开发和实现。
通过XML,可以快速地对购物商城的首页、购物车以及个人中心进行排版。
相较于用Java进行UI界面开发和实现,能够节省大量时间和精力。
2.4本章小结
掌握并熟练地运用ADT-Bundle、Java和XML,能够使购物商城的设计开发变得更加顺利,其他的开发也如此。
正如工欲善其事,必先利其器。
3购物商城设计
每个优秀的软件都不离开优秀的系统设计,系统设计就像大楼框架,支撑着整幢大楼。
因此,系统设计为整套软件系统的实现提供了必要的基础。
3.1购物流程设计
当用户打开购物商城时,第一时间弹出的是欢迎界面并在此界面中停留3秒钟,以便用户观察欢迎界面,加深对购物商城的购物体验。
在欢迎界面过后,用户可以看到3个界面模块,分别是首页、购物车、个人中心。
在首页上,添加了8个手机商品品牌,当用户点击不同的手机品牌时,就会进入对应的手机商品详情页面,在商品详情页面上[1],用户可以对所展示的手机商品进行加入购物车或加入我的收藏选择,对于点击加入购物车的手机商品,将会在购物车页面进行展示并可以在购物车中下订单和支付,而加入我的收藏的手机商品,就会在个人中心页面中我的收藏选项卡中进行展示,通过点击降价提醒,系统会在收藏商品有降价是提醒用户。
另外,个人中心还有用户登录和应用分享两个选项卡,选择用户登录将会打开登陆框,提醒用户输入账号密码,当账号密码不为空时,就跳转欢迎用户登录界面,然后返回个人中心界面,如果账号密码有一个为空时,提醒用户账号密码不能为空并重新输入,购物商城构思过程如图3-1所示:
图3-1购物商城构思过程
3.2数据存储设计
对于数据的存储方式,采用了Application来处理。
Application,是和Activity、Service组件一样属于Android框架的系统组件[2]。
通常情况下,当Android程序启动时为自动创建一个Application对象,可以用来存储一些系统数据。
如果需要自己创建也十分简单,只需要让一个类来继承自Application,同时在Mainifest中给Applicaiton标添加name属性把自己的Applicaiton写入即可。
Applicaiton自从程序运行时就被创建,因此它的生命周期就等同于程序的生命周期,并且它是全局变量,所以采取Applicaiton来代替SQLite数据库来进行数据传递、数据共享、数据缓存等操作。
本设计中涉及到三个类继承自Applicaiton,如表3-1所示所示:
表3-1Application类
Application类:
MyApplication
CollectApplication
PayApplication
从属功能模块:
购物车
我的收藏
支付
创建好Applicaiton后,为对应的Applicaiton中创建好的List对象生成对应的set和get方法,为后续操作调用提供方法,如下表3-2所示:
表3-2set和get方法
Set方法
get方法
publicvoidsetShopCarList(List<
Integer>
ShopCartList){
ShopCarList=ShopCarList;
public
List<
getShopCarList(){
returnShopCarList;
publicvoidsetCollectList(List<
CollectList){
CollectList=CollectList;
getCollectList(){
returnCollectList;
publicvoid
setPayList(List<
PayList){
PayList=PayList;
getPayList(){
returnPayList;
3.3欢迎界面设计
为了加强用户的购物体验以及对应用本身的品牌认知度,在选择打开应用的时候先加载一个欢迎界面,停留三秒的时间同时禁用返回键[3],之后再跳转到商城主界面上。
用到的资源如表3-3所示:
表3-3欢迎界面图片资源
欢迎界面图片
splash.png
3.4商城界面及底部菜单栏设计
展示在用户面前的屏幕空间是有限的,因此要考虑如何在有限的屏幕空间里同时展示购物商城的首页、购物车、个人中心功能模块。
在一个完整的Activity上划分出三个单独的区域,可以采用Fragment来设计。
Fragment是一种可以嵌入到Activity中的UI片段,它能让程序更加合理和充分地利用屏幕空间[4]。
因为可以为购物商城的首页、购物车、个人中心分别设计一个Fragment,如表3-4所示:
表3-4首页、购物车、个人中心Fragment命名
首页
个人中心
HomeFragment
BuyFragment
PeopleFragment
在屏幕的底部,用FragmentTabHost设计一个菜单栏,为三个功能模块设计选项入口,快速响应用户的指引。
同时为三个选项卡在/res资源目录下设计选中、未选中时的反馈效果[5],如表3-5所示。
因此商城布局设计采用Fragment+FragmentTabHost来设计。
表3-5菜单栏图片资源
选中时
Home.png
Buy.png
People.png
未选中时
home_pressed.png
buy_pressed.png
people_pressed.png
3.5商城首页功能模块设计
购物商城首页页面是用户在进入软件主界面之后第一时间看到的模块,主要用来展示购物商城售卖商品分类页面。
用户通过点击不同的分类商品,可以进入该类商品详细情况页面。
由于本论文购物商城所展示的商品是手机商品,因此将选择在首页分别展示三星、苹果、小米、华为、魅族、努比亚、一加、锤子等8种目前市面上流行的手机品牌。
当用户点击手机分类页面上不同的ImageView时,系统就会自动跳转到该类手机品牌的手机详细情况页面XXXshopActivity,在详细情况页面中,用户可以浏览到该手机品牌的手机款式、价格等信息,通过点击加入购物车按钮、收藏按钮还可以加入商品到购物车、我的收藏[6]。
下面是分别是逻辑图3-2和商城首页设计详情表3-6所示。
图3-2逻辑图
表3-6商城首页设计详情表
ImageView
功能
xxxShopActivity
UI布局
apple
进入苹果商品详情页
AppleShopActivity
浏览苹果商店、加入购物车\收藏
appleshop.xml
samsung
进入三星商品详情页
SamsungShopActivity
浏览三星商店、加入购物车\收藏
samsungshop.xml
xiaomi
XiaoMiShopActivity
浏览小米商店、加入购物车\收藏
xiaomishop.xml
huawei
进入华为商品详情页
HuaWeiShopActivity
浏览华为商店、加入购物车\收藏
huaweishop.xml
meizu
进入魅族商品详情页
MeiZuShopActivity
浏览魅族商店、加入购物车\收藏
meizushop.xml
nubiya
进入努比亚商品详情页
NuBiYaShopActivity
浏览努比亚商店、加入购物车\收藏
nubiyashop.xml
oneplus
进入一加商品详情页
OnePlusShopActivity
浏览一加商店、加入购物车\收藏
oneplusshop.xml
smartisan
进入锤子商品详情页
SmartisanShopActivity
浏览锤子商店、加入购物车\收藏
smartisanshop.xml
3.6购物车功能模块设计
购物车页面是用户用来浏览从手机商品详细情况页面上选择加入购物车的商品列表。
每当用户从每个手机商品详细情况页面上选择添加到购物车的商品,都会在购物车页面上以列表的形式罗列出来[7],通过点击购买按钮,可以前往支付页面[8]。
图3-3逻辑图
从逻辑上看,是ListView加载数据的设计。
可以为ListView创建一个CommonAdapter简单适配器[9],把商品详情页上获取到的数据从MyApplication上的ShopCarList中加载进适配器中,再从ListView上以列表形式展现出来。
在展示好数据的ListView上,通过点击相应的Button按钮跳转到支付页面上,如图3-3逻辑图所示和表3-7所示:
表3-7类的功能定义
类
ShopCarList
暂存、传递数据
CommonAdapter
适配数据
ListView
列表显示视图
PayButton
前往支付按钮
3.7个人中心功能模块设计
个人中心页面是增强用户购物体验的模块,在这页面上有用户登录、我的收藏和分享应用。
顾名思义,用户登录就是登录用户自己的账号,我的收藏中可以查看收藏的商品,可以选择当商品出现降价时通知用户,而分享应用[10]则是分享购物商城软件给朋友们,个人中心设计详情表如表3-8所示:
表3-8个人中心设计详情表
Activity
CollectActivity
我的收藏模块
collect.xml、item_collect_listview.xml
LoginActivity
用户登录模块
login.xml、register.xml
3.4本章小结
购物商城的设计遵循了最基本的购物需求,从参考文献、书籍等各方面收集资料,设计出有自己思想的购物商城。
页面设计上从商品首页面到购物车页面再到个人中心页面;
功能设计上从查看商品到加入购物车、加入收藏再到用户登录和分享应用功能;
UI布局上既满足了现代审美需求,也强化了用户的购物体验的。
4购物商城的实现
4.1购物商城欢迎界面的实现
当用户点击购物商城App后,首先在SplashActivity中先把欢迎界面图片加载进来,如下代码所示:
setContentView(R.layout.activity_splash);
然后为SplashActivity开启一个线程,禁用返回键并持续三秒后跳转到商城主界面上,代码如下:
newHandler().postDelayed(newRunnable(){
@Override
publicvoidrun(){
Intentintent=newIntent();
intent.setClass(SplashActivity.this,MainActivity.class);
startActivity(intent);
finish();
}
},3000);
if(keyCode==KeyEvent.KEYCODE_BACK){
returntrue;
}
加入欢迎界面图片手机商城效果如图4-1所示:
图4-1购物商城欢迎界面
4.2商城界面及底部菜单栏的实现
首先在MainActivity类中继承FragmentActivity类,代码如下:
publicclassMainActivityextendsFragmentActivity
然后在其中定义一个FragmentTabHost对象和LayoutInflater对象,代码如下:
PrivateFragmentTabHostmTabHost;
privateLayoutInflaterlayoutInflater;
然后定义一个商城界面数组fragmentArray和底部菜单栏的选项按钮数组
mImageViewArray和选项按钮文字标识数组mTextViewArray,代码如下:
privateClassfragmentArray[]={HomeFragment.class,BuyFragment.class,
PeopleFragment.class};
privateintmImageViewArray[]={R.drawable.tab_home_btn,
R.drawable.tab_buy_btn,R.drawable.tab_people_btn};
privateStringmTextViewArray[]={"
首页"
"
购物车"
个人中心"
};
在加载好底部菜单栏的布局后,定义一个initView方法,把HomeFragment.class、BuyFragment.class、PeopleFragment.class三个Fragment加载进MainActivity中实现关键代码如下:
privatevoidinitView(){
layoutInflater=LayoutInflater.from(this);
mTabHost=(FragmentTabHost)findViewById(android.R.id.tabhost);
mTabHost.setup(this,getSupportFragmentManager(),R.id.realtabcontent);
intcount=fragmentArray.length;
for(inti=0;
i<
count;
i++){
TabSpectabSpec=mTabHost.newTabSpec(mTextViewArray[i])
.setIndicator(getTabItemView(i));
mTabHost.addTab(tabSpec,fragmentArray[i],null);
}
加载底部菜单栏选项按钮代码如下:
privateViewgetTabItemView(intindex){
Viewview=layoutInflater.inflate(R.layout.tab_item_view,null);
ImageViewimageView=(ImageView)view.findViewById(R.id.imageView1);
imageView.setImageResource(mImageViewArray[index]);
TextViewtextView=(TextView)view.findViewById(R.id.textView1);
textView.setText(mTextViewArray[index]);
returnview;
}
最后分别在HomeFragment.class、BuyFragment.class、PeopleFragment.class上重写onCreateView方法,把布局对应的布局文件加载。
以下是HomeFragment中的关键代码:
publicViewonCreateVi
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 Android 开发 购物 商城 App 设计 实现 毕业设计
![提示](https://static.bingdoc.com/images/bang_tan.gif)