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

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

相关推荐
wespaul1 小时前
VeapAI 自然语言操作实战|第 05 篇:向量与召回——从知识条目到可检索资产
大数据·数据库·人工智能·milvus
驭渊的小故事1 小时前
MyBatis XML 开发实战:从配置到 CRUD 全解析
xml·java·mybatis
一只鹿鹿鹿6 小时前
政务外网整体设计方案(PPT)
大数据·数据库·web安全·系统安全·流程图·政务
哦虎!6 小时前
【JavaEE】网络初识
java
2603_965148117 小时前
社区与学习资源:从入门到精通的API选品学习路径
数据库·人工智能·python·学习·数据挖掘
for_ever_love__7 小时前
MySQL ORDER BY 排序优化:从 Using filesort 到索引有序扫描(含双路 / 单路排序原理)
java·mysql·优化·存储·by·order·filesort
AI砖家7 小时前
安全进入 Agent Loop:2027 年 Coding Agent 的决胜点
数据库·安全·codex·vibecoding
wangqiaowq7 小时前
SQL server C盘空间占满的处理
数据库·sql
文人sec7 小时前
SQL基础入门笔记 | 从零基础到掌握核心查询语句
数据库·笔记·sql
数字新视界7 小时前
机房动环监控提升运维效率
大数据·服务器·数据库·动环监控系统·动力与环境监控系统