目录

摘要

1 绪论

1.1 选题背景与意义

1.2国内外研究现状

1.3论文结构与章节安排

2系统分析

2.1 可行性分析

2.1.1技术可行性

2.1.2经济可行性

2.1.3操作可行性

2.2 系统流程分析

2.2.1系统开发流程

2.2.2 用户登录流程

2.2.3 系统操作流程

2.2.4 添加信息流程

2.2.5 修改信息流程

2.2.6 删除信息流程

2.3 系统功能分析

2.3.1 功能性分析

2.4 系统用例分析

2.5 本章小结

3 系统总体设计

3.1 系统架构设计

3.2 系统功能模块设计

3.3 数据库设计

3.3.1 数据库概念结构设计

3.3.2 数据库逻辑结构设计

4系统关键模块设计与实现

4.1管理员功能模块

4.1.1 后台首页界面

4.1.2 系统用户管理界面

4.1.3 活动信息管理界面

4.1.4 新品上架管理界面

4.1.5 售后申请管理界面

4.1.6 系统管理界面

4.1.7 商城管理界面

4.2普通用户功能模块

4.2.1 用户注册界面

4.2.2 首页界面

4.2.3 活动信息界面

4.2.4 商品信息界面

4.2.5购物车界面

4.2.6 “我的”界面

5系统测试

5.1系统测试的目的

5.2 系统测试用例

5.3 系统测试结果

6 结论

参考文献

致  谢

摘要

基于UniApp的微信商城小程序开发是一项集成前端、后端以及微信生态系统的应用开发工作。该小程序的主要功能模块包括后台首页、系统用户管理、活动信息管理、新品上架管理、售后申请管理、系统管理、通知公告管理、资源管理及商城管理等。其目标是提供一个集成化、简便的电商平台，满足商家和用户的需求。

后台首页模块作为应用的核心，主要显示商城的总体数据分析和重要公告信息，帮助商家及时掌握运营情况。系统用户管理模块则为管理平台用户提供便捷方式，包括用户的注册、登录、角色分配及权限设置。活动信息管理用于创建和更新商城的促销活动，帮助商家增加产品的曝光率与销售量。而新品上架管理模块则专注于商品信息的发布、审核和分类，确保商城内商品的及时更新和完整展示。

售后申请管理模块则为用户提供售后服务的申请、审核及处理功能，提升客户体验。系统管理主要包括系统参数设置、权限控制和日志记录，确保平台的稳定性和安全性。通知公告管理模块用于发布系统内部通知和更新公告，方便商家和用户了解平台的重要变化。资源管理则负责管理平台使用的图像、文件等资源，确保资源的高效利用和合理存储。最后，商城管理模块集成了商城商品、订单及支付系统，保证商城的日常运作。

该小程序通过UniApp实现多端兼容开发，极大地提高了开发效率和用户体验，使得开发者能够在同一代码基础上快速构建出微信小程序以及其他平台的应用。

关键词：微信小程序；UniApp；MySQL

Abstract

The development of WeChat Mall mini program based on UniApp is an application development work that integrates front-end, back-end, and WeChat ecosystem. The main functional modules of this mini program include the backend homepage, system user management, activity information management, new product launch management, after-sales application management, system management, notification and announcement management, resource management, and mall management. Its goal is to provide an integrated and convenient e-commerce platform that meets the needs of both merchants and users.

The backend homepage module, as the core of the application, mainly displays the overall data analysis and important announcement information of the mall, helping merchants to timely grasp the operational situation. The system user management module provides convenient methods for managing platform users, including user registration, login, role allocation, and permission settings. Event information management is used to create and update promotional activities for the mall, helping merchants increase product exposure and sales volume. The new product listing management module focuses on the release, review, and classification of product information, ensuring timely updates and complete display of products in the mall.

The after-sales application management module provides users with functions for applying, reviewing, and processing after-sales services, enhancing customer experience. System management mainly includes system parameter settings, permission control, and logging to ensure the stability and security of the platform. The notification and announcement management module is used to publish internal system notifications and update announcements, facilitating merchants and users to understand important changes on the platform. Resource management is responsible for managing the images, files, and other resources used by the platform, ensuring efficient utilization and reasonable storage of resources. Finally, the mall management module integrates mall products, orders, and payment systems to ensure the daily operation of the mall.

This mini program achieves multi terminal compatibility development through UniApp, greatly improving development efficiency and user experience, enabling developers to quickly build WeChat mini programs and other platform applications on the same code basis.

Keywords: WeChat Mini Program; UniApp；MySQL

1 绪论

1.1 选题背景与意义

选题背景：随着电子商务的发展，微信小程序逐渐成为商家推广和销售商品的重要渠道。由于其无需安装、即开即用的特性，微信小程序为商家提供了低门槛、便捷高效的在线销售解决方案。尤其在移动互联网普及的今天，用户通过微信平台购物的频率大幅增加，微信小程序商城的开发也因此成为了电商平台建设中的一个重要环节。

然而，在实际开发过程中，商家不仅需要一个功能齐全的前端展示界面，还需要强大的后台管理系统来支持商店的运营。这就对小程序的系统用户管理、商品上架管理、售后申请管理等提出了更高的要求。基于UniApp开发的微信商城小程序，因其具备多端兼容性，能够同时支持小程序、H5、App等多个平台的开发，成为解决这一问题的理想选择。

