小区蔬菜配送的小程序

摘 要
随着“互联网+”的大潮兴起，平台型应用再受热捧。其中，微信小程序凭借其强大的用户基础及其应用时的便捷而深受欢迎。在此基础上，以小程序为载体的社群电商，将具有相同兴趣的社群成员组织在一起，推广与之需求高度匹配的产品或服务，轻松实现流量变现。因此，结合以上优势设计并实现基于云开发的小区蔬菜配送小程序，具有一定的研究意义和商业价值，符合我国互联网精准化营销和个性化服务的趋势。
本系统主要由微信小程序客户端、服务器、数据管理端构成，服务器采用云开发架技术，客户端采用微信小程序的MINA框架，数据管理端采用 CMS框架。客户端的页面实现通过网络与服务器REST API接口通信获取 云数据库数据。本人重点参与网上购物系统客户端、服务器以及数据库的设计、开发、测试工作。 在系统的设计与实现过程中，对客户端的代码进行全局的MVC模式设计控制，采用template模板增加代码的复用性，并创建客户端用户的token管理机制进行用户身份验证与权限分级。本文重点阐述小区蔬菜配送小程序客户端的商品信息展示、商品分类、购物车、下单支付，个人信息管理及数据库设计六大模块的设计和实现过程。采用了云开发作为后台开发语言，HTML+JS+CSS作为前端开发语言，遵守微信的开发规范，完成了小区蔬菜配送小程序的基本功能，系统运行流畅，可以正常使用。
关键词：电商；云开发；小区蔬菜配送小程序；购物
ABSTRACT
With the rise of the “Internet +” tide, platform-based applications are becoming popular again.Among them, wechat small program with its strong user base and the application of convenience and popular.On this basis, the community e-commerce with small programs as the carrier will organize the community members with the same interest together to promote the products or services that highly match their needs, and easily realize the traffic realization.Therefore, combining with the above advantages to design and realize the community vegetable distribution small program, has certain research significance and commercial value, in line with the trend of Internet precision marketing and personalized service in China.
The system is mainly composed of wechat small program client, server and data management end. The server adopts cloud development rack technology, the client adopts the MINA framework of wechat mini program, and the data management end adopts CMS framework.The page implementation of the client obtains cloud database data through the network and server REST API interface.I mainly participate in the design, development and testing of online shopping system client, server and database.In the design and implementation of the system, the global MVC mode design control, the template template is used to increase the multiplexability of the code, and the token management mechanism of the client user is created for user authentication and permission rating.This paper focuses on the design and implementation process of commodity information display, commodity classification, shopping cart, order and payment, personal information management and database design.Using cloud development as the background development language, HTML + JS + CSS as the front-end development language, comply with the development specifications of wechat, complete the basic functions of the community vegetable distribution mini program, the system runs smoothly and can be used normally.
Key words: e-commerce; cloud development; community vegetable distribution small program; shopping
目 录
摘 要 I
ABSTRACT II
第1章 绪论 5
1.1 研究背景及意义 5
1.2 国内外研究综述 5
1.2.1国外研究现状 5
1.2.2国内研究现状 6
1.3 研究的主要内容 8
第2章 系统相关技术研究 10
2.1 云开发语言 10
2.2 SSM框架 11
2.3 Vue.js框架 12
2.4 IntelliJ IDEA开发工具 13
2.5 数据库 14
第3章 需求分析与可行性研究 16
3.1 市场定位分析 16
3.2 可行性分析 16
3.3 需求目标 17
3.3.1 概述 17
3.3.2 商城整体说明 17
第4章 系统解决方案 19
4.1 设计方案的论证 19
4.1.1 设计方案的选择 19
4.1.2 工具的选择 19
4.2 设计方案的说明 20
4.2.1 系统总体描述 20
4.2.2 系统角色类型 20
4.2.3 系统规划 22
4.2.4 预期目的 22
4.2.5 技术要求 23
第5章 系统详细设计 24
5.1 系统模块架构 24
5.2 系统功能说明 24
5.2.1 系统登录模块 24
5.2.2 小区蔬菜配送小程序设置模块 25
5.2.3 小区蔬菜配送小程序内容更改模块 27
5.2.4 小区蔬菜配送小程序管理员模块 28
5.2.5 基本商城功能模块 29
5.3 数据字典 30
第6章 系统实现 34
6.1 模块实现的理论基础 34
6.2 系统登录模块的实现 34
6.3 设置小区蔬菜配送小程序信息模块的实现 34
6.4 小区蔬菜配送小程序选货模块的实现 40
6.4.1 选货模块 40
6.4.2 选货后编辑及提交模块 41
6.5 管理员审核模块 44
第7章 系统测试 46
7.1 概述 46
7.2 系统测试用例 46
7.3 测试总结 48
总 结 49
致 谢 50
参考文献 51
第3章 需求分析与可行性研究
3.1 市场定位分析
主打线上小区蔬菜配送小程序的微信小程序商城的构建初始目标是各个社区，针对于各个社区的消费能力，微信小程序商城在具有自己特色的同时应当适应大学生的消费需求。因此，以作为切入点，加上日用品，文具办公用品，以及各类生活服务，可以很快的占领大部分学生市场。同时，商品的保质保量，以及别的电子商城无法比拟的配送速度，会让粉丝的粘性大大增加。
3.2 可行性分析
商城的建设需要有服务器资源，公司资质（用来申请、认证微信服务号），商品仓库，配送员开销。这些开销加在一起，与实体店的前期投入相比，大约只是实体店的十分之一。所以其在经济上是完全可行的。
商城不牵扯到侵权，其在法律上是可行的。
对于网页开发来说，云开发是比较流行的开发语言，而且网上有着海量的云开发开源程序，其中不乏优质源代码，所以，没有必要从头开始写底层功能，只需要拿成熟技术做底层，然后自己做定制二次开发就可以了，所以，其在技术上是完全可行的。
由于小区蔬菜配送小程序的操作以及后续我所做的定制开发的操作都是基于浏览器的网页操作，简单明了，对于经常网购的大学生群体来说，是操作是完全没问题的，而对于后台管理人员来说，也有专门的可视化管理页面，所以管理员也无需具备专业知识，只需要对一些数据进行简单的输入、修改、删除和日常的维护就够了。
3.3 需求目标
3.3.1 概述
该商城的目的是开发一个带小区蔬菜配送小程序功能（相当于个人收藏夹，不过还是有很大区别）的微信小程序商城，在用户端要实现的基本主要功能有：
(1) 商品选购（可按分类方式查找商品，也可模糊全局搜索）
(2) 购物车功能
(3) 查看商品详细情况
(4) 用户自动登录
(5) 查看用户的订单信息
(6) 查看用户的订单信息
(7) 修改用户信息
后台管理部分有：
(1) 商店商品管理：添加、修改、删除、查看
(2) 用户信息管理：查看、修改
(3) 订单信息管理：查看订单清单，更新订单状态
(4) 小区蔬菜配送小程序管理：查看小区蔬菜配送小程序申请，更新小区蔬菜配送小程序状态
3.3.2 商城整体说明
微信小程序商城的主要参与者是顾客和商家以及管理员，顾客端是一个完整的消费体验，商家只需负责线下的服务，而管理员负责后台的运行、管理，以及信息的审核。网上商店的操作流程都类似，操作步骤说明如下：
(1) 顾客在公众号点击特定按钮进入微信小程序商城
(2) 后台调用微信接口，拉取用户openid完成静默登录
(3) 用户设置小区蔬菜配送小程序信息
(4) 用户设置小区蔬菜配送小程序内容，提交申请
(5) 后台管理员审核申请，点击通过
(6) 用户在“我的小区蔬菜配送小程序”里点击商品完成购买
(7) 后台自动收集信息
(8) 晚上6点，导出一整天的订单信息，排版分类，开始补货
本文转载自：http://www.biyezuopin.vip/onews.asp?id=16497

