第5章 系统实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1Cj41177r2/
三、运行截图:
3.1登录模块的实现
系统登录模块可分为前台登录模块和后台登录模块,为确保系统安全性,系统操作员只有在登录界面输入正确的管理员名、密码单击“登录”按钮后才能够进入本系统的主界面。
管理员登录流程图如下所示。
图3-1管理员登录流程图
3.2管理员登录
管理员通过输入用户,密码、验证码信息进行系统登录,效果如下图所示3-1所示
图3-管理员登录界面
3.2.1用户信息模块的实现
用户信息添加功能主要指对其用户名、用户姓名、密码、性别、年龄、联系电话等一些基本信息的添加、删除和修改。用户信息设置页面设计效果如下图所示3-2所示
图3-3 用户管理界面
3.2.2商品信息管理模块
管理员对商品信息添加功能主要指对其商品编号、商品分类、图片、数量、游戏名称、价格、简介等一些基本信息的添加、删除和修改。商品信息添加页面设计效效果如下图所示3-3所示
图3-3 商品信息添加界面
3.2.3活动公告管理模块的实现
活动公告管理查询添加功能主要指对其标题、图片、发布时间、内容等一些基本信息的添加、删除和修改。效果如下图所示3-4所示
图3-4 活动公告添加界面
3.2.4系统管理模块的实现
管理员通过系统管理页面查看轮播图/新闻资讯/客服等进行上传图片进行添加、删除、修改以及查看并对整个系统进行维护等操作。效果如下图所示3-5所示
图3-5系统管理添加界面
3.2.5订单管理页面效果如下图所示。
管理员通过系统管理页面查看可以查看未支付订单、已支付订单、已完成订单、已取消订单、已退款订单、已发货订单等信息进行操作或修改删除,效果如下图所示3-6所示
图3-6订单管理界面
3.1前台功能模块
3.3.1前台首页
在前台首页可以查看首页、商品信息、活动公告、论坛信息、新闻资讯、我的个人中心、后台管理购物车、客服等内容,效果如下图所示3-7所示
图3-7前台首页界面图
3.3.2前台用户注册、登录
用户在前台进行注册、登录操作对用户名、用户姓名、密码、性别、年龄注册登录等操作。效果如下图所示3-8所示
前台用户注册登录等内容,如图3-8所示。
3.3.3我的个人中心
在前台页面查看个人中心用户进行修改个人信息、我的收藏、我的地址、订单等等,查看用户名、用户姓名、密码、性别、年龄、联系电话余额。可以进行余额的充值等等操作程序效果如下图所示3-9所示
。
图3-9个人中心信息功能界面
3.3.4论坛信息
用户进入论坛信息页面查看、发布贴子等操作。程序效果如下图所示3-10所示
。
图3-10论坛信息功能界面
3.3.5前台商品信息管理
用户查看前台商品信息浏览并购买、支付、评论等操作进行操作,程序效果图如下图3-11所示:
图3-11商品信息管理功能界面
3.4用户后台
3.3.1用户后台登录
用户通过输入用户名,密码,权限等信息进行系统登录,如图3-12所示。
图3-12用户登录功能界面图
3.3.2个人中心,
用户对个人中心进行操作填写原密码、新密码、确认密码并进行添加、删除、修改以及查看个人信息等等操作。效果如下图所示3-13所示
。
图3-13个人中心界面图
3.3.3用户管理
在用户管理页面可以通过查看用户名、用户姓名、密码、性别、年龄、联系电话等内容并进行添加、删除、修改以及查看个人信息。效果如下图所示3-14所示
。
图3-14用户管理界面图
3.3.4订单信息
在订单信息页面可以查看未支付订单、已支付订单、已完成订单、已取消订单、已退款订单、已发货订单并进行支付等,可根据需要对数据信息进行查看详细内容等操作,效果如下图所示3-15所示
。
图3-15订单信息界面图