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所示：
图4-1 登录页面
4.2主页面
用户浏览网上商城，可以在网上商城首页查看产品详细信息，并点击进入商品详情查看，可通过点击事件设置喜欢，并添加购物车。主页面效果如图4-2所示：
图4-2 主页面
4.3商品详情页面
此页面用来展示商品详情及介绍。商品详情页面效果如图4-3所示：
图4-3商品详情页面
4.4商品页面
在商品界面，可以通过点击左侧分类通知栏，进入商品分类，并进行添加购物车。商品页面效果如图4-4所示：
图4-4 商品页面
4.5购物车页面
选择完商品后可进入购物车页面，查看自己要购买的商品，可修改某一商品数量、取消购买某商品和清空整个购物车。购物车页面效果如图4-5所示：
图4-5购物车页面
4.6个人界面
用户在个人界面登录后，可在此页面查看订单，并进行个人信息的修改。个人界面效果如图4-6所示：
图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());
}
