功能和技术介绍
该系统基于浏览器的方式进行访问,采用springboot集成快速开发框架,前端使用vue方式,基于es5的语法,开发工具IntelliJ IDEA x64,因为该开发工具,内嵌了Tomcat服务运行机制,可不用单独下载Tomcat server服务器。由于考虑到数据库结构的灵活性,本系统想要使用 MySQL来设计数据库[1],而 java技术[2], B/S架构则确保了较高的平台适应性。本文的重点是对该系统的开发环境、要实现的基本功能和开发步骤进行了说明,并重点阐述了系统设计方案的关键点、设计思想
前端:vue.js+ElementUI
开发工具:IDEA 或者eclipse都支持
编程语言: java
框架支持:springboot/ssm/springcloud
数据库: mysql 版本不限
数据库工具:Navicat/SQLyog都可以
详细技术:java+springboot+vue+MYSQL+MAVEN+SSM
具体实现截图
开发核心技术:
Java
作为面向对象的开发开言,它不仅吸收了很多语言的各种优点,而且它的整个生态在所有语言中开放性是最好的,在学习上,可以找到很多类似的功能代码,供以后参考学习,像目前asp.net开发语言在很大程度上都在模仿java的思维,如果学会java编程,在去掌握另一门语言,学起来就非常的快,因为它的简单性、面向结构性,减少了代码管理的复杂度,让编程过程更加的清晰、逻辑解耦性也更加分层化。
Maven作为了一款项目版本管理软件,可以更好管理jar包的使用,以前在没有出现Maven管理工具,需要在网上下载很多版本的jar包类,有时候版本间不兼容性,影响系统的使用发挥,有时会出现不同的bug出现,使用Mavern工程项目后,就可以很好的杜绝这一难度题。
MySQL是开源的关系型数据库,因为是开源所以没有版权的纠纷,现在很多公司都在利用mysql作为数据库的存储,不仅它的存储速率比较快,而且还可以在它的基础上进行二次开发,定制出更适合公司的数据库。
Vue的语法底层实现了双向数据绑定的原理,在重新更细或发布项目时候,不需要额外的重启项目,代码功能模块的实现,就可以在浏览器上反映出来,实现快速响应,不像有些可编译的语言,需要加载很多的插件,才能启动。
Spring封装了很多的java类库文件,在开发过程中,不需要写太多复杂的类文件,只需要引用spring这个框架,就可以完成快速开发的需要,所以Java编程的逻辑代码就变得比较清晰,各层之间的解耦性也比较强,可重用性也得到了很好的发挥,使得开发难度也更加轻松容易,它的主要两个特性就是依赖注入、面向接口思想;(AOP)切面思想;
Tomcat 服务器是一个免费的开放源代码的 Web 应用服务器,技术先进、性能稳定, 而且免费,其运行时占用的系统资源小,扩展性好,且支持负载平衡与邮件服务等开发应用系统常用的功能。作为一个小型的轻量级应用服务器,Tomcat 在中小型系统和并发访问用户不是很多的场合下被普遍使用,因此也成为目前比较流行的 Web 应用服务器。
开发环境
IntelliJ IDEA: 一先进的IDE,用于java开发,提供了丰富的工具和功能。
操作系统 Windows
软件开发平台 Eclipse/IDEA
数据库 Navicat
服务器 Tomcat
绘制功能类图工具 Microsoft Visio
开发步骤编译运行
(1) 创建好数据库并导入,
(2) 创建后台Springboot三层架构(controller,service,mapper层)并启动测试
(3) 导入并编译前端代码vue:网站和后台管理
编译:npm install
试运行:npm run dev
核心代码部分展示
/**
* 登录相关
*/
@RequestMapping("users")
@RestController
public class UsersController{
@Autowired
private UsersService userService;
@Autowired
private TokenService tokenService;
/**
* 登录
*/
@IgnoreAuth
@PostMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
if(user==null || !user.getPassword().equals(password)) {
return R.error("账号或密码不正确");
}
String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
return R.ok().put("token", token);
}
/**
* 注册
*/
@IgnoreAuth
@PostMapping(value = "/register")
public R register(@RequestBody UsersEntity user){
// ValidatorUtils.validateEntity(user);
if(userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {
return R.error("用户已存在");
}
userService.insert(user);
return R.ok();
}
/**
* 退出
*/
@GetMapping(value = "logout")
public R logout(HttpServletRequest request) {
request.getSession().invalidate();
return R.ok("退出成功");
}
/**
* 密码重置
*/
@IgnoreAuth
@RequestMapping(value = "/resetPass")
public R resetPass(String username, HttpServletRequest request){
UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
if(user==null) {
return R.error("账号不存在");
}
user.setPassword("123456");
userService.update(user,null);
return R.ok("密码已重置为:123456");
}
/**
* 列表
*/
@RequestMapping("/page")
public R page(@RequestParam Map<String, Object> params,UsersEntity user){
EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>();
PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
return R.ok().put("data", page);
}
/**
* 列表
*/
@RequestMapping("/list")
public R list( UsersEntity user){
EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>();
ew.allEq(MPUtil.allEQMapPre( user, "user"));
return R.ok().put("data", userService.selectListView(ew));
}
/**
* 信息
*/
@RequestMapping("/info/{id}")
public R info(@PathVariable("id") String id){
UsersEntity user = userService.selectById(id);
return R.ok().put("data", user);
}
/**
* 获取用户的session用户信息
*/
@RequestMapping("/session")
public R getCurrUser(HttpServletRequest request){
Long id = (Long)request.getSession().getAttribute("userId");
UsersEntity user = userService.selectById(id);
return R.ok().put("data", user);
}
系统设计
系统实现阶段包括前台界面的UI设计和后台功能模块代码设计。要求系统界面简洁直观、系统操作流畅,后台代码采用三层架构(界面表示层、业务逻辑层、数据访问层)编写。
系统测试阶段包括界面测试和功能测试。使用系统,验证系统界面是否简洁,页面不同功能的衔接是否灵活,正确。根据实际流程,在设计的系统上进行模拟测试,查看功能是都基本满足工作的需要。从而进一步修改完善系统,提高系统的实用性和稳定性。
系统设计阶段包括系统体系结构设计、功能模块设计和数据库设计。以需求分析的结果确定系统的总体框架和功能模块,并利用统一建模语言(UML)分模块设计系统的用例图、活动图、时序图和类图等,最后根据类图设计数据库表结构。
可行性论证
作为软件前期开发过程中,需要对项目进行需求分析,首先要了解业务具体做什么,实现什么样的功能,在功能模块中细分每个功能模块的使用背景,只有这样在软件开发中,才不会重复出现因为架构设计的缺陷,导致在次设计底层数据结构的发生,此外,有些非功能的特细,比如数据库性能、安全性的考虑、网速的反映时间都是作为需求分析的约束条件,也是项目开发完成后,在运行时需要分析的目标。
开发一套成熟的软件,都需要经过一段漫长的过程,这里设计到软件的需求分析、制定计划,开发人员、测试环节、调试过程,都需要资金及人力的投入。而这套软件的开发,可以通过网上开源源码及相关资料的学习,在硬件及电脑使用上,都是自己所用,所以在开发成本上可以忽略不计
本项目设计的系统主要采用vue前端开发,后端使用java语言以及springboot集成开发性框架,采用mysql数据库,根据自身所学专业,结合网上查阅案列及图书馆资料,开发实现是没有太大问题的
软件测试
关于系统开发的实施,无论在开发的过程中有多大的付出,在整个系统的运转的过程中,或多或少都会存在着一些缺陷。
系统测试是一项全面的评估活动,它将软件和硬件视为单一实体,旨在验证设计是否满足预设标准。该阶段的核心任务是依据系统规格说明书,确保设计的精准匹配。测试过程迅速揭示系统的潜在问题[14],并及时修复,以优化整个系统[15]。系统测试手段主要包括白盒测试和黑盒测试[16]。白盒测试,又称结构测试,通过剖析代码结构和逻辑关系,检查数据结构的有效性,如发现不合理之处,测试人员会列出问题清单,供开发人员修正。相反,黑盒测试关注功能和界面操作,检测功能设计的合理性与可用性,记录并报告问题,促使开发者根据测试反馈优化系统。此外,还有性能测试、单元测试及安全性评估,我主要依赖功能测试来验证本系统的功能。
源码获取
文章下方名片联系我即可~
✌💗大家点赞、收藏、关注、评论啦 、查看✌💗
👇🏻获取联系方式👇🏻
精彩专栏推荐订阅:在下方专栏👇🏻