选题意义：本选题的研究意义在于探讨如何利用UniApp这一跨平台框架，高效开发微信商城小程序，满足商家日常运营需求，进而提升用户体验和商家管理效率。通过对系统用户管理、新品上架管理、售后申请管理等功能模块的研究与实现，不仅能够为商家提供更完善的电商管理工具，还能够通过规范化的流程提升售后服务质量，增强客户满意度。此外，通过采用UniApp实现多端开发，还能够降低开发成本，提高开发效率，帮助商家在竞争激烈的电商市场中获得更多优势。

1.2国内外研究现状

微信小程序自2017年推出以来，迅速在中国市场普及，成为商家推广产品和用户便捷购物的重要工具。随着电商模式和技术发展的不断推进，国内外针对微信小程序的研究逐渐增多，涵盖了技术实现、用户体验优化、商业模式创新等多个方面。

国外研究现状

国外对微信小程序的研究相对较少，主要集中在跨平台开发、移动电商及用户行为分析等领域。随着跨平台开发技术的日益成熟，研究者们对UniApp、Flutter、React Native等框架在移动应用开发中的优势进行了广泛探讨。例如，Konečný等人（2019）深入分析了基于JavaScript的跨平台开发框架，探讨了其在降低开发成本、简化代码复用上的技术优势。在电子商务领域，国外学者更多关注社交电商和移动应用对用户行为的影响，尤其是在用户体验和界面设计上如何通过社交平台增加转化率和留存率。然而，由于微信主要面向中国市场，国外研究对其具体的电商应用场景研究较少。

国内研究现状

相较于国外，国内学者对微信小程序的研究更为深入和广泛。技术层面，研究集中于如何通过框架和工具（如UniApp）提升开发效率和实现多端适配。杨明等人（2020）在其研究中分析了UniApp在微信小程序开发中的适用性，指出其在代码复用、跨平台兼容性等方面的优势，使开发者能够高效构建适配微信、H5和App的应用。

在商业应用方面，国内研究更多关注微信小程序对电商模式的创新作用。李倩（2021）提出，微信小程序不仅为商家提供了更直接的用户触达方式，还通过与微信社交生态的深度结合，提升了用户互动性与营销效率。她的研究表明，小程序能够通过社交裂变、精准营销等手段提高用户的参与感和转化率。同时，国内还有大量的实证研究分析了小程序在不同领域（如零售、电商、教育）中的应用效果与用户行为，提供了丰富的数据支持。

所以国外的研究主要围绕跨平台开发技术展开，较少涉及微信小程序的具体应用，而国内在技术开发和商业实践方面均已积累了丰富的研究成果。尤其是UniApp在小程序开发中的应用得到了广泛的关注，为构建高效、多端兼容的电商平台提供了理论和技术支持。未来，随着微信小程序的不断发展，其在电商领域的应用前景将更加广阔，同时也会吸引更多的国际研究者关注。

1.3论文结构与章节安排

论文将分层次进行编排，除去论文摘要致谢文献参考部分，正文部分还会对系统需求做出分析，以及阐述大体的设计和实现的功能，最后罗列部分调测记录，论文主要架构如下：

第一章：引言。第一章主要介绍了课题研究的背景和意义，系统开发的国内外研究现状和本文的研究内容与主要工作。

第二章：系统需求分析。主要从系统的用户、功能等方面进行需求分析。

第三章：系统设计。主要对系统框架、系统功能模块、数据库进行功能设计。

第四章：系统实现。主要介绍了系统框架搭建、系统界面的实现。

第五章：系统测试。主要对系统的部分界面进行测试并对主要功能进行测试

第六章：总结。

2系统分析

系统分析是开发一个项目的先决条件，通过系统分析可以很好的了解系统的主体用户的基本需求情况，同时这也是项目的开发的原因。进而对系统开发进行可行性分析，通常包括技术可行性、经济可行性等，可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析，分析的手段一般都是通过用户的用例图来实现。接下来会进行详细的介绍。

2.1 可行性分析

2.1.1技术可行性

基于UniApp开发微信商城小程序具备较高的技术可行性，因其能够实现跨平台开发、性能优化，并且与微信支付、社交分享等生态系统深度集成。UniApp的开发工具和社区资源丰富，支持快速调试和发布，极大提升了开发效率。尽管在复杂场景中可能存在API兼容性及特定业务逻辑处理的技术挑战，但通过合理的技术方案和工具支持，项目依然可以顺利实现。

2.1.2经济可行性

基于UniApp开发微信商城小程序在经济上具备较高可行性。其跨平台开发模式大幅降低了开发成本和时间投入，商家无需为多个平台单独开发应用，从而节约了人力和资源。UniApp的插件和模板库也能减少二次开发的需求，进一步降低维护成本。此外，快速上线和迭代能力帮助商家更快地响应市场需求，提升收益潜力。因此，综合考虑开发、维护成本和市场效益，基于UniApp的开发方案在经济上是可行且高效的。

2.1.3操作可行性

