目录

一.应用分析

1.1应用总体描述

1.2应用开发环境

1.3应用模块说明

二.效果展示

2.1店铺界面

2.2店铺详情界面

2.3菜品详情界面

2.4订单界面

三.服务器数据准备

四.店铺功能业务实现

4.1搭建标题栏布局

1.创建项目

2.导入界面图片

3．搭建标题栏布局

4.创建背景选择器

5.修改清单文件

4.2搭建店铺界面布局

1.导入界面图片

2.放置界面控件

3.创建自定义控件ShopListView

4.3搭建店铺Item布局

1.创建店铺列表界面ltem

2.放置界面控件

3.创建ltem界面的背景选择器

4.修改colors.xml文件

4.4封装店铺信息实体类

1.创建ShopBean类

2.创建FoodBean类

4.5编写店铺列表适配器

1.添加框架glide-3.7.0.jar

2.创建ShopAdapter类

4.6实现店铺界面显示功能

1.获取界面控件

2.添加okhttp库

3.添加gson库

4.创建Constant类

5.创建JsonParse类

6.从服务器获取数据

7.修改colors.xml文件

五.店铺详情功能业务实现

5.1搭建店铺详情界面布局

1.创建店铺详情界面

2.导入界面图片

3.放置界面控件

4.创建shop_detail_head.xml文件

5.创建shop_car.xml文件

6.创建car.list.xml文件

7.修改colors.xml文件

8.创建corner_bg.xml文件

9.创建badge_bg.xml文件

10.修改styles.xml文件

5.2搭建菜单Item布局

1.创建菜单列表界面ltem

2.导入界面图片

3.放置界面控件

4.改colors.xml文件

5.建taste_bg.xml文件

6.创建背景选择器

5.3搭建购物车Item布局

1．创建购物车列表界面ltem

2,导入界面图片

3,放置界面控件

4.创建slide_bottom_to_top.xml文件

5.4搭建确认清空购物车界面布局

1.创建确认清空购物车界面

2.放置界面控件

3.修改styles.xml文件

5.5编写菜单列表适配器

1.创建MenuAdapter类

2.创建ViewHolder类

3.创建OnSelectListener接口

5.6编写购物车列表适配器

1.创建CarAdapter类

2.创建ViewHolder类

3.创建OnSelectListener接口

5.7实现菜单显示与购物车功能

1.获取界面控件

2.初始化界面Adapter

3.设置界面数据

4.修改ShopAdapter类

六.菜品详情功能业务实现

6.1搭建菜品详情界面布局

1.创建菜品详情界面

2.放置界面控件

3.修改styles.xml文件

4.修改AndroidManifest.xml文件

6.2实现菜品界面显示功能

1.获取界面控件

2.设置界面数据

3.修改MenuAdapter.java文件

七.订单功能业务实现

7.1搭建订单界面布局

1.创建订单界面

2.放置界面控件

3.创建order_head.xml文件

4.创建payment.xml文件

5.创建背景选择器

6.修改colors.xml文件

7.2搭建订单Item布局

1.创建订单列表界面Item

2.放置界面控件

7.3搭建支付界面布局

1.创建支付界面

2.导入界面图片

3.放置界面控件

7.4搭建订单列表适配器

1.创建OrderAdapter类

2.创建ViewHolder类

7.5实现订单显示与支付功能

1.获取界面控件

2.设置界面数据

3.修改ShopDetailActivity.java文件

八.应用开发总结

九.附录:(篇幅过长的代码)

---

一.应用分析

1.1应用总体描述

本次课程设计开发的是一款网上订餐的应用，该项目与我们平常看到的外卖界面比较类似，展示的内容包括店铺、菜单、购物车、订单与支付等信息。

网上订餐app是模拟外卖功能的项目,其中包含订餐的店铺、各店铺的菜单、购物车以及订单与付款等模块。在店铺列表中可以看到店铺的名称、月销售、起送价格与配送费用、配送时间以及福利等信息,点击店铺列表中的任意一个店铺，进入到店铺详情界面,该界面主要显示店铺中的菜单,同时可以将想要吃的菜添加到购物车中，选完菜之后可以点击该界面中的“去结算”按钮,进入订单界面,在该界面核对已点的菜单信息,并通过“去支付”按钮进行付款。

1.2应用开发环境

1. 操作系统:Windows10 64位系统
2. 开发工具:JDK15.0.2，Android Studio 4.1.3+模拟器(夜神模拟器7.0.1.2）Tomcat9.0.45
3. API版本:Android API 30

1.3应用模块说明

网上订餐app主要分为两大功能模块,分别为店铺和订单,这两个模块的结构如图1-1所示。

图1-1应用模块结构 

由图1-1可知,店铺模块包含店铺列表界面与店铺详情界面,店铺列表界面用于显示各个店铺的信息,店铺详情界面不仅显示店铺的详细信息,还显示各店铺中的菜单列表信息与购物车列表信息。订单模块包含确认订单界面与支付界面，确认订单界面用于显示购物车中已添加的商品信息,支付界面用于显示付款的二维码信息。

二.效果展示

2.1店铺界面

程序启动后,首分先会进入店铺界面,该界面展示的是一些店铺信息组成的列表,界面效果如图2-1所示。

 图2-1店铺界面

2.2店铺详情界面

点击店铺列表中任意一条目,程序都会跳转到对应的店铺详情界面，该界面展示的是店铺的公告信息、配送信息、菜单列表信息以及购物车信息,界面效果如图2-2所示。

 图2-2店铺详情界面

点击菜单列表条目右侧的“加入购物车”按钮可以将菜品添加到购物车中,在界面左下角可以看到购物车中添加的菜品数量,如图2-3左图所示。

 图2-3店铺详情界面xiangqing界面

点击购物车会弹出一个已选商品的列表,该列表展示的是已点的菜品信息，点击已选商品列表中每个条目右侧的“+”或“-”按钮,分别会增加或减少对应的菜品数量。如果加入购物车的菜品总价达不到起送价时,界面右下角的按钮上会显示还差多少钱起送,否则,显示一个黄色的“去结算”按钮,界面效果如图2-3右图所示。

在图2-3右图所示的已选商品列表,右上角有一个清空按钮，点击该按钮会弹出一个确认清空购物车的对话框,界面效果如图2-4所示。

 图2-4确认清空购物车的对话框

2.3菜品详情界面

在店铺详情界面中,点击菜单列表的任意一条目,都会跳转到菜品详情界面，菜品详情界面是一个对话框的样式,界面效果如图2-5所示。

 图2-5菜品详情界面xiangqing界面

2.4订单界面

在店铺详情界面中,点击“去结算”按钮会跳转到订单界面,该界面通过一个列表展示购物车中的菜品信息,点击“去支付”按钮会弹出一个显示支付二维码的对话框，界面效果如图2-6所示。

 图2-6订单界面和支付界面

三.服务器数据准备

网上订餐app项目涉及的数据存放在一个小型简易的服务器(这里以Tomcat9.0.45为例）中,服务器中存放数据的目录结构如图3-1所示。

 图3-1存放数据的目录结构

在图1-8中,ROOT文件夹在apache-tomcat-9.0.45/webapps/目录下,表示Tomcat的根目录。order文件夹存放的是订餐项目用到的所有数据,其中，order/img文件夹存放的是图片资源，包含店铺图片和菜单图片。shop_list_data.json文件中存放的是店铺列表与店铺详情界面的数据，具体如下所示：

文件shop_list_data.json

来源：H_beallyoucanbe