Abstract: With the improvement of the quality of life, people's requirements for fresh food shopping experience are gradually upgraded. The cost of traditional fresh food logistics is relatively high, and it is difficult to control the quality of fresh food products. In the context of new retail, the community fresh food group buying model has the advantages of low operating costs and high user stickiness. The combination of the Internet and physical stores has brought more convenience and opportunities. Since the launch of WeChat, it has quickly become one of the necessary software for most people to socialize, and the mini-program services provided by WeChat are also widely used.
The use of WeChat applets can realize group buying of fresh food in the community to meet people's daily needs. The small program is mainly composed of two parts: the client and the background management system. The front end adopts small program technologies such as WXSS, WXML, and JS, and can realize functions such as user login, product purchase, and team leader application. The MySQL database is selected, and the background management system uses JAVA technology, which can realize functions such as group leader review and group leader creation activities. The community fresh food group buying mini-program provides users with a good shopping and sales experience through actual development procedures and simulation process tests.
Keywords: WeChat Mini Program; Community Fresh; MySQL; JAVA
ABSTRACT: With the improvement of quality of life, people's requirements for fresh shopping experience have gradually upgraded, the cost of traditional fresh logistics is relatively high, and the quality control of fresh products is difficult. Under the background of new retail, the community group purchase model has the advantages of low operating cost and high user stickiness, the combination of the Internet and physical stores has brought more convenience and opportunities. Since the launch of WeChat, it has quickly become one of the must-have software for most people to socialize, and the mini program services provided by WeChat have also been widely used.
The use of WeChat Mini Programs can realize community fresh group purchases and meet people's living needs. The Mini Program is mainly composed of two parts: the client and the background management system, and the front end adopts WXSS, WXML, JS and other Mini Program technologies, which can realize the functions of user login, product selection, and group leader application. Using MySQL database, the background management system can realize the functions of group leader review and group leader creation activity through JAVA technology. The community fresh group purchase mini program through the actual development of the program, simulated process test, to give users a good shopping and sales experience.
KEYWORDS: wechat mini program；community fresh；mysql；java
1 Introduction
1.1 Research background and significance
The rapid development of Internet technology has penetrated all aspects of people's lives. With the rapid development of the domestic e-commerce industry in recent years, more and more people tend to buy goods online, and they can get what they need conveniently and quickly through online shopping platforms. The real-time convenience of online shopping has also made this model widely concerned by enterprises and consumers [1], and online shopping has been expanded. Online shopping based on computer platforms and mobile terminals has made consumers feel convenient. People can buy ingredients on the platform without having to go to the supermarket to buy them, saving time and effort, and the freshness can also be guaranteed.
This paper mainly studies the design and implementation of the community fresh food group buying system based on the WeChat applet. This system can facilitate office workers to directly purchase vegetables and fruits on the applet, and it is convenient for them to get food after returning home from work. Come to a good experience [2]. It can also create new sales channels for offline supermarkets, and it can also provide job opportunities for some home workers, which is beneficial to both merchants and users.
1.2 Research Status _
1 . 2 . 1 Current situation abroad
The overall development of foreign e-commerce markets is relatively slow[3]. European and American countries started e-commerce early, but the high-end manufacturing and financial industries they mainly develop are not the main content of e-commerce development, including logistics. Equally efficient and secure. And due to the difference in regional distribution and cultural environment, the population of Western countries such as Europe and the United States is not densely populated, and their lifestyles are also very different from those in China. People's daily shopping is mainly through offline physical stores. The retail industry is more efficient. Online communities The group buying model is not easy to implement.
The development of group buying in overseas communities is far less rapid than that in the Chinese market, but there are still some Southeast Asian regions that have developed. The most prominent ones are Singapore's Youjia Life and Webuy, which have achieved very good results. These successful cases also represent that the development of community group buying in certain areas is also full of vitality.
1 . 2 . 2 Domestic Status
With the rapid development of the current domestic Internet, the number of Internet users in China is also growing steadily year by year. At the same time, the considerable number of Internet users has prompted the rapid upgrading of the e-commerce industry. Among them, the innovative models of the fresh food e-commerce industry are diversified [4], and the fresh food market maintains steady growth. With the powerful social functions of WeChat, Codey
Since its birth, Preface has been favored by many corporate giants, and major APPs have also launched corresponding mini-program services. More and more users are registering and using Mini Programs. The application of small programs has grown rapidly, and at the same time extended many functions, such as micro malls, small games, small tools and so on. As shown in Figure 1-1, we can find from these considerable data that the activity of WeChat Mini Programs has been growing very steadily.
Figure 1-1 2017-2021 H1 mini program daily active user growth
Fresh products are a necessity in residents' lives. Fresh products have the characteristics of high-frequency consumption, rigid demand, and high storage conditions. Affected by the epidemic in recent years, fresh food e-commerce has quickly entered people's sight, and fresh food purchase channels have gradually shifted from offline supermarkets, vegetable markets, etc. to fresh food e-commerce. For example, Duoduomaicai, Meituan Best, Chengxin Best, etc. have all made excellent report cards. The consumption attribute of fresh food and the drainage characteristics of the community make the advantages of the "online community, offline community" model stand out, and the group buying of fresh food in the community will maintain stable development in the next few years.
1.3 Paper organization and structure
该社区生鲜团购小程序主要分为七章部分进行阐述，文章结构如下：
第一部分：引言。主要介绍了微信小程序和生鲜电商的目前发展趋势和优势。从一开始为方便人们的快节奏生活引出了设计与实现该生鲜团购小程序项目的研究背景和研究现状。
第二部分：开发技术介绍。对小程序设计过程中相关概念和系统技术进行介绍。
第三部分：系统分析。对小程序系统进行需求分析，论证该项目的可行性。
第四部分：系统设计。进行总体设计和数据库的设计。
第五部分：详细设计与实现。对系统进行详细设计，简单介绍了功能的实现。
第六部分：系统测试。对小程序系统环境和各个功能模块进行测试的过程，检验小程序是否实现了预期设定的各种功能。
第七部分：结束语。本章对全文工作安排进行总结。
2 开发技术介绍
本章主要介绍了该社区生鲜团购小程序在开发过程中应用到的开发工具和相关技术，主要包括了微信开发者工具，帮助开发调试微信小程序，MySQL数据库的使用是为了方便管理、备份、维护小程序使用的各种数据，以及后台管理系统设计使用到的JSP技术等。通过调用接口后台为小程序前端提供数据[5]。
2.1 开发工具介绍
2.1.1 微信开发者工具
微信开发者工具是一款制作小程序、公众号和小游戏等活动的软件。微信官方配备了开发文档，可以查看文档了解详细情况。在项目开发过程中遇到问题，通过开发社区得到维护者和开发人员的帮助。这里使用VS code增强编译效果。
2.1.2 MySQL数据库
MySQL 数据库能够与PHP、Java等主流编程语言进行紧密结合，搭配使用。MySQL开放源代码，具有体积小、功能强大且免费使用的特点。MySQL作为关系型数据库其鲜明的特点是将数据存到不同的工作表里，不仅加快了MySQL的读取速度，能够有效地提升数据处理的速度，而且其变通性和可管理性也得到了极大的改善。本设计使用SQLyog对数据库进行可视化管理。
2.1.3 Tomcat
Tomcat服务器是一个免费的、开源的的Web应用服务器，支持对Servlet和JSP的运行，可以响应HTML页面的访问请求。
2.2 关键技术介绍
2.2.1 小程序原生写法
一个完整的小程序客户端主体部分包括了入口逻辑文件(app.js),公共样式文件(app.wxss)和全局配置文件(app.json)。还有两个目录(pages和utils)。在pages目录下，可以根据需要具体实现的功能模块划分子目录。一个子目录对应一个页面，每个小程序页面又基本包含了四个文件。创建一个小程序项目目录结构如图2-1所示。
图2-1 小程序目录结构
框架的视图层由WXML 和WXSS进行编写。WXML是官方为开发者提供的一套标签语言，与组件和点击事件结合使用，制作出小程序某一个页面的基本视图。WXSS用来描述页面样式，对页面进行渲染，能够提供视觉上的效果。二者类似于网页开发中的HTML和CSS。
框架的逻辑层由JavaScript编写，可以响应点击事件、获取地理位置等等。逻辑层的作用就是接受了视图层的点击请求，并将处理好的数据发送到视图层，进行数据渲染。
微信开发者文档把开发过程中需要的各种组件都做了详细的讲解。开发者可以使用这些丰富的组件和API接口文件，方便的进行调用获取用户个人信息和手机号、在线客服、获取收货地址等功能[6]。快速构建微信小程序客户端的各种功能交互，页面的基本设计，开发出一个应用程序[7]。
2.2.2 JSP技术
利用JSP技术实现开发动态网页的方式有两种。一种是在JSP页面中调用Java，一种是使用JSP标签在HTML网页中插入Java代码。当浏览器第一次发送请求时，JSP引擎就会将.jsp文件转化成java类，也就是Servlet。之后继续通过class文件响应浏览器[8]。如果.jsp文件没有进行过修改，就可以直接调用class文件来响应。如果.jsp进行了修改，服务器就会检查发现这种修改，并且重新进行编译和请求。
3 系统分析
3.1 可行性分析
3.1.1 技术可行性分析
借助开发者工具，设计出来的前端是小程序平台，该小程序可以向微信用户和微信社群分享。前端主要选择了WXSS+WTML+JS的微信原生框架，后端代码采用Java语言进行开发，Java是目前应用广泛的编程语言，并且有着成熟的框架结构，稳定安全高性能。数据库选择了MySQL数据库，在学习过程中也接触过，有一定的基础。MySQL数据库能够满足开发需求，是非常合适的选择。这些开发语言、开发技术已经非常成熟，小程序还有微信开发文档可以查阅使用，若遇到问题的时候可以搜索相关的文档和案例进行参考。因此本系统在技术上是没问题的。
3.1.2 Economic feasibility analysis _
Economic feasibility analysis is mainly the process of making a rough estimate of whether the cost and time spent are appropriate. For the community fresh food group buying mini program, it is hoped that a system with complete functions and strong operability can be realized with less development cost and time. If the post-promotion only needs to be released on the WeChat social platform, the consumption of human and material resources is also feasible. Because the real payment of the applet does not support personal authentication accounts, so the simulated payment direct payment is selected here. Overall, the cost is relatively low, so it is economically feasible.
3.1.3 Operation Feasibility Analysis _ _
This system should be concise and easy to operate in front of the user, and the interface is in good condition in terms of human-computer interaction. As long as you can connect to the Internet, you can open the mini program to browse and use it through WeChat, without downloading, and the operation is very convenient. Therefore, the system is also feasible in operation.
3.2 Demand analysis _ _
The design of the community fresh food group buying system based on small programs mainly includes two main modules: the small program client and the background management system.
3 . 2 . 1 Mini Program Client Functions
User authorization login: Call the WeChat applet login interface to obtain the user's nickname and avatar information. Users need to fill in their personal information and locate the appropriate self-pickup point address.
Buying products: You can directly search for the products you want to buy according to your needs, or you can browse and view group purchases.
Leader application: Ordinary users can apply to the administrator to become the leader and wait for the administrator's approval.
3 . 2 . 2 Background administrator center
Administrator login: Select the administrator login via the toggle button.
Team leader management: review team leader applications, add team leaders, and view team leader information.
系统管理：对用户成员、拼团活动、订单以及评价进行查看和删除。
3.2.3 后台团长中心功能
团长登录：通过审核并且被添加到团长列表的用户使用，选择团长身份登录。
创建拼团活动：团长开启活动，添加拼团信息。包括对商品信息、活动时间段和成团订单数的设置。
评价管理：用户确认收货、发表评论后，团长可查看、回复或者删除评价。
个人中心：团长对个人信息的修改。
4 系统设计
4.1 总体设计
该小程序的系统功能结构图如图4-1所示。
图4-1 小程序的系统功能结构图
4.1.1 小程序的前端设计
该小程序前端界面大致分为4个子模块进行展示：首页、商品分类页面、订单页面、我的用户页面。用户在首页能够看到团购活动商品，或者通过搜索框直接搜索商品名称；在分类页面根据不同类型浏览商品；订单页面用来存放商品、支付、查看订单进度，订单完成后对商品进行评价；我的用户页面包含了个人信息的修改、开启定位、联系客服、申请成为团长(需通过审核)。
系统中每位用户每次打开小程序就会直接提示授权登录，将昵称和头像写入数据库中。当填写好个人信息后，用户再次打开该小程序，直接在数据库中拿到用户数据，查询是否有相关信息。
完整的用户授权登录流程图如图4-2所示。
图4-2 用户授权登录流程图
在后台团长中心，团长创建活动。前端用户刷新页面根据自己的情况参与拼团，点击进入拼团详情页面，查看商品描述和评价。参加拼团，后台会自动更新订单状态，到截止日期判定订单是成功还是失败。如果拼团判定成功，用户付款后团长发货，用户就可以确认收货，评价商品。
完整的拼单流程由图4-3可见。
图4-3 拼团流程图
4 . 1 . 2 Mini-program background management system design
Administrator background management center, the main functional modules are divided into 6 contents: team leader management, user management, commodity classification management, group joining management, order management, evaluation management [9]. Team leader management review, registration team leader, user management and registration of all ordinary user information authorized to register; the administrator can add and delete the first-level classification of commodities; order management can view all order information, which is convenient for after-sales customer service processing; group management It is to check the progress of group joining activities and facilitate supervision. As shown in Figure 4-4.
Figure 4-4 Administrator function structure diagram
Enter different management centers by switching between administrator and group leader identities. Users who have passed the review of the group leader can now log in to the background group leader management. The group leader center mainly has 3 modules, group management, order management, and evaluation management. Group management can help group leaders create events, set event time, and add product information; order management can view event information, and process information according to the order progress of users on the mini program; evaluation management is to view, reply or delete user product evaluations; That is, Figure 4-5.
Figure 4-5 Functional Structure Diagram of the Head Center
4.2 Database design _
4.2.1 Conceptual Design of Database
By constructing the ER data model, the conceptual model of the project database can be described. According to the project function design ER diagram, the data items contained in all entities are:
Administrator: administrator id, name, password.
Group leader: account number, password, name, gender, mobile phone number, address of pick-up point, registration time.
User: user id, WeChat nickname, WeChat avatar, name, gender, mobile phone number, contact address, registration time, application reason, review status.
Order: order number, group membership, order amount, user id, submission time, order status, order progress.
Group activity: group id, group name, picture, price, start time, end time, number of group orders, product description, group leader account.
The attribute map of the administrator entity is shown in Figure 4-6.
Figure 4-6 Administrator entity attribute map
Figure 4-7 shows the property map of the group leader entity.
Figure 4-7 Header entity attribute map
The user entity attribute diagram is shown in Figure 4-8.
图4-8 用户实体属性图
拼团活动实体属性图如图4-9。
图4-9 拼团活动实体属性图
订单实体属性图如图4-10。
图4-10 订单实体属性图
系统总体E-R图如图4-11所示。
图4-11 系统总体E-R图
4.2.2 数据库表设计
在本系统数据库中使用多个数据表，用于存储系统功能实现涉及到的信息。在此数据库中设计了用户信息表、团长信息表、订单信息表、拼购活动表、评价信息表等。
用户信息表保存着所有授权登录的用户信息，其内容如表4-1所示。
表4-1 用户信息表
| 字段名 |
数据类型 |
长度 |
是否为主键 |
是否为空 |
备注 |
| mid |
int |
11 |
是 |
否 |
用户id |
| nic |
varchar |
50 |
否 |
是 |
微信昵称 |
续表4-1 用户信息表
| photo |
varchar |
200 |
否 |
是 |
微信头像 |
| mnane |
varchar |
50 |
否 |
是 |
姓名 |
| sex |
varchar |
10 |
否 |
是 |
性别 |
| hm |
varchar |
50 |
否 |
是 |
号码 |
| dz |
varchar |
100 |
否 |
是 |
地址 |
拼购活动表保存着团长创建的活动，方便管理员和团长查看，如表4-2。
表4-2 拼购活动表
| 字段名 |
数据类型 |
长度 |
是否为主键 |
是否为空 |
备注 |
| pid |
int |
11 |
是 |
否 |
拼团id |
| ptitle |
varchar |
50 |
否 |
是 |
拼团名称 |
| photo |
varchar |
50 |
否 |
是 |
图片 |
| price |
double |
否 |
是 |
价格 |
|
| sdate |
varchar |
50 |
否 |
是 |
拼团开始时间 |
| edate |
varchar |
50 |
否 |
是 |
拼团结束时间 |
| pquan |
int |
11 |
否 |
是 |
成团订单数 |
| pmemo |
text |
否 |
是 |
商品描述 |
|
| lelname |
varchar |
50 |
否 |
是 |
团长账号 |
订单信息表帮助团长对订单进行管理，按时发货，也方便管理员查看统计，如表4-3。
表4-3 订单信息表
| 字段名 |
数据类型 |
长度 |
是否为主键 |
是否为空 |
备注 |
| oid |
varchar |
50 |
是 |
否 |
订单编号 |
| pid |
int |
11 |
否 |
是 |
所属拼团 |
| mid |
int |
11 |
否 |
是 |
用户id |
| flag |
varchar |
50 |
否 |
是 |
订单状态 |
| omemo |
varchar |
500 |
否 |
是 |
订单进度 |
团长信息表登记了已通过审核并被添加到团长列表的团长信息，如表4-4。
表4-4 团长信息表
| 字段名 |
数据类型 |
长度 |
是否为主键 |
是否为空 |
备注 |
| lelname |
varchar |
50 |
是 |
否 |
账号 |
| lemima |
varchar |
50 |
否 |
是 |
密码 |
| lename |
varchar |
50 |
否 |
是 |
姓名 |
| sex |
varchar |
50 |
否 |
是 |
性别 |
| letel |
varchar |
50 |
否 |
是 |
号码 |
| ledz |
varchar |
50 |
否 |
是 |
提货点地址 |
评价信息表登记了对订单的评价和回复的评语，如表4-5。
表4-5 评价信息表
| 字段名 |
数据类型 |
长度 |
是否为主键 |
是否为空 |
备注 |
| id |
int |
11 |
是 |
否 |
id |
| oid |
varchar |
50 |
否 |
是 |
订单编号 |
| pid |
int |
11 |
否 |
是 |
拼团id |
| sc |
int |
11 |
否 |
是 |
评分 |
| cmemo |
varchar |
500 |
否 |
是 |
评语 |
| ctime |
datetime |
否 |
是 |
评价时间 |
|
| ans |
varchar |
500 |
否 |
是 |
团长回复 |
5 详细设计与实现
5.1 系统前端设计与实现
5.1.1 首页登录功能的实现
小程序的登录采取的是授权登录的方式。登录使用了wx.getUserProfile接口和wx.login接口。用户打开小程序需要授权登录，成功后会跳转到首页页面。点击允许按钮，通过小程序给出的wx.login()方法获得临时登录凭证code，然后发送到网页后端，请求小程序服务器地址得到openid和unionld，通过wx.getUserProfile()获取到用户的Userlnfo，保存更新当前登录用户的Userlnfo到数据库。小程序授权登录如图5-1所示。
图5-1 授权登录页面
5.1.2 首页页面的实现
通过使用小程序官方提供的swiper组件、swipter-item组件、view组件、bindtap点击事件来完成一个简单的首页布局。页面包括了位于头部的搜索框、轮播图、拼团活动楼层、底部导航。活动楼层的实现采用wx:for绑定数组msgs1，从后台取得活动商品的各项数据渲染在小程序页面上，热门拼团根据参团人数和已拼数量进行降序排序。首页页面如图5-2。
图5-2 首页页面
小程序端关键代码如下：
getMsgs1() {
//设置要传递的参数
let param = {
f: 1,
loadmsg: `正在加载中`
};
App.HttpService.getData(param, "/project_List").then(data => {
this.setData({
msgs1: data //把从服务器端得到的值赋值给数组
});
});
},
5.1.3 商品分类页面的实现
商品分类页面采用wx:for循环嵌套，默认头部是商品一级分类，点击不同的按钮能够显示各个分类的商品，呈纵向排列。当用户点击头部商品分类，会显示相对应分类下的所有商品列表。设置需要传递的参数param，调用相应的服务器Servlet，判断是否相等，执行数据库查询语句并存入数组，通过out.println(jsonarray)返回到小程序中，小程序端接收数据，存入到msgs1数组中，wx:for循环遍历的正是数组传递的值，该页面实现的方法与首页活动楼层类似。
商品分类页面如图5-3。
图5-3 商品分类页面
5.1.4 商品详情页面的实现
用户查看信息直接点击商品，跳转可以看到描述和评价。详情页如图5-4所示。
图5-4 商品详情页面
5.1.5 我的订单页面的实现
订单页面是为了存放用户预购买的商品，点击加减进行商品数量的增减，商品数量最小值设为1。订单金额里显示总价格，点击结算按钮，会触发我的订单界面，需要结合拼团活动设置条件，根据时间和拼成订单数自动判断用户拼团成功不成功。
支付成功等待团长发货，点击商品查看订单进度。我的订单页面如图5-5所示。
图5-5 我的订单页面
这里采用的是模拟支付，引入了colorUI的模态框样式，核心代码如下：
<view class="cu-modal { {modalName=='DialogModal2'?'show':''}}">
<view class="cu-dialog">
<view class="cu-bar bg-white justify-end">
<view class="content">订单支付</view>
<view class="action" bindtap="hideModal">
<text class="cuIcon-close text-red"></text>
</view>
</view>
<view class="padding-xl">
订单金额：<text class="text-red text-xl text-price">{ {je}}</text>
</view>
</view>
订单完成后，能够对商品进行评价，评价页面如图5-6所示。
图5-6 订单评价页面
5.1.6 我的用户页面的实现
最上面是授权登录的头像和昵称，功能模块展示，点击跳转到对应的页面。收货地址直接调用了wx.chooseLocation接口，在线客服功能需要将open-type的值设置为contact，需要在微信公众平台绑定客服微信号。此外，客服功能需要真机调试才可以实现。用户页面如图5-7所示。
图5-7 我的用户页面
5.2 后台管理系统的实现
运行后台代码，在浏览器打开后台管理系统。登录login页面，这里可以切换身份进入不同的管理中心[10]。如若输入的账号或者密码错误会弹出提示，点击确认后返回到登录页面，登录页面如图5-8所示。
登录失败提示代码如下：
out.println("<script>");
out.println("alert('登录失败');");
out.println("window.location='login.jsp'");
out.println("</script>");
5.2.1 后台管理员功能的实现
通过IF循环语句判断选择的身份。选择管理员登录，只有输入正确的账号密码才能进入，否则会弹窗提示登录失败。
管理员登录关键代码：
if(rs.next()){
HttpSession session = request.getSession();
session.setAttribute("adminId", rs.getString("aid"));
session.setAttribute("adminLname", rs.getString("lname"));
session.setAttribute("role", "管理员");
response.sendRedirect("admin/index.jsp");
}
拼团管理页面如图5-9所示。
图5-9 拼团管理页面
各个管理页面展示的分页封装在Pagination.java分页类中，使用时直接调用。
后台管理系统所有的查询功能，例如拼团管理页面中的查询方式均采用了SQL模糊查询，可以通过关键字进行搜索相关内容。
模糊查询代码如下：
if(request.getParameter("txt_ptitle")!=null)
{
where+=" and ptitle like '%"+request.getParameter("txt_ptitle")+"%' ";
}
ResultSet rs=cn.query("select count(*) from project a where "+where);
订单管理页面如图5-10所示。
图5-10 管理员订单管理页面
订单编号采用了时间戳方式生成。实现代码如下：
SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmssSSS");
String oid = df.format(new Date()).toString();
5.2.2 后台团长中心的实现
选择团长登录，只有通过管理员审核并被添加到团长列表的用户才能登录。
对所有登录用户进行权限验证，没有登录或者身份信息不对等的话就弹出提示信息并跳转到登录页。实现的相关代码如下：
<%
//验证登录
String lname=(String) session.getAttribute("adminLname");
String role=(String) session.getAttribute("role");
if(lname==null){ %>
<script type="text/javascript" language="javascript">
alert("请登录");
window.document.location.href="<%=path %>/login.jsp";
</script>
根据提示设置活动商品信息，完成活动信息的补充。其中图片的上传功能通过定义function()上传函数，引用对应的文件，使用时直接调用完成。上传文件封装在WebRoot\upfile文件夹里。添加拼团信息模块中的商品描述功能使用的编辑器同理。
团长创建活动功能如图5-11所示。
图5-11 团长设置活动页面
6 系统测试
6.1 测试环境
小程序的前端使用的是微信开发者工具，后台管理系统的开发环境是基于JAVA的开发环境。小程序系统整体的开发环境如表6-1所示。
表6-1 系统开发环境
| 系统名 |
开发环境 |
开发语言 |
| 前端 |
微信开发者工具 |
WXSS、WXML、JS、 |
| 后台管理系统 |
IDEA、MySQL |
JAVA |
| 服务器 |
Tomcat服务器 |
6.2 真机调试
6.2.1 系统设计与兼容性测试
微信开发者工具为开发人员提供了真机调试功能，开发人员直接通过手机扫描二维码打开开发版小程序，对小程序前端所有页面进行检查。在微信开发者工具的调试器中也能对代码和布局进行检查。这次选择的的是安卓手机，通过模拟器功能可以对小程序页面进行兼容性测试，选择不同机型的手机屏幕模拟器查看页面完整度。真机调试结果运行结果如图6-1。
图6-1 测试结果
6.3 功能测试
6.3.1 小程序端应用功能测试
小程序端按照功能主要分为拼团商品浏览与选购、订单进度展示、订单商品评价。
拼团商品浏览与选择功能主要为用户展示正在进行中的拼购活动，允许用户选择想要的商品，参与拼团可以增删商品数量。需要测试按钮之间的跳转，页面的完整度。该功能测试情况为表6-2。
表6-2 拼团商品浏览和选购功能
| 测试功能 |
操作步骤 |
预期目标 |
测试结果 |
| 商品浏览 |
通过 |
续表6-2 拼团商品浏览和选购功能
| 选购商品 |
在详情页点击“参加拼团”，点击数量的加号或减号；提交订单跳转； |
设置最小值。点击加号或者减号，显示订单金额；提交跳转到订单页面； |
通过 |
订单进度展示和订单商品评价功能方便用户查看订单实时状态，对已完成订单及时进行评价。详细测试功能为表6-3。
表6-3 订单进度展示和订单商品评价功能
| 确认收货后，对商品进行评论，选择评分输入评语； |
6.3.2 后台管理功能测试
后台管理系统有管理员和团长两种身份。管理员管理团长和用户，给团长提供后台权限，对信息进行统计。团长创建活动，设置商品信息，参与订单进程以及回复评价功能。
管理员身份的后台管理功能测试情况如表6-4所示。
表6-4 管理员身份的后台管理功能
| 用户信息的查看删除 |
在用户列表分别点击详情查看相关内容；点击删除； |
页面显示用户信息；后台删除该用户信息下小程序端需要重新登录填写信息； |
团长身份的后台管理功能测试为表6-5。
表6-5 团长身份的后台管理功能
7 结束语
该论文所研究的基于微信小程序的社区生鲜团购系统设计与实现到这里已经基本完成。回想起从一开始的查阅资料、构思选题，到敲定题目。从理论到实践，最开始的设计开发我其实是有些无从下手的，因为选题是微信小程序，在之前的学习中接触的比较少，但是能从网络上搜索了很多项目从头开始学习微信小程序的开发语言和项目实现，这个过程持续了很长一段时间。通过观看教学视频、查阅相关文档，我对微信小程序的制作流程有了更深入的理解和认知，更加拓展了我对前端的认识，动手能力也得到了一定程度的提高和巩固。我相信小程序开发技术之后还有更大的发展空间，未来会有更加优秀的开发框架，优化性更好的组件供人们使用。
由于个人能力有限，社区生鲜团购小程序系统设计项目中有许多技术缺陷存在，还有很大的优化空间，也有一些设想没有能够实现的部分。其一是该项目作为个人认证的小程序，没有申请上线，只能被事先绑定的开发者微信账号使用。因此它也不支持支付功能，只能通过拟态框来实现。第二是希望能够在后期加入一些其他功能，比如增加团长的提成模块，轮播图的定时更换等，同时希望把ui页面进行优化，对于后台管理系统使用的技术语言进行更新。