基于UniApp开发微信商城小程序的操作可行性较高。UniApp的开发流程简单明了，开发者只需掌握Vue.js基础即可上手，且该框架与微信开发者工具无缝对接，方便调试和发布。同时，UniApp内置了微信支付、分享等常用功能的插件，减少了复杂的手动集成工作。此外，丰富的文档与社区支持能够快速解决开发中的问题，确保项目顺利进行。因此，从操作层面看，UniApp的上手难度低，适合高效开发微信商城小程序。

2.2 系统流程分析

2.2.1系统开发流程

基于Uniapp的微信商城小程序开发时，首先进行需求分析，进而对系统进行总体的设计规划，设计系统功能模块，数据库的选择等，本系统的开发流程如图2-1所示。

图2-1系统开发流程图

2.2.2 用户登录流程

为了保证系统的安全性，要使用本系统对系统信息进行管理，必须先登陆到系统中。如图2-2所示。

图2-2 登录流程图

2.2.3 系统操作流程

用户打开并进入系统后，会先显示登录界面，输入正确的用户名和密码，系统自动检测信息，若信息无误，则用户会进入系统功能界面，进行操作，否则会提示错误无法登录，操作流程如图2-3所示。

图2-3 系统操作流程图

2.2.4 添加信息流程

管理员可以对用户管理、论坛管理、商品信息等进行信息的添加，用户可以对自己权限内的信息进行添加，输入信息后，系统会自行验证输入的信息和数据，若信息正确，会将其添加到数据库内，若信息有误，则会提示重新输入信息，添加信息流程如图2-4所示。

图2-4 添加信息流程图

2.2.5 修改信息流程

管理员可以对用户管理、论坛管理、商品信息等进行的修改，用户可以对自己权限内的信息进行修改，首先进入修改信息界面，输入修改信息数据，系统进行数据的判断验证，修改信息合法则修改成功，信息更新至数据库，信息不合法则修改失败，重新输入。修改信息流程图如图2-5所示。

图2-5 修改信息流程图

2.2.6 删除信息流程

管理员可以对用户管理、论坛管理、商品信息等进行信息的删除，对要删除的信息进行选中后，点击删除按钮，系统会询问是否确定，若点击确定，则系统会删除掉选中的信息，并在数据库内对信息进行删除，删除信息流程图如图2-6所示。

图2-6 删除信息流程图

2.3 系统功能分析

2.3.1 功能性分析

按照基于Uniapp的微信商城小程序的角色，我划分为了管理员模块和普通用户模块这两大部分。

（1）管理员模块：

后台首页：提供管理员的工作台，展示关键业务数据、实时统计、商城运营情况的概览，如订单数量、用户注册量、售后申请等。

系统用户：管理系统中的用户信息，包括管理员权限分配、角色管理、账号信息维护、操作日志记录等，以确保系统安全和分级管理。

活动信息管理：用于创建和管理商城的促销活动，如打折、优惠券、满减活动等。管理员可以设置活动规则、时间和用户参与条件。

新品上架管理：支持商家管理新商品的上架流程，包括商品信息编辑、分类、库存管理、定价等，确保商城的产品更新及时。

售后申请管理：处理用户的售后申请，如退货、退款、换货等。管理员可以查看申请详情、审核状态、处理流程，确保售后服务高效进行。

系统管理：管理系统的基础设置，包括服务器配置、数据库维护、安全策略设置、备份管理等，确保系统的稳定性和安全性。

通知公告管理：发布商城公告和系统通知，向用户或管理员发送重要信息，如新功能上线、活动通知、系统维护公告等。

资源管理：管理商城中的多媒体资源，如商品图片、广告图片、视频等，支持资源的上传、删除、分类和权限控制。

商城管理：综合管理商城的各项功能，包括商品、订单、用户、支付等模块的日常运营维护，确保商城业务顺畅运行。

（2）普通用户模块：

用户注册与登录：允许用户注册账号并登录系统，以便更好使用等操作。

首页：用户进入小程序后的主界面，展示商城的主要商品、促销活动、新品推荐等，提供快捷的导航入口。

轮播图：首页顶部的动态图片展示区域，通常用于展示促销活动、新品推荐或重要通知，吸引用户点击查看详情。

活动信息：列出当前商城的促销活动，如折扣、满减、优惠券等，用户可以查看并参与活动，提升购物体验。

新品上架：展示近期上架的新品，用户可以通过此模块快速浏览和购买新推出的商品。

商品信息：详细展示商品的图片、价格、规格、库存等信息，用户可以查看评价、选择规格，并进行购买操作。

购物车：用户选择的商品会存放在购物车中，支持批量操作如增加、删除商品，查看商品总价并进入结算页面。

商城资讯：提供商城的最新动态、商品推荐、促销公告等资讯，帮助用户及时了解商城的更新和活动。

我的：用户个人中心，包含个人信息、订单管理、地址管理、收藏商品、浏览历史、售后申请等功能，用户可以在此管理自己的账号和订单。

通过对管理员和普通用户模块的功能需求进行分析，可以确保Uniapp的微信商城小程序能够满足用户的需求，提供便捷的微信商城管理平台和用户在微信小程序内进行电子商务操作的系统，为管理员提供高效的商家管理工具，该管理平台通过精细化的角色分工（管理员和普通用户）和各自功能模块的高效整合，提升了商城的整体运营效率和用户体验。

2.3.2 非功能性分析

基于Uniapp的微信商城小程序的非功能性需求比如平台的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下2-1表格中：

