基于线上的茶叶购买小程序（论文+程序设计源码+数据库文件）

微信小程序在日常生活中应用越来越广，网上消费、游戏娱乐等成为了一种常见应用方式。为进一步了解和探索微信小程序在点餐系统中的潜在价值和意义，本文通过使用 Javascript 技术、Spring boot、vue、WXML、WXSS 等技术，开发了基于微信小程序的茶叶购买系统，实现了浏览商品、下单结算、分享等功能，基本满足了用户购物方面的需求，并且该系统具有随用随走，不需要下载 APP，使用方便等特点。这一小程序的开发能为以后开发类似的小程序提供借鉴和帮助，具有一定的理论和实际意义。

关键词： 关键词：茶叶购买，Java，VUE，MYSQL
Wechat apps are more and more widely used in daily life, online consumption, games and entertainment have become a common way of application. In order to further understand and explore the potential value and significance of wechat applets in the ordering system, this paper uses javascript technology, spring boot, Vue, wxml, wxss The tea purchase system based on wechat applet is developed, which realizes the functions of Browsing Goods, ordering settlement, sharing and so on, and basically meets the needs of users in terms of shopping. Moreover, the system has the characteristics of “go with you”, no need to download app, and easy to use. The development of this small program can provide reference and help for the future development of similar small programs, which has certain theoretical and practical significance.
Key words: tea purchase, Java, Vue, MySQL

目录
1 绪论 3
1.1 项目开发背景 4
1.2 项目开发意义 4
1.3 项目主要的内容 4
2 开发环境及相关技术概述 4
2.1 相关技术 4
2.2 系统环境开发条件 6
3 系统的需求分析与设计 6
3.1可行性分析 6
3.2需求分析 6
3.2.1系统总体概述 6
3.2.2功能性需求 7
3.2.3非功能性需求 7
3.2.4流程图设计 8
3.2.5系统ER图设计 10
3.3 数据库设计 12
3.4系统运行环境 15
4 系统功能模块的实现 15
4.1 后端登陆页面的实现 16
4.2后端商品列表页面实现 17
4.3 后端类别管理 18
4.4 后端订单管理 19
4.5 后端留言评论管理 19
4.6 前端页面的实现 20
商品前端展示列表部分代码如下： 21
5 系统测试 22
5.1 登陆页面的实现测试 23
5.2 类别管理 23
5.4 商品管理 24
5.5 订单管理 24
结　论 24
参考文献 25

