电子商城购物平台的设计与开发_购物商城技术路线

一、技术路线：

开发语言：Java

使用框架：spring boot

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1h8411i7o6?t=46.0

三、运行截图：

3.1用户客户端功能实现

用户注册通过注册窗口，进行在线填写自己的用户名、姓名、性别、头像、联系电话等，信息编辑完成后核对信息无误后进行选择注册，系统核对用户所输入的账号信息是否准确，核对信息准确无误后系统进入到操作界面。如图3-1所示。

图3-1用户注册界面图

用户登录通过账号、密码页面，进入到电子商城购物平台小程序主界面，进入到操作界面，进行相对应操作，如图3-2所示。

图3-2用户登录界面图

用户首页页面可以查看首页、商品信息、商品资讯、我的等信息，进行提交操作，如图3-3所示。

图3-3首页界面图

用户进入商品信息页面可以填写商品名称、商品分类、图片、品牌、规格、价格等信息，进行加入购物车、立即购买或收藏等操作，如图3-4所示。

图3-4商品信息界面图

用户进入商品资讯页面可以填写标题、简介、图片等信息，进行提交操作，如图3-3-所示。

图3-5商品资讯界面图

用户进入我的页面可以填写我的收藏管理、用户充值、客服、购物车、我的订单等信息，进行对应操作，如图3-6-所示。

图3-6我的界面图

用户进入用户充值页面可以填写充值金额等信息，进行提交操作，如图3-7-所示。

图3-7用户充值界面图

用户进入购物车页面可以填写商品类型、数量等信息，进行立即下单操作，如图3-8-所示。

图3-8购物车界面图

用户进入用户信息页面可以填写用户名、密码、姓名、性别、头像、联系电话等信息，进行保存、退出登录操作，如图3-9-所示。

图3-9用户信息界面图

3.2 管理员服务端功能实现

管理员通过电子商城购物平台小程序进行确认，管理员进入到电子商城购物平台小程序主界面，管理员进入到操作界面，通过登录窗口进行在线填写用户名和密码、角色进行登录，登录成功后进入到系统操作界面进行相应信息的获取，如图3-10所示。

图3-10管理员登录主界面图

管理员进入到界面，通过界面的任务大厅，登录成功后进入到系统可以进行查看首页、个人中心、用户管理、商品分类管理、商品信息管理、系统管理、订单管理等功能模块，点击用户管理进入页面可以查看用户名、姓名、性别、头像、联系电话等信息，进行详情、修改、删除等操作，如图3-11所示。

图3-11用户管理界面图

管理员点击商品分类管理进入页面可以查看商品分类等信息，进行详情、修改、删除操作，如图3-12示。

图3-12商品分类管理界面图

管理员进入商品信息管理界面，通过界面的任务大厅，登录成功后进入到系统可以进行查看商品名称、商品分类、图片、品牌、规格、价格等信息，进行详情、修改、查看评论、删除等操作，如图3-13所示。

图3-13商品信息管理界面图

轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作，如图3-14所示。

图3-14轮播图管理界面图

管理员进入到商品资讯界面，通过界面的任务大厅，登录成功后进入到系统可以查看标题、简介、图片等信息，进行详情、修改、删除操作，如图3-15所示。

图3-15商品资讯界面图

管理员进入到客服管理界面，通过界面的任务大厅，登录成功后进入到系统可以查看新消息、状态等信息，进行回复等操作，如图3-16所示。

图3-16客服管理界面图

管理员进入到订单管理界面，通过界面的任务大厅，登录成功后进入到系统可以查看订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息，进行详情、发货、删除操作，如图3-17所示。

图3-17订单管理界面图