{
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  },
  "pages": [
    "pages/index/index/index",
    "pages/classify/index/index",
    "pages/shopcart/index/index",
    "pages/order/index/index",
    "pages/user/index/index",
    "pages/order/orderdetail/orderdetail",
    "pages/index/search/index",
    "pages/index/limitactive/index",
    "pages/user/userInfo/userInfo",
    "pages/user/forget/forget",
    "pages/user/account/account",
    "pages/user/account_to_edit/account_to_edit",
    "pages/user/account_to_add/account_to_add",
    "pages/index/shopdetail/index",
    "pages/index/newback/index",
    "pages/index/recommed/index",
    "pages/index/collect/index",
    "pages/shopcart/shoplist/index",
    "pages/account/login/index",
    "pages/account/register/index",
    "pages/user/address/address",
    "pages/user/binding/binding",
    "pages/user/invoice/invoice",
    "pages/user/bill_list/bill_list",
    "pages/user/bill_detail/bill_detail",
    "pages/user/recharge/recharge",
    "pages/user/recharge_msg/recharge_msg",
    "pages/user/recharge_list/recharge_list",
    "pages/user/tailor/tailor",
    "pages/shopcart/preay/index",
    "pages/index/enterprise/index",
    "pages/account/treaty/index",
    "pages/account/forget/index",
    "pages/user/cash/index",
    "pages/user/cashdetail/index",
    "pages/account/select/select",
    "components/slider/index",
    "pages/forbidden/forbidden",
    "pages/user/purchase_record/purchase_record",
    "pages/user/purchase_detail/purchase_detail"
  ],
  "usingComponents": {
    "key-board": "components/keyboard/index",
    "add-cart": "components/addcart/index",
    "search": "components/search/index",
    "back-top": "components/backtop/index",
    "van-sticky": "@vant/weapp/sticky",
    "van-count-down": "@vant/weapp/count-down/index",
    "van-stepper": "@vant/weapp/stepper/index",
    "van-tab": "@vant/weapp/tab/index",
    "van-tabs": "@vant/weapp/tabs/index",
    "van-nav-bar": "@vant/weapp/nav-bar/index",
    "van-icon": "@vant/weapp/icon/index",
    "van-popup": "@vant/weapp/popup/index",
    "van-picker": "@vant/weapp/picker/index",
    "van-toast": "@vant/weapp/toast/index",
    "van-datetime-picker": "@vant/weapp/datetime-picker/index",
    "van-switch": "@vant/weapp/switch/index",
    "van-image": "@vant/weapp/image/index",
    "van-uploader": "@vant/weapp/uploader/index",
    "van-divider": "@vant/weapp/divider/index",
    "van-loading": "@vant/weapp/loading/index",
    "van-cell": "@vant/weapp/cell/index",
    "van-cell-group": "@vant/weapp/cell-group/index",
    "van-calendar": "@vant/weapp/calendar/index",
    "van-dialog": "@vant/weapp/dialog/index",
    "van-overlay": "@vant/weapp/overlay/index",
    "move-verify": "components/slider/index",
    "image-cropper": "./utils/image-cropper-master/image-cropper"
  },
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#eaeaea",
    "navigationBarTitleText": "",
    "navigationBarTextStyle": "black",
    "backgroundColor": "#eaeaea"
  },
  "tabBar": {
    "borderStyle": "white",
    "color": "#999",
    "list": [
      {
        "pagePath": "pages/index/index/index"
      },
      {
        "pagePath": "pages/classify/index/index"
      },
      {
        "pagePath": "pages/shopcart/index/index"
      },
      {
        "pagePath": "pages/order/index/index"
      },
      {
        "pagePath": "pages/user/index/index"
      }
    ]
  },
  "sitemapLocation": "sitemap.json"
}