表2-1基于Uniapp的微信商城小程序非功能需求表

安全性	主要指基于Uniapp的微信商城小程序数据库的安装，数据库的使用和密码的设定必须合乎规范。
可靠性	可靠性是指基于Uniapp的微信商城小程序能够安装用户的指示进行操作，经过测试，可靠性90%以上。
性能	性能是影响基于Uniapp的微信商城小程序占据市场的必要条件，所以性能最好要佳才好。
可扩展性	比如数据库预留多个属性，比如接口的使用等确保了系统的非功能性需求。
易用性	用户只要跟着基于Uniapp的微信商城小程序的页面展示内容进行操作，就可以了。
可维护性	基于Uniapp的微信商城小程序开发的可维护性是非常重要的，经过测试，可维护性没有问题

2.4 系统用例分析

通过2.3功能的分析，得出了系统的用例图：

管理员是维护整个基于Uniapp的微信商城小程序中所有数据信息的。管理员角色用例如图2-7所示。

图2-7管理员用户角色用例图

普通用户角色用例如图2-8所示。

图2-8基于Uniapp的微信商城小程序普通用户角色用例图

2.5 本章小结

本章主要通过对基于Uniapp的微信商城小程序的可行性分析、流程分析、功能需求分析、系统用例分析，确保整个系统要实现的功能。同时也为系统的代码实现和测试提供了标准。

3 系统总体设计

本章主要讨论的内容包括系统的功能模块设计、数据库系统设计。

3.1 系统架构设计

本系统从架构上分为三层：表现层（UI）、业务逻辑层（BLL）以及数据层（DL）。

图3-1系统架构设计图

表现层（UI）：又称UI层，主要完成本系统的UI交互功能，一个良好的UI可以打打提高用户的用户体验，增强用户使用本系统时的舒适度。UI的界面设计也要适应不同版本的智慧校园管理系统以及不同尺寸的分辨率，以做到良好的兼容性。UI交互功能要求合理，用户进行交互操作时必须要得到与之相符的交互结果，这就要求表现层要与业务逻辑层进行良好的对接。

业务逻辑层（BLL）：主要完成本系统的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层，系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。

数据层（DL）：由于本系统的数据是放在服务端的mysql数据库中，因此本属于服务层的部分可以直接整合在业务逻辑层中，所以数据层中只有数据库，其主要完成本系统的数据存储和管理功能。

3.2 系统功能模块设计

在上一章节中主要对系统的功能性需求和非功能性需求进行分析，并且根据需求分析了本系统中的用例。那么接下来就要开始对本系统的架构、主要功能和数据库开始进行设计。基于Uniapp的微信商城小程序根据前面章节的需求分析得出，其总体设计模块图如图3-2所示。

图3-2系统功能模块图

3.3 数据库设计

数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程，其中需求分析前面章节已经阐述，概念模型设计有概念模型和逻辑结构设计两部分。

3.3.1 数据库概念结构设计

下面是整个基于Uniapp的微信商城小程序中主要的数据库表总E-R实体关系图。

图3-3 基于Uniapp的微信商城小程序总E-R关系图

3.3.2 数据库逻辑结构设计

通过上一小节中基于Uniapp的微信商城小程序中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。

表access_token (登陆访问时长)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	token_id	int	10	0	N	Y		临时访问牌ID
2	token	varchar	64	0	Y	N		临时访问牌
3	info	text	65535	0	Y	N
4	maxage	int	10	0	N	N	2	最大寿命：默认2小时
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
7	user_id	int	10	0	N	N	0	用户编号:

表address (收货地址：)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	address_id	int	10	0	N	Y		收货地址：
2	name	varchar	32	0	Y	N		姓名：
3	phone	varchar	13	0	Y	N		手机：
4	postcode	varchar	8	0	Y	N		邮编：
5	address	varchar	255	0	N	N		地址：
6	user_id	mediumint	8	0	N	N		用户ID：[0,8388607]用户获取其他与用户相关的数据
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
9	default	bit	1	0	N	N	0	默认判断

表after_sales_application (售后申请)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	after_sales_application_id	int	10	0	N	Y		售后申请ID
2	order_number	varchar	64	0	Y	N		订单编号
3	user_information	int	10	0	Y	N	0	用户信息
4	product_name	varchar	64	0	Y	N		商品名称
5	quantity_of_goods	int	10	0	Y	N	0	商品数量
6	after_sales_type	varchar	64	0	Y	N		售后类型
7	reason_for_application	text	65535	0	Y	N		申请原因
8	application_status	varchar	64	0	Y	N		申请状态
9	application_reply	text	65535	0	Y	N		申请回复
10	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
11	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表article (文章：用于内容管理系统的文章)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	article_id	mediumint	8	0	N	Y		文章id：[0,8388607]
2	title	varchar	125	0	N	Y		标题：[0,125]用于文章和html的title标签中
3	type	varchar	64	0	N	N	0	文章分类：[0,1000]用来搜索指定类型的文章
4	hits	int	10	0	N	N	0	点击数：[0,1000000000]访问这篇文章的人次
5	praise_len	int	10	0	N	N	0	点赞数
6	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
7	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
8	source	varchar	255	0	Y	N		来源：[0,255]文章的出处
9	url	varchar	255	0	Y	N		来源地址：[0,255]用于跳转到发布该文章的网站
10	tag	varchar	255	0	Y	N		标签：[0,255]用于标注文章所属相关内容，多个标签用空格隔开
11	content	longtext	2147483647	0	Y	N		正文：文章的主体内容
12	img	varchar	255	0	Y	N		封面图
13	description	text	65535	0	Y	N		文章描述

