springboot+vue+mybatis计算机毕业设计积分商城管理系统+PPT+论文+讲解+售后

近年来互联网络的迅猛发展和电子终端设备的普及,赋予了各行业充足的发展空间。积分商城管理系统相比于传统信息技术,时效性是它最大的特色,已经在电子娱乐、经济等中发挥着举足轻重的作用。2019年疫情的爆发,更是短时间内迅速扩大了线上管理系统的规模。尽管服务行业已经有了很大程度的发展,但在商城领域上却少有建树。这样的管理方式仍然是比较机械传统的,本文通过对市面上常见的线上管理系统与现实生活中结合问题的讨论,从一个积分商城管理系统角度进行需求分析,提供一些新的思路,并尝试做一些简单的实现。

关键词**:** 积分商城管理系统;

系统需求分析

需求分析在系统开发中有着十分重要的作用。软件项目凭借软件工程的思想和步骤可以大大的提高开发效率,缩短软件开发周期,保证了软件项目的质量。需求分析作为软件工程方法中的一步是至关重要的[6]。软件需求工程是一门分析并记录软件需求的学科。需求分析简单的来说就是用户需要什么,系统需要什么,对此进行问题的列举,等级的排列,需要缜密的思分析和大量的调研[7]。

系统用例图

用例图,即以用户视角来描述本积分商城管理系统的功能,前面已经分析了本积分商城管理系统的总体设计,讨论了各个方面的需求。下面,将以管理员、用户为例。

管理员的用例图,如图3-1所示。

图3-1管理员用例图

用户的用例图,如图3-2所示。

图3-2 用户用例图

3. 3 系统流程设计

3. 3 .1 系统开发流程

积分商城管理系统的设计和开发,首先要对用户的实际使用需求和具体情况进行细致的分析,分析出系统要完成的全部功能,然后再针对整个系统的工作流程和功能进行设计,力求每个模块都能够达到用户的要求,最后通过测试来解决问题,保证系统的稳定和正常的运转,本系统的开发流程如图3-3所示。

图3-3系统开发流程图

3. 3 .2 用户登录流程

登录流程实现了管理员和其他用户的登录,在登录页面需要用户填写自己的信息,前端页面会将信息传递给后端接口,然后查询数据库确定该身份有效后登录成功,否则此用户登录失败,需要重新填写信息,进行再次验证,如图3-4所示。

图3-4登录流程图

3. 3 .3 系统操作流程

系统操作流程分析是软件开发过程中的一个关键环节,它是整个系统整体的运行过程,必须保证其中的每一个步骤都是确定的,这样一个规范的流程图可以使开发者易于理解,快速的投入到接口开发中,从而提升系统开发效率。

同时,流程图还能减少开发者对系统操作流程产生歧义和降低沟通的成本,系统操作流程如图3-5所示。

图3-5系统操作流程图

3. 3 .4 添加信息流程

系统的正常运行离不开数据的支撑,因此,在本系统中添加了数据插入功能,数据库中数据的缺失,会直接影响到数据的查询结果,查询结果错误又会导致逻辑处理出现偏差,最终导致系统性错误或故障,所以在对系统进行数据添加操作时,必须要对数据进行合法性校验,确定此条数据是否有惟一的主关键字和字段是否允许为空等等,若数据库表中不允许某字段为空,而程序没有进行该字段非空逻辑校验,那么就会出现数据存储失败,可能因此造成严重系统后果。添加信息流程如图3-6所示。

图3-6添加信息流程图

3. 3 .5 修改信息流程

因为使系统的使用者是人,所以难免会有疏忽,从而造成系统输入的信息有误。或者由于其他原因导致数据发生改变,使得必须对系统内的数据进行相应的调整,所以在程序运行中,数据的修改操作是不可缺少的重要环节。

在进行数据更新时,必须要有一个惟一的主关键字,以便数据库能够查询到相应的数据;另外,还必须遵守数据插入过程的操作规范,以确保数据的正确性。修改信息流程图如图3-7所示。

图3-7修改信息流程图

3. 3 .6 删除信息流程

删除操作在系统中并非是必须的,可根据用户及系统的需要来决定是否添加删除功能,删除操作就是使用delete语句将数据库中的某一匹配数据删除,因为此操作会导致用户数据丢失,所以为了避免使用者误按删除键,应在用户点击删除按钮时添加一个提示确认弹窗,当用户确定要删除时,再进行数据库的操作,并且在删除操作完成后要对用户进行反馈。删除信息流程图如图3-8所示。

图3-8 删除信息流程图

系统设计

4.1 系统功能结构图

