当前位置: 首页 > article >正文

基于微信小程序的网上商城

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我的评价面图


http://www.kler.cn/a/591933.html

相关文章:

  • jmeter-sample
  • MySQL日期转字符串,字符串转日期的函数
  • Skia 图形引擎介绍
  • Vim软件使用技巧
  • Vue3组合式函数(刷新率 useFps)
  • 焊接机器人与线激光视觉系统搭配的详细教程
  • 深度学习零碎知识
  • Linux 如何查看当前使用的shell
  • 【解析 ECharts 图表样式继承与自定义】
  • 【Json-RPC框架】:Json序列化后,不能显式中文?增加emitUTF8配置
  • GIT使用git push后遇到报错的解决办法
  • centos 7误删/bash 拯救方法
  • Jackson 库进行 JSON 序列化时遇到了 ‌无限递归(Infinite Recursion)‌ 问题
  • LabVIEW烟气速度场实时监测
  • Qt常用控件之Layout总篇
  • 科技引领品质生活:三星生活家电用AI开启衣物洗护新纪元
  • 笔记本电脑关不了机是怎么回事 这有解决方法
  • Vue3 + ECharts 数据可视化实战指南
  • NAT技术-初级总结
  • java面试题之多线程