基于微信小程序的商城设计

目 录
摘 要 I
ABSTRACT II
第1章 绪论 1
1.1 研究的背景、目的和意义 1
1.2 国内外文献综述 2
1.3 研究的主要内容 4
第2章 系统相关技术研究 5
2.1 Java语言 5
2.2 SSM框架 6
2.3 Vue.js框架 7
2.4 IntelliJ IDEA开发工具 8
2.5 数据库 9
第3章 需求分析与可行性研究 11
3.1 市场定位分析 11
3.2 可行性分析 11
3.3 需求目标 12
3.3.1 概述 12
3.3.2 商城整体说明 12
第4章 系统解决方案 14
4.1 设计方案的论证 14
4.1.1 设计方案的选择 14
4.1.2 工具的选择 14
4.2 设计方案的说明 15
4.2.1 系统总体描述 15
4.2.2 系统角色类型 15
4.2.3 系统规划 17
4.2.4 预期目的 17
4.2.5 技术要求 18
第5章 系统详细设计 19
5.1 系统模块架构 19
5.2 系统功能说明 19
5.2.1 系统登录模块 19
5.2.2 小程序商城设置模块 20
5.2.3 小程序商城内容更改模块 22
5.2.4 小程序商城管理员模块 23
5.2.5 基本商城功能模块 24
5.3 数据字典 25
第6章 系统实现 29
6.1 模块实现的理论基础 29
6.2 系统登录模块的实现 29
6.3 设置小程序商城信息模块的实现 29
6.4 小程序商城选货模块的实现 34
6.4.1 选货模块 34
6.4.2 选货后编辑及提交模块 35
6.5 管理员审核模块 39
第7章 系统测试 41
7.1 概述 41
7.2 系统测试用例 41
7.3 测试总结 43
总 结 44
致 谢 45
参考文献 46
1.3 研究的主要内容
小程序商城是一种新的消费模式，采用线上线下结合的消费模式，线下消费，线上付款。对于线下，其形式是：放一个小程序商城到学生，这个小程序商城归的人所共享，小程序商城运营商放固定数量的商品进小程序商城，用户消费的时候，直接拿小程序商城里的东西，然后往小程序商城里丢钱，自己找零，小程序商城运营商定期去维护小程序商城里的商品，是一种只适用于大小程序商城园的高自觉、高素质人群的消费模式。
微信已经通过它的大数据改变了当下的广告营销市场[7]，而且因为它的轻量化和跨平台化，所以没有选择APP开发，避开了开发攻坚，安卓IOS双平台同步，软件推广三大难题，在电子商务发展的过程中，微信是一个很好的营销平台[8]。
第3章 需求分析与可行性研究
3.1 市场定位分析
主打线上小程序商城的微信商城的构建初始目标是在校大学生，针对于在校大学生的消费能力，微信商城在具有自己特色的同时应当适应大学生的消费需求。因此，以作为切入点，加上日用品，文具办公用品，以及各类生活服务，可以很快的占领大部分学生市场。同时，商品的保质保量，以及别的电子商城无法比拟的配送速度，会让粉丝的粘性大大增加。
3.2 可行性分析
商城的建设需要有服务器资源，公司资质（用来申请、认证微信服务号），商品仓库，配送员开销。这些开销加在一起，与实体店的前期投入相比，大约只是实体店的十分之一。所以其在经济上是完全可行的。
商城不牵扯到侵权，其在法律上是可行的。
对于网页开发来说，JavaWeb是比较流行的开发语言，而且网上有着海量的JavaWeb开源程序，其中不乏优质源代码，所以，没有必要从头开始写底层功能，只需要拿成熟技术做底层，然后自己做定制二次开发就可以了，所以，其在技术上是完全可行的。
由于小程序商城的操作以及后续我所做的定制开发的操作都是基于浏览器的网页操作，简单明了，对于经常网购的大学生群体来说，是操作是完全没问题的，而对于后台管理人员来说，也有专门的可视化管理页面，所以管理员也无需具备专业知识，只需要对一些数据进行简单的输入、修改、删除和日常的维护就够了。
3.3 需求目标
3.3.1 概述
该商城的目的是开发一个带小程序商城功能（相当于个人收藏夹，不过还是有很大区别）的微信商城，在用户端要实现的基本主要功能有：
(1) 商品选购（可按分类方式查找商品，也可模糊全局搜索）
(2) 购物车功能
(3) 查看商品详细情况
(4) 用户自动登录
(5) 查看用户的订单信息
(6) 查看用户的订单信息
(7) 修改用户信息
后台管理部分有：
(1) 商店商品管理：添加、修改、删除、查看
(2) 用户信息管理：查看、修改
(3) 订单信息管理：查看订单清单，更新订单状态
(4) 小程序商城管理：查看小程序商城申请，更新小程序商城状态
3.3.2 商城整体说明
微信商城的主要参与者是顾客和商家以及管理员，顾客端是一个完整的消费体验，商家只需负责线下的服务，本文转载自http://www.biyezuopin.vip/onews.asp?id=12230而管理员负责后台的运行、管理，以及信息的审核。网上商店的操作流程都类似，操作步骤说明如下：
(1) 顾客在公众号点击特定按钮进入微信商城
(2) 后台调用微信接口，拉取用户openid完成静默登录
(3) 用户设置小程序商城信息
(4) 用户设置小程序商城内容，提交申请
(5) 后台管理员审核申请，点击通过
(6) 用户在“我的小程序商城”里点击商品完成购买
(7) 后台自动收集信息
(8) 晚上6点，导出一整天的订单信息，排版分类，开始补货

{
  "pages": [
    "pages/component/index",
    "pages/component/category/category",
    "pages/component/cart/cart",
    "pages/component/user/user",
    "pages/component/user-orders/user-orders",
    "pages/component/user-address/user-address",
    "pages/component/address/address",
    "pages/component/address-list/address-list",
    "pages/component/orders/orders",
    "pages/component/orders/details",
    "pages/component/goods/details",
    "pages/component/user-orders/wuliu",
    "pages/component/user-comments/user-comments"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#008b8b",
    "navigationBarTitleText": "辰颐物语",
    "navigationBarTextStyle": "white",
    "enablePullDownRefresh": true
  },
  "tabBar": {
    "list": [
      {
        "pagePath": "pages/component/index",
        "iconPath": "images/icons/icon_home.png",
        "selectedIconPath": "images/icons/icon_home_selected.png",
        "text": "首页"
      },
      {
        "pagePath": "pages/component/category/category",
        "iconPath": "images/icons/icon_cate.png",
        "selectedIconPath": "images/icons/icon_cate_selected.png",
        "text": "分类"
      },
      {
        "pagePath": "pages/component/cart/cart",
        "iconPath": "images/icons/icon_cart.png",
        "selectedIconPath": "images/icons/icon_cart_selected.png",
        "text": "购物车"
      },
      {
        "pagePath": "pages/component/user/user",
        "iconPath": "images/icons/icon_member.png",
        "selectedIconPath": "images/icons/icon_member_selected.png",
        "text": "我的"
      }
    ],
    "color": "#b7b7b7",
    "selectedColor": "#008B8B",
    "borderStyle": "white",
    "backgroundColor": "#f5f5f5"
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true,
  "sitemapLocation": "sitemap.json"
}