系统功能结构图是系统设计阶段,系统功能结构图只是这个阶段一个基础,整个系统的架构决定了系统的整体模式,是系统的根据。积分商城管理系统的整个设计结构如图4-1所示。

图4-1系统功能结构图

4.2系统数据库设计

对于积分商城管理系统而言,数据库中最核心的数据就是信息,并且有许多其他关联数据都储存于数据库中。随着时间推移,将发布大量信息于本系统中,届时数据库中也将蕴藏海量数据。一个优秀的数据库设计方案能在保证系统能够高效处理大量数据的同时保证系统的安全性。因此,在本积分商城管理系统设计方案中将数据库的设计摆在重要位置,将数据库设计视为系统设计的重要内容。

4.2.1数据库E-R图

E-R图,是通过用户的想法将一些数据形成一种关系结构,这种关系结构也可视为一种概念模型,而数据库的数据处理可以通过概念模型表现直观反映出来。由于E-R图是从用户的角度设立的模型,因此系统E-R图具有很强的实践意义。

获取积分实体图如图4-2所示:

图4-2获取积分实体图

兑换记录实体图如图4-3所示:

图4-3兑换记录实体图

用户信息实体图如图4-4所示:

图4-4用户信息实体图

积分商品实体图如图4-5所示:

图4-5积分商品实体图

积分商城管理系统 的设计与实现部分

5 .1 注册 登录界面

用户需要输入正确的用户名和密码后才可以登录系统并正常使用。如果是第一次使用的新用户,应当先进行账户的注册。注册和登录的界面应当设置便捷的跳转按钮。当用户输入的信息不正确时应当进行相应的提示。如登录时输入的账户有误,应当提示用户该账户不存在。同样的,操作时应该提供积极的反馈,避免用户重复操作。如新用户注册账户时,如果注册成功应该提示"注册成功"的消息栏。

当用户成功登录后,应该进入到系统的导航界面。

登陆界面利用表单输入,点击登录按钮会将表单通过相关接口提交给后台,后台验证通过会返回用户的对应Token信息,将Token信息存储到浏览器Session Stroge中,保证浏览器可以判断用户是否未登录状态。反之,如果该用户不存在,后台会返回对应的提示信息。

注册界面由用户名,密码组成,填写完整后通过相关接口提交,后台会将该用户信息存入Mysql数据库中,建立相关的表结构,返回注册成功code。

5. 2 前台系统 功能模块

当游客打开系统的网址后,首先看到的就是首页界面。在这里,游客能够看到积分商城管理系统的导航条显示首页、活动信息、积分商品、商城资讯、在线客服、个人中心、后台管理等。系统首页界面如图5-1所示:

图5-1 系统首页界面

点击用户注册,用户通过注册页面填写账号、密码、确认密码、姓名、性别、手机、身份证、头像等信息,并点击注册操作,如图5-2所示。

图5-2用户注册界面图

点击用户登录,用户通过登录页面输入账号、密码,并点击登录操作,如图5-3所示。

图5-3用户登录界面图

用户点击活动信息;在活动信息页面的输入栏填写活动名称进行搜索,然后查看活动名称、封面、活动介绍、活动时间、积分、活动地点、报名人数、开始时间、结束时间等信息,并进行活动报名、收藏和评论等操作;如图5-4所示。

图5-4活动信息界面图

用户点击积分商品;在积分商品页面的输入栏填写商品名称、商品分类进行搜索,然后查看商品名称、商品类型、数量、积分数、图片、产地、生产日期等信息,并进行下单、收藏和评论等操作;如图5-5所示。

图5-5积分商品界面图

用户点击在线客服,用户可以输入内容进行咨询,管理员可以在后台进行查看并回复,达到用户和管理员交流的效果;如图5-6所示。

图5-6在线客服界面图

5. 3 管理员功能模块

管理员登录,通过登录页面输入用户名、密码、选择角色等信息,进行登录操作,如图5-7所示。

图5-7管理员登录界面图

管理员登录进入积分商城管理系统可以查看首页、个人中心、用户管理、活动信息管理、活动报名管理、用户积分管理、兑换记录管理、积分商品管理、下单商品管理、获取积分管理、签到记录管理、系统管理等信息,进行相应操作,如图5-8所示。

图5-8管理员功能界面图

管理员点击用户管理;在用户管理页面中输入账号、姓名、性别、手机、身份证、头像等内容,进行查询、添加或者删除用户信息等操作;如图5-9所示。

图5-9用户管理界面图

管理员点击活动信息管理;在活动信息管理页面中输入活动名称、封面、活动介绍、活动时间、积分、活动地点、报名人数、开始时间、结束时间等内容,进行查询、添加或者删除活动信息等操作;如图5-10所示。

