2021—2022学年第二学期期末考试
《Android手机软件开发》实践考核
项目设计说明书
项目名称: 购物APP的设计与实现
专 业: 计算机科学与技术
学 号:
姓 名:
任课教师:
2022年6月12日
目 录
1.项目概述11
2.项目需求分析11
3.开发环境22
4.界面设计22
4.1登录22
4.2主页面22
4.3商品详情页面33
4.4商品页面44
4.5购物车页面55
4.6个人界面66
5.数据存储77
6.项目开发与实现88
6.1登录88
6.2主页面88
6.3商品详情页面88
6.4商品页面88
6.5购物车页面99
6.6个人界面99
7.开发总结99
1.项目概述
如今,随着互联网技术的日新月异,移动互联网技术的提高。电子商务行业已经成为了当今的一个热门的话题。虽然,电子商务行业在国内起步比较晚,但是由于国内阿里巴巴、京东等优秀的企业,使得我国在电子商务领域的地位排在世界前列。虽然,电子商务技术已经趋于成熟,但是对于市场来说,电子商务软件的需求仍然很大。有很高的研究价值和市场价值。
随着科技的进步,电子产品的普及,智能手机品牌不断扩大,功能逐渐完善,使得移动应用出现了井喷式的产生和爆炸式的发展。由于移动应用的多元化人性化,更新快、新鲜度高、使得80后、90成为智能手机,app 的主要用户。
购物商城App 的设计响应现代信息化的潮流,跟上时代发展的步伐,便利使用安卓设备进行移动网上购物作为购物商城设计的目的。其中用到类似淘宝商城和京东商城的设计原理,创造功能合理、界面友善、满足使用者简单的网上购物体验。
该系统共包括六个主要页面,其中五个activity页面,四个fragment页面。
2.项目需求分析
在移动互联网不普及的时候,我们需要携带大量的现金,去固定的集市购买我们的生活所需。在过去,没有电子商务的时候,如果我们需要购买一件商品显得非常的不容易,同时,购买的过程中我们需要携带现金,这一行为存在着很大的安全隐患。在交易的时候,卖家和买家需要花很长的时间清点现金,但还是有少付、多付或者存在支付假币的情况。
随着互联网技术的普及,中国电子商务从起初的举步维艰的萌芽期,到如今的鼎盛时期,经历了很长时间。从1997年我国的B2B中国化工网上线,以及C2C模式的易趣网上线,标志着,我国的电子商务行业开始进入了萌芽期,但是这个时候,互联网技术不发达,大众对电子商务缺乏准确的认识和了解,这一阶段成立的互联网公司,显得有心无力。一直到2003年阿里巴巴成立淘宝,推出支付宝开始,大量的网民开始进行网购,这个时候腾讯推出了基于C2C模式的拍拍网,我国电子商务三足鼎立的格局形成。
本次项目设计的目的在于结合现在电子商务发展的特点和趋势,市场上电子商务产业的有优缺点,开发出一款方便快捷安全的购物APP。
3.开发环境
本次开发使用的开发工具:
操作系统:WIN10系统
开发工具:JDK8 Android Studio 4.0.1
API版本:Android API 30
4.界面设计
4.1登录
用户可以通过登录账号密码,来进行APP功能使用,同时查看账号订单,并更改个人信息。登录页面效果如图4-1所示:
![f8dd19350c7b31a554c661de0d9a550b.jpeg](https://i-blog.csdnimg.cn/blog_migrate/62e2762dd8e6ec26d4cb474ec06a9739.jpeg)
图4-1 登录页面
4.2主页面
用户浏览网上商城,可以在网上商城首页查看产品详细信息,并点击进入商品详情查看,可通过点击事件设置喜欢,并添加购物车。主页面效果如图4-2所示:
![da60f694f1dce73e202031be8a3173d2.jpeg](https://i-blog.csdnimg.cn/blog_migrate/84eb1adb2d71db86eaa3b16a27d8300c.jpeg)
图4-2 主页面
4.3商品详情页面
此页面用来展示商品详情及介绍。商品详情页面效果如图4-3所示:
![b2cc4adec5b7aaf091ca321e89e1937d.jpeg](https://i-blog.csdnimg.cn/blog_migrate/a58ccab32758d3192ac4fee24bcea9a0.jpeg)
图4-3商品详情页面
4.4商品页面
在商品界面,可以通过点击左侧分类通知栏,进入商品分类,并进行添加购物车。商品页面效果如图4-4所示:
![ca70d8349f4700a0095667eefbfd89a4.jpeg](https://i-blog.csdnimg.cn/blog_migrate/c337764c50211ea15ff03ed13ba93ecc.jpeg)
图4-4 商品页面
4.5购物车页面
选择完商品后可进入购物车页面,查看自己要购买的商品,可修改某一商品数量、取消购买某商品和清空整个购物车。购物车页面效果如图4-5所示:
![a1c93d0a867b8b0122434c446d8d5310.jpeg](https://i-blog.csdnimg.cn/blog_migrate/f3c518c118ea41b041d3fa7f7e0ceb09.jpeg)
图4-5购物车页面
4.6个人界面
用户在个人界面登录后,可在此页面查看订单,并进行个人信息的修改。个人界面效果如图4-6所示:
![3aea0794b4785c3731c5f3a2099f7edb.jpeg](https://i-blog.csdnimg.cn/blog_migrate/92deaa24769cf2c75652545819dc64a0.jpeg)
图4-6登录页面
5.数据存储
Android提供了四种数据存储方式:
使用Preference存储数据:Preference采用“键-值”对方式组织和管理数据,其数据存储在XML文件中。相对于其他方式,它是一个轻量级的存储机制。该方式实现比较简单,适合简单数据的存储。
使用File存储数据:文件存储的特点介于Preference与SQLite之间。从存储量来看,文件存储是一个“重量级”存储机制,比Preference方式更适合存储较大的数据;从存储结构化来看,这种方式不同于SQLite,不适合结构化的数据存储。
使用SQLite存储数据:SQLite使用数据库作为存储方式,它是一个重量级的存储机制,适合大数据量的数据存储,通过这种方式能够很容易的对数据进行增加、插入、删除、更新等操作。相比Preference和文件存储,使用SQLite较为复杂。
ContentProvider:数据共享,四大组建之一。
本次项目开发使用了使用File存储数据,代码如下:
public class DataServer {
private static List<String> snackOrderList;
private static List<Snack> homeList;
private static List<Snack> fujianList;
private static List<Snack> guangxiList;
private static List<Snack> guangzhouList;
private static List<Snack> beijingList;
private static List<Snack> chongqingList;
private static List<User> accountList;
public static List<Snack> getHomeList() {
if (homeList == null) {
homeList = new ArrayList<Snack>() {{
add(new Snack("苹果13", 5999, R.mipmap.sp1, "苹果13一般指iPhone 13。"));
add(new Snack("华为mate40", 5888, R.mipmap.sp2, "华为Mate40一般指HUAWEI Mate 40。"));
add(new Snack("联想Y9000P", 8999, R.mipmap.sp3, "联想Y9000P采用了双面金属设计,搭载16英寸四边窄边框屏,支持杜比视界。"));
}
return homeList;
}
6.项目开发与实现
6.1登录
此页面显示登录页面的信息,布局文件在activity_login.xml,顶部使用LinearLayout组件来进行LOGO展示,下方使用EditText组件来显示登录账号及密码,使用户进行账号登录功能。
6.2主页面
此页面显示主页面的信息,布局文件在activity_main.xml,顶部用了有个ImageView配件来进行页面展示,下面用fragment组件来进行商品展示,通过点击事件可以调用DetailActivity页面,同时跳转到activity_detail.xml来对用户进行商品页面展示。
6.3商品详情页面
此页面显示商品详情页面的信息,布局文件在activity_detail.xml,顶部用ImageView来进行商品图片展示,在下面用两个TextView组件来进行商品详情展示,并添加了一个Button按钮调用通过onCreate功能来进行添加到购物车的功能。
6.4商品页面
此页面显示商品页面的信息,布局文件在fragment_snack.xml,左边使用LinearLayout组件写了一个分类布局,来进行商品分类的实现,在右边则用LinearLayout组件展示添加到购物车的实现,通过调用BaseQuickAdapter方法来对购物车功能进行实现及提示。
6.5购物车页面
此页面显示购物车页面的信息,布局文件在fragment_place.xml,页面下方使用LinearLayout组件来进行商品金额的显示,右侧用Button来实现下单功能,通过AppCompatActivity调用OrderActivity页面对添加到购物车的商品进行展示,使用户来对挑选的商品进行炒作。
6.6个人界面
此页面显示个人页面的信息,布局文件在fragment_my.xml,此页面用了多个LinearLayout组件来进行设计,在ScrollView配件中,添加了一个图像组件及两个TextView组件,来进行用户的登录功能。下面用一个LinearLayout中设定了查看订单及未来得及添加的功能,在下方设置了多个TextView组件来进行个人信息的添加和修改。
7.开发总结
在这学期Android的学习中不仅学习了相关的专业知识,更让我对Android系统有了一个更加深入的了解,在Android编程过程中巩固熟悉了Java的编程。由于Android应用程序的开发离不开Java的支持,所以基础的Java知识是必须的。但在期末项目开发中,功能设计并不是很完善,还有许多地方需要进行修改改进,时间有限是因素之一,其次是因为对于技术开发仍然有些不足。
回顾以前所走的路,太多的是无奈和迷茫,这次跟随老师的安卓学习就像是我人生道路上的航标,为我指明了前进的方向,使我对自己的前途充满了信心,同时也知道了自己的前进方向。
我会在接下来的学习时间里,认真学习,充分利用时间完成相应的学科作业,并合理安排时间进行复习,以此更好的完成接下来的期末考试。
附录:
1.登录
DBHelper(MainActivity.this,"db_project",null,1);
Button btn_login=findViewById(R.id.btn_login);
EditText login_username=findViewById(R.id.login_username);
EditText login_password=findViewById(R.id.login_password);
btn_login.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//1.获取输入的用户名和密码
String username=login_username.getText().toString();
String password=login_password.getText().toString();
//2.去数据库里进行查询
Cursor cursor=helper.getReadableDatabase().query("tb_user",null,"username=? and password=?",new String[]{username,password},null,null,null);
if (cursor.moveToNext()){
//跳转
Intent intent=new Intent(MainActivity.this,MActivity.class);
Bundle bundle=new Bundle();
bundle.putCharSequence("username",cursor.getString(2));
bundle.putCharSequence("id",cursor.getString(0));
intent.putExtras(bundle);
// Toast.makeText(MainActivity.this,cursor.getString(2),Toast.LENGTH_SHORT).show();
startActivity(intent);
}else {
//没有查询到
Toast.makeText(MainActivity.this, "请输入正确的用户名和密码", Toast.LENGTH_SHORT).show();
}
}
});
2.主界面
public class WelcomeActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_welcome);
View decorView = getWindow().getDecorView();
// Hide the status bar.
int uiOptions = View.SYSTEM_UI_FLAG_FULLSCREEN;
decorView.setSystemUiVisibility(uiOptions);
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
Intent intent = new Intent(WelcomeActivity.this, MainActivity.class);
startActivity(intent);
finish();
}
}, 800);
}
3.商品详情页面
public class DetailActivity extends AppCompatActivity {
@BindView(R.id.detailImage)
ImageView image;
@BindView(R.id.detailName)
TextView name;
@BindView(R.id.detailPrice)
TextView price;
@BindView(R.id.detailContent)
TextView detail;
@BindView(R.id.detailAddCartBtn)
Button addCart;
@BindView(R.id.detailFavorite)
ImageView favorite;
public static void actionStart(Context context, Snack snack) {
Intent intent = new Intent(context, DetailActivity.class);
intent.putExtra("snack", snack);
context.startActivity(intent);
}
4.商品页面
public class SnackRightAdapter extends BaseQuickAdapter<Snack, BaseViewHolder> {
public SnackRightAdapter(List<Snack> snacks) {
super(R.layout.item_snack_right, snacks);
}
@Override
protected void convert(@NotNull BaseViewHolder baseViewHolder, Snack snack) {
baseViewHolder.setImageResource(R.id.snackRightImage, snack.getImage())
.setText(R.id.snackRightName, snack.getName())
.setText(R.id.snackRightPrice, "¥" + snack.getPrice());
}
}
5.购物车页面
public class PlaceOrderAdapter extends BaseQuickAdapter<Snack, BaseViewHolder> {
public PlaceOrderAdapter(List<Snack> snacks) {
super(R.layout.item_place_order, snacks);
}
@Override
protected void convert(@NotNull BaseViewHolder baseViewHolder, Snack snack) {
baseViewHolder.setImageResource(R.id.placeOrderImage, snack.getImage())
.setText(R.id.placeOrderName, snack.getName())
.setText(R.id.placeOrderPrice, "¥" + snack.getPrice())
.setText(R.id.orderCountBtn, String.valueOf(snack.getCount()));
}
}
6.个人页面
private void initView() {
if (MyApplication.isLogin()) {
User user = MyApplication.getUser();
image.setImageResource(user.getHeadImage());
nickname.setText(user.getNickname());
username.setText("账号: " + user.getUsername());
}
}
@OnClick(R.id.myUserHead)
void clickImage() {
if (MyApplication.isLogin()) {
Tips.show("已登录");
} else {
LoginActivity.actionStart(getActivity());
}
}
@OnClick(R.id.constraintLayout)
void clickcslayout() {
if (MyApplication.isLogin()) {
Tips.show("已登录");
} else {
LoginActivity.actionStart(getActivity());
}