基于微信小程序的社区团购设计与实现

摘 要

社会的发展和科学技术的进步，互联网技术越来越受欢迎。手机也逐渐受到广大人民群众的喜爱，也逐渐进入了每个会员的使用。手机具有便利性，速度快，效率高，成本低等优点。 因此，构建符合自己要求的操作系统是非常有意义的。

部分系统实现界面图

本文从管理员、商家、会员的功能要求出发，社区团购系统中的功能模块主要是实现管理员服务端；首页、个人中心、会员管理、商家管理、商品信息管理、商品分类管理、购买订单管理、退货退款管理、商品评价管理、系统管理，商家服务端：首页、个人中心、商品信息管理、购买订单管理、退货退款管理、商品评价管理；会员客户端：首页、商品信息、我的（会员信息、商品信息、购买订单、退货退款、商品评价、用户充值、购物车、我的订单）。

后台模块的实现

（一）管理员首页

管理员通过点击后台管理，进入页面可以查看首页、个人中心、会员管理、商家管理、商品信息管理、商品分类管理、购买订单管理、退货退款管理、商品评价管理、系统管理等功能模块，进行相对应操作。

（二）商家管理

商家管理：管理员通过列表可以查看商家账号、密码、姓名、手机、邮箱、身份证、商铺名称、商铺图片、商铺地址、经营范围、积分等信息，管理员审核商家后才能登陆，并进行详情、删除、修改操作。

小程序模块的实现

（一）首页功能

首页，会员登录到首页可以查看首页、商品信息、我的等内容。

（二）商品信息

商品信息，会员在商品信息页面可以查看、加入购物车、立即订购、积分兑换等操作。

部署+指导演示视频

请联系我获取详细的视频

系统相关技术

1 Spring Boot框架介绍

Spring Boot是近几年最为流行的后台开发框架，它的诞生一改过去Spring框架开发中繁琐的配置，极大地简化了Spring应用的搭建和开发。Spring Boot框架不仅保有了Spring框架中的所有优秀特性，还通过使用特定的配置方式，在底层帮助开发人员在工程创建是就预先做了很多配置，这样在开发时就不再需要开发人员过多进行繁琐的配置了。另外在Spring Boot中集成了大量框架，这就使得开发人员不再需要到处寻找在导入开发中需要依赖的jar包，同时也解决了依赖包版本冲突问题，从而提高了依赖包引用的稳定性，从而实现了对Spring应用搭建和开发过程的简化。

2　Java编程语言

Java 最大的两个特点就是功能强大和简单易用。Java可以让程序员进行复杂的编程而不必为储存管理对象等问题所烦恼，把精力和时间更多的放在研发与设计上，极大地提高了开发者的工作效率和工作热情。

3 B/S架构

Web程序设计技术是一项用于网页制造方面的专业技术，主要实现了网页的动态交互功能，通过此项技术语言（如java、CGI、ASP等）所设计的相关网页可以对用户所发出的及时操作以及需求进展相应的相应，从而到达实现即时动态交互的目的。
B/S构造（Browser/Server，浏览器/效劳器模式），其是一种分布式的计算机网络系统，用户通过浏览器向上一级的网站程序传递相关的参数和请求，然后效劳器上的程序再将这些请求和参数进展处理，最后将结果通过反响回用户浏览器反映出来。

4 MySQL数据库

MySQL 是一种关联数据库管理系统，该系统速度快而且灵活性强，主要原因是它将数据保存在不同的表中，MySQL软件的优点是成本低、体积小、速度快，开放源码，所以一般中小型网站的开发都选择 MySQL 作为网站数据库。

5微信开发者工具

目前腾讯发布的微信官方网站上所使用的软件开发工具主要是微信开发工具，并且有官方网站为它提供了一个前端开发平台。由于软件不能在浏览器上运行，因此在网络上是不允许使用 Document，Window等方法的。而在以往对HTML5进行加载的过程中，会受到网络环境的限制，需要对HTML、CSS以及JS进行一步又一步的加载，然后返回信息，从而渲染页面，将其在浏览器当中进行呈现。这样的方式用户需要等待许久，而且会降低用户的体验感。微信Web开发者工具与H5开发工具的预览模式存在着一定的差异，其属于一项自己的工具，因此可有效地实现同步本地文件开发和调试等流程。此外小程序开发了相关的标签语言和样式语言，并没有使用相关的HTML5+CSS3。在微信小程序软件的开发过程中，还进一步提供了原生APP的组件。而在HTML5+CSS3当中，这是需要通过模拟才能够有效实现的相关功能，但在小程序当中可以通过组件来得到有效的实现。

开发说明

小程序开发说明
小程序框架：uniapp
小程序开发软件：HBuilder X
小程序运行软件：微信开发者

abo开发说明
开发语言：Java
框架：springboot
JDK版本：JDK1.8
服务器：tomcat7
数据库：mysql5.7（一定要5.7版本）
数据库工具：Navicat11
开发软件：eclipse/myeclipse/idea
Maven包：Maven3.3.9
浏览器：谷歌浏览器

后台路径地址：localhost:8080/项目名称/admin/dist/index.html
前台路径地址：localhost:8080/项目名称/front/dist/index.html （无前台不需要输入）

管理员账号：admin
管理员密码：admin