1 绪论
随着微信的普及应用，微信小程序也逐渐的开始被更多的人使用，微信小程序可以通过搜索框搜索、二维码扫描、附近的小程序等多种方法获取，而且小程序不需要再下载安装到手机上，需要用时直接搜索即可，所以快速的在微信内被使用和传播。本文将充分借鉴和利用行业微信小程序的经验和教训，发挥微信小程序的优势，开发一款线上购买系统的微信小程序，以方便客户购买茶叶，减少了大量的人力物力，规范电商行业的标准的原则，本系统具有良好的发展前景和市场空间。
1.1项目开发背景
随着社会的快速发展，人们生活节奏越来越快，对于时间的管理越来越严格，尤其是在超市购物，如遇到长长排队现象，可能购买欲望会大大降低。
本系统结合业务需求，及购物流程，量身定制一款超市管理软件。主要解决快速商品定位、会员折后等实用性功能，使用的技术：采用java语言开发，mysql8.0作为数据库，springboot开发框架。
1.2项目开发意义
通过使用超市管理系统不仅可以降低人工成本，而且在管理上也可以得到很好的提升。以前超市管理中，最容易出错的环节，就是出库、记账，有时候为了把帐算清楚，可能一般都会盘成到深夜，这种管理方式是极其不对准的，将过多的时间耗费掉，而该系统软件的出现，可让更多的时间花在顾客身上，让顾客得到更快捷的服务。
1.3项目主要的内容
微信茶叶购买小程序从可行性、便捷性等方面进行需求分析。对微信茶叶购买小程序的数据库、功能进行了详细设计，分析了主要界面设计和相关组件设计，微信点餐小程序的具体实现进行了介绍。从数据库中获取数据、向数据库中写入数据，实现系统直接对数据库进行各种数据库查询、插入、删除、更新等操作，在网页中加入动态内容，从而实现小程序所需要的各种基本功能。
当客户想要购买茶叶的时候便可以在小程序中浏览到自己想要的产品，并且足不出户就可以购买到自己想要的产品并且送货上门，部署云服务器，可以让更多的人访问到，并了解到我们的产品实现购买。
首页内容：在首页的搜索功能可以帮助用户迅速的找到他们需要的商品：类型功能把所有的商品分为几个大类，可以让用户根据自己的需求选择，推荐功能是根据客户的搜索比例进行一个推荐的功能，根据一个大数据的统计来推测你当前需要的产品和心灵的商品，这个功能可能比较难以实现。
全部宝贝页内容：在这个页面你可以看到所有商品，可以根据自己的需求选择不同的大类，，每一个大类里面有，不同的小类。
购物车页内容：在购物车页面可以查看自己添加到购物车的商品，并进行商品的结算支付。可以在本页面对购物车里面的商品，进行商品数量的修改以及商品的删除，并且可以在这个页面联系客服反馈问题，咨询问题；
我的页内容：在我的页面可以查询自己的订单状况以及修改订单的确认收货以及退款售后服务，订单的物流情况查看商品是否出库，以及收货情况。设置收货地址，更改收货地址，及登录自己的个人账号或者更改登录情况。

2 开发环境及相关技术概述
2.1 相关技术
该系统基于B/S结构，采用MVC设计模式，java编程语言，SPRINGBOOT和mysql数据库。以idea IDE 最为开发工具，内置Tomcat9.0为服务器进行开发实现的。B/S（Browser/Server）即浏览器和服务器模式。用户通过浏览器访问后端数库中的数据，只要用户安装了对外访问的任何一款浏览器就可以访问了。系统的维护升级跟用户没关系，主要集中在服务端，这样就大大减少了用户升级的繁琐工序。
SpringBoot Starter：这个可以作为项目启动类的起始类，主要用来加载通用的jar包，我们在构建项目时候，都会利用mavern或gradle来创建。
（1）自动化装配：故名思意，就是自我感知那些配置文件需要加载，它就会装载到容器中去，无需指定什么项目，需要加载什么类，这样就更加强化的了系统的功能。
（2）控制台方式输入输出命令
微信开发者工作是微信官方提供的针对微信小程序的开发工具，集中了开发，调试，预览，上传等功能。微信团队发布了微信小程序开发者工具、微信小程序开发文档和微信小程序设计指南，全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能，帮助开发者简单和高效地开发微信小程序。
启动工具时，开发者需要使用已在后台绑定成功的微信号扫描二维码登录，后续所有的操作都会基于这个微信的帐号
Vue常用后端框架，实现后台功能管理,它包含了 常用的功能有：管理员信息管理、角色管理、页面的管理、权限的分配等，这些搭建后台必要的东西，而且这也是系统为我们生成好的功能模块，无需做其他的改变。
ElementUI作为后端强有力的框架，这也是世面上推广时间最长的，它的社区也比较活跃，网上基本都有资料，供学习开发都没有太大的问题，MVVM框架设计的思路有很多，vue正好可以结合这个UI框架发挥它美观的程序设计。
MySQL是一种关系型数据库管理系统，关系数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。
MySQL所使用的 SQL 语言是用于访问数据库的最常用标准化语言。MySQL 软件采用了双授权政策，分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择 MySQL 作为网站数据库。
Java是一门面向对象编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程；Java具有简单性、面向对象、分布式、健壮性、安全性、平台独立与可移植性、多线程、动态性等特点。Java可以编写桌面应用程序、Web应用程序、分布式系统和嵌入式系统应用程序等。
IDEA工具在使用过程中，有很多智能化的提示，还有编码效验功能，这样就大大减少了程序员开发过程中的的难度，提高不少的效率，IDEA官方介绍的几个重要功能有以下几点[1]：智能提示、查询历史记录功能、JUnit单元测试功能、也可以加载外部市场的第三方插件，对重构的优越支持、编码辅助功能、自动化的排版功能、动态语法检测、支持jsp语法、智能编辑、列编辑模式、预置模板、完美的自动代码完成、版本控制完美支持、不使用代码的检查、智能代码、正则表达式的查找和替换功能、JavaDoc预览支持、程序员意图支持。