表article_type (文章分类)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	type_id	smallint	5	0	N	Y		分类ID：[0,10000]
2	display	smallint	5	0	N	N	100	显示顺序：[0,1000]决定分类显示的先后顺序
3	name	varchar	16	0	N	N		分类名称：[2,16]
4	father_id	smallint	5	0	N	N	0	上级分类ID：[0,32767]
5	description	varchar	255	0	Y	N		描述：[0,255]描述该分类的作用
6	icon	text	65535	0	Y	N		分类图标：
7	url	varchar	255	0	Y	N		外链地址：[0,255]如果该分类是跳转到其他网站的情况下，就在该URL上设置
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表auth (用户权限管理)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	auth_id	int	10	0	N	Y		授权ID：
2	user_group	varchar	64	0	Y	N		用户组：
3	mod_name	varchar	64	0	Y	N		模块名：
4	table_name	varchar	64	0	Y	N		表名：
5	page_title	varchar	255	0	Y	N		页面标题：
6	path	varchar	255	0	Y	N		路由路径：
7	position	varchar	32	0	Y	N		位置：
8	mode	varchar	32	0	N	N	_blank	跳转方式：
9	add	tinyint	3	0	N	N	1	是否可增加：
10	del	tinyint	3	0	N	N	1	是否可删除：
11	set	tinyint	3	0	N	N	1	是否可修改：
12	get	tinyint	3	0	N	N	1	是否可查看：
13	field_add	text	65535	0	Y	N		添加字段：
14	field_set	text	65535	0	Y	N		修改字段：
15	field_get	text	65535	0	Y	N		查询字段：
16	table_nav_name	varchar	500	0	Y	N		跨表导航名称：
17	table_nav	varchar	500	0	Y	N		跨表导航：
18	option	text	65535	0	Y	N		配置：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表cart (购物车)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	cart_id	int	10	0	N	Y		购物车ID：
2	title	varchar	64	0	Y	N		标题：
3	img	varchar	255	0	N	N	0	图片：
4	user_id	int	10	0	N	N	0	用户ID：
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
7	state	int	10	0	N	N	0	状态：使用中，已失效
8	price	double	9	2	N	N	0.00	单价：
9	price_ago	double	9	2	N	N	0.00	原价：
10	price_count	double	11	2	N	N	0.00	总价：
11	num	int	10	0	N	N	1	数量：
12	goods_id	mediumint	8	0	N	N		商品id：[0,8388607]
13	type	varchar	64	0	N	N	未分类	商品分类：
14	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述

表code_token

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	code_token_id	int	10	0	N	Y
2	token	varchar	255	0	Y	N
3	code	varchar	255	0	Y	N		验证码
4	expire_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	失效时间
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表comment (评论)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	comment_id	int	10	0	N	Y		评论ID：
2	user_id	int	10	0	N	N	0	评论人ID：
3	reply_to_id	int	10	0	N	N	0	回复评论ID：空为0
4	content	longtext	2147483647	0	Y	N		内容：
5	nickname	varchar	255	0	Y	N		昵称：
6	avatar	varchar	255	0	Y	N		头像地址：[0,255]
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
9	source_table	varchar	255	0	Y	N		来源表：
10	source_field	varchar	255	0	Y	N		来源字段：
11	source_id	int	10	0	N	N	0	来源ID：

