基于微信小程序的网上商城
4系统概要设计
4.1 概述
本系统基于Web服务模式,是一个适用于Internet环境下的模型结构。只要用户能连上Internet,便可以在任何时间、任何地点使用。系统工作原理图如图4-1所示:
图4-1 系统工作原理图
4.2 系统结构
本系统架构网站,本系统的具体功能如下:
图4-2系统功能结构图
网上商城微信小程序操作系统的结构,功能模块如下图4-3。
图4-3系统结构图
4.3. 数据库设计
4.3.1 数据库实体
用户信息实体属性图如图4-4所示。
图4-4用户信息实体属性图
商品信息实体属性图如图4-5所示。
图4-5商品信息实体属性图
仓储区域实体属性图如图4-6所示。
图4-6仓储区域实体属性图
4.3.2 数据库设计表
此系统需要后台数据库,下面介绍数据库中的各个表的详细信息。
表4.1 address表
列名 | 数据类型 | 长度 | 约束 |
---|---|---|---|
id | bigint | 20 | PRIMARY KEY |
userid | bigint | 20 | DEFAULT NULL |
address | varchar | 200 | DEFAULT NULL |
name | varchar | 200 | DEFAULT NULL |
phone | varchar | 200 | DEFAULT NULL |
isdefault | varchar | 200 | DEFAULT NULL |
表4.2 cart表
列名 | 数据类型 | 长度 | 约束 |
---|---|---|---|
id | bigint | 20 | PRIMARY KEY |
tablename | varchar | 200 | DEFAULT NULL |
userid | bigint | 20 | DEFAULT NULL |
goodid | bigint | 20 | DEFAULT NULL |
goodname | varchar | 200 | DEFAULT NULL |
picture | varchar | 200 | DEFAULT NULL |
buynumber | int | 11 | DEFAULT NULL |
表4.3 chat表
列名 | 数据类型 | 长度 | 约束 |
---|---|---|---|
id | bigint | 20 | PRIMARY KEY |
userid | bigint | 20 | DEFAULT NULL |
adminid | bigint | 20 | DEFAULT NULL |
表4.4 config表
列名 | 数据类型 | 长度 | 约束 |
---|---|---|---|
id | bigint | 20 | PRIMARY KEY |
name | varchar | 100 | DEFAULT NULL |
value | varchar | 100 | DEFAULT NULL |
表4.5 news表
列名 | 数据类型 | 长度 | 约束 |
---|---|---|---|
id | bigint | 20 | PRIMARY KEY |
title | varchar | 200 | DEFAULT NULL |
picture | varchar | 200 | DEFAULT NULL |
表4.6 nongchanpinfenlei表
列名 | 数据类型 | 长度 | 约束 |
---|---|---|---|
id | bigint | 20 | PRIMARY KEY |
nongchanpinfenlei | bigint | 200 | DEFAULT NULL |
表4.7 orders表
列名 | 数据类型 | 长度 | 约束 |
---|---|---|---|
id | bigint | 20 | PRIMARY KEY |
orderid | varchar | 200 | DEFAULT NULL |
tablename | varchar | 200 | DEFAULT NULL |
userid | varchar | 200 | DEFAULT NULL |
goodid | varchar | 200 | DEFAULT NULL |
goodname | varchar | 200 | DEFAULT NULL |
picture | varchar | 200 | DEFAULT NULL |
buynumber | int | 11 | DEFAULT NULL |
type | int | 11 | DEFAULT NULL |
status | varchar | 200 | DEFAULT NULL |
address | varchar | 20 | DEFAULT NULL |
表4.8 token表
列名 | 数据类型 | 长度 | 约束 |
---|---|---|---|
id | bigint | 20 | PRIMARY KEY |
userid | varchar | 200 | DEFAULT NULL |
username | varchar | 200 | DEFAULT NULL |
tablename | varchar | 200 | DEFAULT NULL |
role | varchar | 200 | DEFAULT NULL |
token | varchar | 200 | DEFAULT NULL |
表4.8 shangpinfenlei表
列名 | 数据类型 | 长度 | 约束 |
---|---|---|---|
id | bigint | 20 | PRIMARY KEY |
shangpinfenlei | varchar | 200 | DEFAULT NULL |
5系统详细设计
本系统使用了微信开发者结合java和mysql结合的结构开发了网上商城 应用,系统中所有和数据库有关系的操作都通过一个通用类来实现,大大提高了代码的耦合性,当数据库类型等信息变化后直接修改类文件就可以了,不再需要每个页面都修改。另外本系统解决了中文的问题,也是在配置文件中添加了编码方式的形式解决的,本系统另外一个大的特点是系统对数据库的操作都单独的写在了一个类里,这样对系统的所有数据库操作都只访问这个类就可以了,不要每个页面都去写数据库的操作,提高了系统的集成性。
5.1管理员服务端功能界面
管理员通过填写账号、密码、角色进行登录如图5-7所示。
图5.1管理员登录界面图
管理员进入到首页界面,通过界面的任务大厅,进入到系统可以进行查看个人中心、用户管理、商品信息管理、商品类型管理、活动专区管理、新品专区管理、新品上架管理、用户评论管理、系统管理、订单管理等功能模块,进行相对应操作。
用户管理:通过列表可以获取员账号、姓名、性别、手机、邮箱、照片、地址等信息,进行查看详情或删除操作,并通过输入账号、姓名进行查询操作,如图5-2所示。
图5.2用户管理界面图
商品管理:通过列表可以获取商品名称、商品类型、规格、图片、价格信息,进行查看详情、修改或删除操作,或在线查看评论操作,如图5-3所示。
图5.3商品信息界面图
活动专区管理:通过列表可以获取商品名称、商品类型、规格、图片、价格等信息,进行查看详情或修改信息或查看评论、新增活动信息或删除操作,如图5-4所示。
图5-4活动专区管理界面图
新品上架管理:通过列表可以获取商品名称、商品类型、规格、图片、价格等信息,进行详情、修改、查看评论、删除操作,并通过新增进行添加信息,如图5-5所示。
图5-5新品上架管理界面图
用户评价管理,管理员通过列表可以获取编号、商品名称、收货时间、商品评价、综合评分、评语、账号、姓名、地址、图片等信息,进行查看详情、或删除操作,如图5-6所示。
图5-6用户评价管理界面图
订单管理,管理员可以根据自己的需求进行系统所有的订单信息进行在线查看,管理员可以根据条件进行选择未付款订单、已付款订单、未收货订单、已完成订单等进行条件查看相应的订单数据并进行订单处理,通过订单列表进行查看系统已有的订单信息、金额、订单用户、收货地址、订单状态等信息,并且根据订单状态进行订单处理操作,对于订单的状态,可以在线对订单信息进行选择发货等操作,如图5-7所示。
图5-7订单管理界面图
5.2用户微信端功能模块
用户注册,在用户注册页面可以填写用户名、姓名、性别、联系电话等信息,进行注册如图5-8所示。
图5-8用户注册界面图
用户登录,在用户登录页面填写账号、密码进行登录,如图5-9所示。
图5-10用户登录界面图
首页、用户登录到网上商城客可以查看首页、商品信息、活动专区、新品上架、我的等功能模块,进行相对应操作,如图5-11所示。
图5-11用户首页功能界面图
商品信息详情页面:通过列表可以获取商品名称、图片、商品类型、规格、商品介绍等信息,进行查看信息详情或加入购物车、立即订购操作,并通过输入添加评论进行评论操作,如图5-12所示。
图5-12产品详情界面图
我的:通过列表可以获取用户评价、我的收藏管理、用户充值、意见反馈、购物车、我的订单等功能模块,进行查看操作,如图5-13所示。
图5-13我的界面图
用户充值:通过页面可以进行输入要充值的金额,进行提交充值操作。如图5-14所示。
图5-14用户充值信息界面图
新增收货地址:通过页面可以进行输入联系人、手机号、地址、进行设为默认进行提交操作。如图5-15所示。
图5-15新增收货地址面图
购物车:通过页面可以获取商品名称、价格、图片、数量进行查看总金额进行查看或立即下单操作。如图5-16所示。
图5-16购物车面图
我的订单:通过页面可以获取已支付、已发货、已完成、已取消等订单信息,进行查看或取消订单操作。如图5-17所示。
图5-17我的订单面图
我的评价:通过列表可以进行输入编号、商品名称、收货时间、商品评价、综合评分、姓名、帐号、地址、图片、评语等信息,进行在线提交评价操作。如图5-18所示。
图5-18我的评价面图