2.2 系统环境开发条件
该系统采用B/S架构，前端框架使用微信开发者工具开发，后台数据实现使用MYSQL
软件环境—windows7
数据库MYSQL-Navicat Premium 15
编程软件—IDEA
3 系统的需求分析与设计
本章节主要根据业务需求，对开发系统的可行性进行分析，从而对数据库进行设计，了解总体设计框架思路。
3.1可行性分析
3.1.1技术性：本项目设计的系统主要采用layui前端开发，后端使用java语言以及springboot集成开发性框架，采用mysql数据库，根据自身所学专业，结合网上查阅案列及图书馆资料，开发实现是没有太大问题的。
3.1.2经济性：对于项目的开发，首先我们都会想到成本支出是否可行，因为该项目在网上有成功案列，并不是从零到有的过程，所有这方面的学习成本不会太高。开发用到的硬件都是自己的，所以系统投入上，也并没有什么开支。
3.1.3操作性：本系统设计到的功能主要有商品信息模块、分类信息模块、订单管理模块、个人中心管理模块，这些模块设计都是平常所练习所设计到的功能，在操作上都是可以实现的。

3.2需求分析
3.2.1系统总体概述
该线上的茶叶购买小程序系统主要基于B/S设计模式，系统设计的功能有：商品信息功能、分类功能、购物管理功能、订单管理功能、个人中心管理等功能。其系统结构如图3-1所示：
如图3-1结构图

3.2.2功能性需求
根据业务需求的了解，结合线上购物的体验，先将部分主要功能归纳如下：
（ 1） 管理员登录模块
管理员有权进行该系统的管理，管理员进入主页后可以对商品管理、商品分类管理、订单管理、用户管理。
（ 2） 商品管理模块
拥有一定管理权限管理员，可进行商品列表的查看，以及对应的商品增加、删除、修改、查询操作。
（ 3） 商品分类管理模块
拥有一定管理权限管理员，可进行商品列表的数据查看，以及对应的商品增加、删除、修改、查询操作。
（ 4） 订单管理模块
拥有一定管理权限管理员，可进行订单列表的数据查看及查询操作。

3.2.3非功能性需求
该系统不仅要满足功能性需求，还需要满足看不到的非功能性需求，比如系统的兼容性、用户界面整体性、网页访问的流畅性，主要归纳如下几点：
类别 需求描述
兼容性 支持多浏览器访问。
界面性 网站整体美观、元素搭配协调。
安全性 访问控制不受到攻击，防止sql注入。

3.2.4流程图设计
线上茶叶购买系统工作流程为： 用户在加入购物商品时，会判断是否登陆，是否cookie中有商品信息，如果存在该记录会在原有记录中进行数据的合并，并将合并后的数据放入到后台数据库中，然后清空cookie，在结算界面时，我们可以通过添加数量，查看购物车总价。以下是总体的流程图设计如图3-2：
用户管理流程图：用户登陆成功后，可以对商品进行浏览、商品的评论以及购买等功能，如图3-3流程图
管理员流程图：当管理员登陆系统时，拥有系统的最高权力，可以对商品、评论、会员、订单进行添加、修改、删除工作。流程图如下（图3-4）








基于线上的茶叶购买小程序（论文+程序设计源码+数据库文件）：点击下载》》》