图5-10活动信息管理界面图

管理员点击活动报名管理;在活动报名管理页面中输入报名编号、活动名称、开始时间、结束时间、可获积分、报名人数、活动地点、活动时间、账号、姓名、手机、报名时间等内容,进行查询或者删除活动报名等操作;如图5-11所示。

图5-11活动报名管理界面图

管理员点击用户积分管理;在用户积分管理页面中输入账号、姓名、积分等内容,进行查询、添加或者删除用户积分等操作;如图5-12所示。

图5-12用户积分管理界面图

管理员点击积分商品管理;在积分商品管理页面中对商品名称、商品类型、数量、积分数、图片、产地、生产日期等内容,进行查询添加、或者删除积分商品管理等操作;如图5-13所示。

图5-13积分商品管理界面图

5. 4 用户 功能模块

用户登录进入积分商城管理系统可以查看首页、个人中心、活动报名管理、用户积分管理、兑换记录管理、下单商品管理、获取积分管理、签到记录管理等信息,进行相应操作,如图5-4所示。

图5-14用户功能界面图

用户点击活动信息管理;在活动信息管理页面中输入活动名称、封面、活动介绍、活动时间、积分、活动地点、报名人数、开始时间、结束时间等内容,进行查询活动信息等操作;如图5-15所示。

图5-15活动信息管理界面图

用户点击用户积分管理;在用户积分管理页面中输入账号、姓名、积分等内容,进行查询删除用户积分等操作;如图5-16所示。

图5-16用户积分管理界面图

系统测试

6.1 系统测试的方法

1 白盒测试法

所谓白盒测试是指一种以流程为基础的结构测试、逻辑驱动测试或以流程为基础的测试方式,也就是对系统的具体测试[13]。白箱试验是预先设置一个特殊的条件或者一个周期的用例,其目的是为了实现对该体系的内部构造进行穷举性的检测。在白盒测试期间,主要对下列系统程序进行如下试验:

(1)对系统程序中的全部单独的运行通路进行一次最小的试验;

(2)对两种情形下的"真"与"假"进行逻辑判断,至少进行一次;

(3)在一个系统周期的过程中,对它的周期和操作进行试验;

(4)检验系统内的资料架构是否有效。

(2)黑盒测试法

所谓的黑盒测试,就是根据一个已经存在的程序的功能架构,对其进行实验,以确定其全部的性能是否符合规定在使用黑箱试验方法进行系统程的检测时,将其视为一个完整的系统,而不能了解其所使用的是何种体系,而仅仅将其视为一个不可开启的箱子。采用"黑盒子"检测技术,可以对系统是否满足用户的要求进行检测,对系统的各项功能是否正常运行,对系统的数据是否进行了正确的检测和处理[14]。

使用了一个黑盒测试来检测下列的bug:

(1)对该过程进行初始化和结束时的差错;

(2)是否有系统接口出错;

(3)输入和输出的数据结果有无错误;

(4)对该数据库进行存取的过程中出现了故障;

(5)体系的错误;

(6)系统的功能是否有疏忽或错误;

综合以上的检测方式,并根据本系统的特性,采用黑盒测试,白盒测试作为辅助手段,综合检测该系统的各项功能和性能[15]。

相关推荐
余道各努力,千里自同风几秒前
前端 vue 如何区分开发环境
前端·javascript·vue.js
PandaCave7 分钟前
vue工程运行、构建、引用环境参数学习记录
javascript·vue.js·学习
软件小伟9 分钟前
Vue3+element-plus 实现中英文切换(Vue-i18n组件的使用)
前端·javascript·vue.js
JH307319 分钟前
Oracle与MySQL中CONCAT()函数的使用差异
数据库·mysql·oracle
蓝染-惣右介21 分钟前
【MyBatisPlus·最新教程】包含多个改造案例,常用注解、条件构造器、代码生成、静态工具、类型处理器、分页插件、自动填充字段
java·数据库·tomcat·mybatis
冷心笑看丽美人22 分钟前
Spring框架特性及包下载(Java EE 学习笔记04)
数据库
醉の虾30 分钟前
Vue3 使用v-for 渲染列表数据后更新
前端·javascript·vue.js
bjzhang7534 分钟前
SpringBoot开发——Maven多模块工程最佳实践及详细示例
spring boot·maven·maven多模块工程
张小小大智慧39 分钟前
TypeScript 的发展与基本语法
前端·javascript·typescript
hummhumm1 小时前
第 22 章 - Go语言 测试与基准测试
java·大数据·开发语言·前端·python·golang·log4j