表event_information (活动信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	event_information_id	int	10	0	N	Y		活动信息ID
2	event_name	varchar	64	0	Y	N		活动名称
3	event_date	date	10	0	Y	N		活动日期
4	event_deadline	varchar	64	0	Y	N		活动期限
5	cover_photo	varchar	255	0	Y	N		封面图片
6	activity_content	longtext	2147483647	0	Y	N		活动内容
7	praise_len	int	10	0	N	N	0	点赞数
8	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表goods (商品信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	goods_id	mediumint	8	0	N	Y		产品id：[0,8388607]
2	title	varchar	125	0	Y	N		标题：[0,125]用于产品和html的<title>标签中
3	img	text	65535	0	Y	N		封面图：用于显示于产品列表页
4	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
5	price_ago	double	8	2	N	N	0.00	原价：[1]
6	price	double	8	2	N	N	0.00	卖价：[1]
7	sales	int	10	0	N	N	0	销量：[0,1000000000]
8	inventory	int	10	0	N	N	0	商品库存
9	type	varchar	64	0	N	N		商品分类：
10	hits	int	10	0	N	N	0	点击量：[0,1000000000]访问这篇产品的人次
11	content	longtext	2147483647	0	Y	N		正文：产品的主体内容
12	img_1	text	65535	0	Y	N		主图1：
13	img_2	text	65535	0	Y	N		主图2：
14	img_3	text	65535	0	Y	N		主图3：
15	img_4	text	65535	0	Y	N		主图4：
16	img_5	text	65535	0	Y	N		主图5：
17	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
18	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
19	customize_field	text	65535	0	Y	N		自定义字段
20	source_table	varchar	255	0	Y	N		来源表：
21	source_field	varchar	255	0	Y	N		来源字段：
22	source_id	int	10	0	N	N	0	来源ID：
23	user_id	int	10	0	Y	N	0	添加人

表collect (收藏)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	collect_id	int	10	0	N	Y		收藏ID：
2	user_id	int	10	0	N	N	0	收藏人ID：
3	source_table	varchar	255	0	Y	N		来源表：
4	source_field	varchar	255	0	Y	N		来源字段：
5	source_id	int	10	0	N	N	0	来源ID：
6	title	varchar	255	0	Y	N		标题：
7	img	varchar	255	0	Y	N		封面：
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表goods_type (商品类型)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	type_id	int	10	0	N	Y		商品分类ID：
2	father_id	smallint	5	0	N	N	0	上级分类ID：[0,32767]
3	name	varchar	255	0	Y	N		商品名称：
4	desc	varchar	255	0	Y	N		描述：
5	icon	varchar	255	0	Y	N		图标：
6	source_table	varchar	255	0	Y	N		来源表：
7	source_field	varchar	255	0	Y	N		来源字段：
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表hits (用户点击)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	hits_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：

表logistics_delivery (物流配送)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	logistics_delivery_id	int	10	0	N	Y		物流配送ID
2	order_number	varchar	64	0	Y	N		订单号
3	product_name	varchar	64	0	Y	N		商品名称
4	purchase_quantity	varchar	64	0	Y	N		购买数量
5	total_transaction_amount	double	11	2	Y	N	0.00	交易总额
6	the_date_of_issuance	date	10	0	Y	N		发货日期
7	delivery_number	varchar	30	0	Y	N		配送订单
8	ordinary_users	int	10	0	Y	N	0	普通用户
9	shipping_address	varchar	64	0	Y	N		收货地址
10	delivery_status	varchar	64	0	Y	N		配送状态
11	signing_status	varchar	64	0	Y	N		签收状态
12	recommend	int	10	0	N	N	0	智能推荐
13	contact_name	varchar	255	0	Y	N		联系人名字
14	merchant_id	int	10	0	Y	N		商家id
15	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
16	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表new_arrivals (新品上架)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	new_arrivals_id	int	10	0	N	Y		新品上架ID
2	product_name	varchar	64	0	Y	N		商品名称
3	listing_date	date	10	0	Y	N		上架日期
4	commodity_price	int	10	0	Y	N	0	商品价格
5	cover_photo	varchar	255	0	Y	N		封面图片
6	product_introduction	longtext	2147483647	0	Y	N		商品介绍
7	praise_len	int	10	0	N	N	0	点赞数
8	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表notice (公告)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	notice_id	mediumint	8	0	N	Y		公告id：
2	title	varchar	125	0	N	N		标题：
3	content	longtext	2147483647	0	Y	N		正文：
4	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表order (订单)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	order_id	int	10	0	N	Y		订单ID：
2	order_number	varchar	64	0	Y	N		订单号：
3	goods_id	mediumint	8	0	N	N		商品id：[0,8388607]
4	title	varchar	255	0	Y	N		商品标题：
5	img	varchar	255	0	Y	N		商品图片：
6	price	double	10	2	N	N	0.00	价格：
7	price_ago	double	10	2	N	N	0.00	原价：
8	num	int	10	0	N	N	1	数量：
9	price_count	double	8	2	N	N	0.00	总价：
10	norms	varchar	255	0	Y	N		规格：
11	type	varchar	64	0	N	N	未分类	商品分类：
12	contact_name	varchar	32	0	Y	N		联系人姓名：
13	contact_email	varchar	125	0	Y	N		联系人邮箱：
14	contact_phone	varchar	11	0	Y	N		联系人手机：
15	contact_address	varchar	255	0	Y	N		收件地址：
16	postal_code	varchar	9	0	Y	N		邮政编码：
17	user_id	int	10	0	N	N	0	买家ID：
18	merchant_id	mediumint	8	0	N	N	0	商家ID：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
21	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
22	state	varchar	16	0	N	N	待付款	订单状态：待付款，待发货，待签收，已签收，待退款，已退款，已拒绝，已完成
23	remark	text	65535	0	Y	N		订单备注
24	delivery_state	varchar	16	0	Y	N	未配送	发货状态：未配送，已配送
25	vip_discount	double	11	2	Y	N	0.00	折扣

表ordinary_users (普通用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	ordinary_users_id	int	10	0	N	Y		普通用户ID
2	user_name	varchar	64	0	Y	N		用户姓名
3	user_gender	varchar	64	0	Y	N		用户性别
4	contact_number	varchar	16	0	Y	N		联系电话
5	examine_state	varchar	16	0	N	N	已通过	审核状态
6	user_id	int	10	0	N	N	0	用户ID
7	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表praise (点赞)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	praise_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	status	bit	1	0	N	N	1	点赞状态:1为点赞，0已取消

表product_information (商品信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	product_information_id	int	10	0	N	Y		商品信息ID
2	purchase_notice	varchar	64	0	Y	N		购买须知
3	cart_title	varchar	125	0	Y	N		标题：[0,125]用于产品html的标签中
4	cart_img	text	65535	0	Y	N		封面图：用于显示于产品列表页
5	cart_description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
6	cart_price_ago	double	8	2	N	N	0.00	原价：[1]
7	cart_price	double	8	2	N	N	0.00	卖价：[1]
8	cart_inventory	int	10	0	N	N	0	商品库存
9	cart_type	varchar	64	0	N	N	未分类	商品分类：
10	cart_content	longtext	2147483647	0	Y	N		正文：产品的主体内容
11	cart_img_1	text	65535	0	Y	N		主图1：
12	cart_img_2	text	65535	0	Y	N		主图2：
13	cart_img_3	text	65535	0	Y	N		主图3：
14	cart_img_4	text	65535	0	Y	N		主图4：
15	cart_img_5	text	65535	0	Y	N		主图5：
16	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
17	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表slides (轮播图)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	slides_id	int	10	0	N	Y		轮播图ID：
2	title	varchar	64	0	Y	N		标题：
3	content	varchar	255	0	Y	N		内容：
4	url	varchar	255	0	Y	N		链接：
5	img	varchar	255	0	Y	N		轮播图：
6	hits	int	10	0	N	N	0	点击量：
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表upload (文件上传)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	upload_id	int	10	0	N	Y		上传ID
2	name	varchar	64	0	Y	N		文件名
3	path	varchar	255	0	Y	N		访问路径
4	file	varchar	255	0	Y	N		文件路径
5	display	varchar	255	0	Y	N		显示顺序
6	father_id	int	10	0	Y	N	0	父级ID
7	dir	varchar	255	0	Y	N		文件夹
8	type	varchar	32	0	Y	N		文件类型

表user (用户账户：用于保存用户登录信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	user_id	mediumint	8	0	N	Y		用户ID：[0,8388607]用户获取其他与用户相关的数据
2	state	smallint	5	0	N	N	1	账户状态：[0,10](1可用|2异常|3已冻结|4已注销)
3	user_group	varchar	32	0	Y	N		所在用户组：[0,32767]决定用户身份和权限
4	login_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	上次登录时间：
5	phone	varchar	11	0	Y	N		手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
6	phone_state	smallint	5	0	N	N	0	手机认证：[0,1](0未认证|1审核中|2已认证)
7	username	varchar	16	0	N	N		用户名：[0,16]用户登录时所用的账户名称
8	nickname	varchar	16	0	Y	N		昵称：[0,16]
9	password	varchar	64	0	N	N		密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
10	email	varchar	64	0	Y	N		邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
11	email_state	smallint	5	0	N	N	0	邮箱认证：[0,1](0未认证|1审核中|2已认证)
12	avatar	varchar	255	0	Y	N		头像地址：[0,255]
13	open_id	varchar	255	0	Y	N		针对获取用户信息字段
14	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：

表user_group (用户组：用于用户前端身份和鉴权)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	group_id	mediumint	8	0	N	Y		用户组ID：[0,8388607]
2	display	smallint	5	0	N	N	100	显示顺序：[0,1000]
3	name	varchar	16	0	N	N		名称：[0,16]
4	description	varchar	255	0	Y	N		描述：[0,255]描述该用户组的特点或权限范围
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	register	smallint	5	0	Y	N	0	注册位置:
9	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

  3.4本章小结

整个基于Uniapp的微信商城小程序的需求分析主要对系统总体架构以及功能模块的设计，通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。

4系统关键模块设计与实现

基于Uniapp的微信商城小程序的详细设计与实现主要是根据前面的需求分析和总体设计来设计页面并实现业务逻辑。主要从界面实现、业务逻辑实现这两部分进行介绍。

4.1管理员功能模块

4.1.1 后台首页界面

基于Uniapp的微信商城小程序中的管理人员后台首页是提供管理员的工作台，展示关键业务数据，如：商品销售金额统计和商品销售数量统计；以便实时统计。界面如下图4-1所示。

图4-1后台首页界面图

4.1.2 系统用户管理界面

基于Uniapp的微信商城小程序中的管理人员是可以对普通用户进行管理的，也可以对管理员进行管控。界面如下图4-2所示。

图4-2系统用户管理界面图

关键代码如下：

@Slf4j

public class LoginInterceptor implements HandlerInterceptor {

    private String tokenName = "x-auth-token";

    @Override

    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {

        String token = request.getHeader(this.tokenName);

        setHeader(request, response);

4.1.3 活动信息管理界面

管理员进入活动信息管理列表界面，添加更多活动信息。其界面如下图4-3所示。

图4-3活动信息管理界面图

4.1.4 新品上架管理界面

管理员进入新品上架管理界面，可进行增删重置等操作，点击“详情”添加更多商品信息。其界面如下图4-4所示。

图4-4新品上架管理界面图

4.1.5 售后申请管理界面

管理员进入售后申请管理界面，可进行增删改查等操作，点击“详情”查看更多详细信息，审核客户售后申请并回复。其界面如下图4-5所示。

图4-5售后申请管理界面图

4.1.6 系统管理界面

管理员点击“系统管理”这一菜单会显示轮播图管理这一个子菜单，管理员可以对前台展示的轮播图进行设置，如查询、添加、删除等。其界面如下图4-6所示。

图4-6系统管理界面图

关键代码如下：

    @Override

    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {

    }

    private void failure(HttpServletRequest request, HttpServletResponse response) throws IOException {

        response.setHeader("Content-type", "application/json;charset=UTF-8");

        response.setStatus(401);

        response.sendRedirect("https://www.baidu.com");

4.1.7 商城管理界面

管理员点击“商城管理”这一菜单进行设置，如查询、添加、删除等。综合管理商城的各项功能，包括商品、订单、用户、支付、配送等模块的运用，其界面如下图4-7所示。

图4-7商城管理界面图

4.2普通用户功能模块

4.2.1 用户注册界面

用户注册：用户输入对应的账号（必须填写）+密码（必须填写）+确认密码（必须填写，而且要与密码一直）+昵称+邮箱+身份+姓名+电话+性别，选择用户身份等等，然后点击“注册”，系统在用户这一数据库中会查询账号是不是存在，两次密码是不是一样，都填写正确就会注册成功，然后再进行登录，如果是之前已经注册过的用户很长时间没有使用，忘记密码，也可以点击“忘记密码”进行找回。用户注册界面如下图4-8所示。

图4-8用户注册界面图

注册代码如下：

public String encryption(String plainText) {

        String re_md5 = new String();

        try {

            MessageDigest md = MessageDigest.getInstance("MD5");

            md.update(plainText.getBytes());

            byte b[] = md.digest();

            int i;

            StringBuffer buf = new StringBuffer("");

            for (int offset = 0; offset < b.length; offset++) {

                i = b[offset];

                if (i < 0)

                    i += 256;

                if (i < 16)

                    buf.append("0");

                buf.append(Integer.toHexString(i));

4.2.2 首页界面

当进入基于Uniapp的微信商城小程序的时候，首先映入眼帘的是系统的导航栏以及轮播图，其主界面展示如下图4-9所示。

图4-9 首页界面图

4.2.3 活动信息界面

基于Uniapp的微信商城小程序中的活动信息列出当前商城的促销活动，如折扣、满减、优惠券等，点击“查看详情”用户可以查看更多商品信息并参与活动等。活动信息界面如下图4-10所示。

图4-10活动信息界面图

4.2.4 商品信息界面

当普通用户进入商品信息时，可以通过关键词搜索或按分类搜索商品信息并加选至购物车等功能操作；其界面如下图4-11所示。

图4-11商品信息界面图

4.2.5购物车界面

将商品加选至购物车后，浏览购物车界面会显示所选商品信息，钩选进入支付界面即可支付。其页面如图4-12所示。

图4-12购物车界面图

4.2.6 “我的”界面

当用户进入“我的”界面后，显示基本信息、收货地址、收藏、订单、购物车、售后申请、订单配送功能，可对各功能进行查看、管理。其界面如下图4-13所示。

图4-13“我的”界面图

关键代码如下：

mybatis-plus:

  mapper-locations: classpath*:mapper/*.xml

  type-aliases-package: com.project.demo.entity

  configuration:

    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl

    use-column-label: true

    map-underscore-to-camel-case: false

    lazy-loading-enabled: true

5系统测试

5.1系统测试的目的

系统开发到了最后一个阶段那就是系统测试，系统测试对软件的开发其实是非常有必要的。因为没什么系统一经开发出来就可能会尽善尽美，再厉害的系统开发工程师也会在系统开发的时候出现纰漏，系统测试能够较好的改正一些bug，为后期系统的维护性提供很好的支持。通过系统测试，开发人员也可以建立自己对系统的信心，为后期的系统版本的跟新提供支持。

5.2 系统测试用例

系统测试包括：用户登录功能测试、商品信息查看功能测试、商品信息添加、商品信息搜索，如表5-1、5-2、5-3、5-4、所示：

普通用户登录功能测试：

表5-1 普通用户登录功能测试表

用例名称	普通用户登录系统
目的	测试用户通过正确的用户名和密码可否登录功能
前提	未登录的情况下
测试流程	1) 进入登录页面 2) 输入正确的用户名和密码
预期结果	用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入
实际结果	实际结果与预期结果一致

商品信息查看功能测试：

表5-2商品信息查看功能测试表

用例名称	商品信息查看
目的	测试商品信息查看功能
前提	用户登录
测试流程	点击商品信息列表
预期结果	可以查看到所有商品信息
实际结果	实际结果与预期结果一致

管理员添加商品信息界面测试：

表5-3 管理员添加商品信息界面测试表

用例名称	商品信息添加测试用例
目的	测试商品信息添加功能
前提	管理员正常登录情况下
测试流程	1）管理员点击商品信息管理，然后点击商品信息，点击添加后并填写信息。 2）点击进行提交。
预期结果	提交以后，页面首页会显示新的商品信息
实际结果	实际结果与预期结果一致

商品信息搜索功能测试：

表5-4商品信息搜索功能测试表

用例名称	商品信息搜索测试
目的	测试商品信息搜索功能
前提	无
测试流程	1）在搜索框填入搜索关键字。 2）点击搜索按钮。
预期结果	页面显示包含有搜索关键字的人才信息
实际结果	实际结果与预期结果一致

5.3 系统测试结果

通过编写基于Uniapp的微信商城小程序的测试用例，已经检测完毕用户登录模块、商品信息查看模块、商品信息添加模块、商品信息搜索模块、密码修改功能测试，通过这4大模块为基于Uniapp的微信商城小程序的后期推广运营提供了强力的技术支撑。