３２㊀
文献引用格式：杨妍.基于ＳｐｒｉｎｇＢｏｏｔ与Ｖｕｅ的系统管理模块开发探究[Ｊ].电声技术ꎬ２０１９ꎬ４３(２):３２－３４.
ＹＡＮＧＹ.ＥｘｐｌｏｒｉｎｇｔｈｅｄｅｖｅｌｏｐｍｅｎｔｏｆｓｙｓｔｅｍｍａｎａｇｅｍｅｎｔｍｏｄｕｌｅｂａｓｅｄｏｎｓｐｒｉｎｇｂｏｏｔａｎｄＶｕｅ[Ｊ].ＡｕｄｉｏＥｎｇｉ￣
ｎｅｅｒｉｎｇꎬ２０１９ꎬ４３(２):３２－３４.
中图分类号:ＴＰ３１１.１㊀㊀㊀㊀文献标志码:Ａ㊀㊀㊀㊀ＤＯＩ:１０.１６３１１/ｊ.ａｕｄｉｏｅ.２０１９.０２.０１０
基于ＳｐｒｉｎｇＢｏｏｔ与Ｖｕｅ的系统管理模块开发探究
杨㊀妍
(江苏航空职业技术学院ꎬ江苏㊀镇江㊀２１２０３４)
项目基金：江苏航空职业技术学院科研课题项目(ＪＡＴＣ１７０２０２０３)
摘要：目前针对ＩＴ行业来看现有的Ｗｅｂ是相当的流行的ꎬ而且其开发语言是Ｊａｖａꎬ这也是相当的受青睐ꎬ经过行业的发展ꎬ目前很多的框架也是也更加成熟了ꎬ尤其是Ｗｅｂ开发框架且使用范围与使用深度越来越广ꎮ最近几年微服框架ＳｐｒｉｎｇＢｏｏｔ异军突起ꎬ国产前端框架Ｖｕｅ.ｊｓ更是火爆ꎬ许多开发企业分分放弃之前 ＳＳＭ 搭建项目框架的传统方式ꎬ逐渐采用后台ＳｐｒｉｎｇＢｏｏｔ框架ꎬ前台Ｖｕｅ.ｊｓ的框架构建ꎬ项目实现前后端分析ꎬ提高了开发效率ꎮ本文正基于这两个技术来实现系统模块的主要功能的实现ꎮ关键词:ＳｐｒｉｎｇＢｏｏｔꎻＶｕｅꎻ前后端分离
ＥｘｐｌｏｒｉｎｇｔｈｅｄｅｖｅｌｏｐｍｅｎｔｏｆｓｙｓｔｅｍｍａｎａｇｅｍｅｎｔｍｏｄｕｌｅｂａｓｅｄｏｎｓｐｒｉｎｇｂｏｏｔａｎｄＶｕｅ
ＹＡＮＧＹａｎ
(ＪｉａｎｇｓｕＡｖｉａｔｉｏｎＴｅｃｈｎｉｃａｌＣｏｌｌｅｇｅꎬＺｈｅｎｊｉａｎｇ２１２０３４ꎬＣｈｉｎａ)
Ａｂｓｔｒａｃｔ:ＡｔｐｒｅｓｅｎｔꎬｔｈｅｅｘｉｓｔｉｎｇＷｅｂｉｓｑｕｉｔｅｐｏｐｕｌａｒｉｎｔｈｅＩＴｉｎｄｕｓｔｒｙꎬａｎｄｉｔｓｄｅｖｅｌｏｐｍｅｎｔｌａｎｇｕａｇｅｉ
ｓＪａｖａꎬｗｈｉｃｈｉｓａｌｓｏｖｅｒｙｐｏｐｕｌａｒ.ＷｉｔｈｔｈｅｄｅｖｅｌｏｐｍｅｎｔｏｆｔｈｅｉｎｄｕｓｔｒｙꎬｍａｎｙｆｒａｍｅｗｏｒｋｓａｒｅｍｏｒｅｍａｔｕｒｅꎬｅｓｐｅｃｉａｌｌｙｔｈｅＷｅｂｄｅｖｅｌｏｐ￣
ｍｅｎｔｆｒａｍｅｗｏｒｋꎬａｎｄｉｔｓｓｃｏｐｅａｎｄｄｅｐｔｈｏｆｕｓｅａｒｅｍｏｒｅａｎｄｍｏｒｅｅｘｔｅｎｓｉｖｅ.Ｉｎｒｅｃｅｎｔｙｅａｒｓꎬｍｉｃｒｏ－ｃｌｏｔｈｉｎｇｆｒａｍｅｗｏｒｋＳｐｒｉｎｇＢｏｏｔｈａｓｂｅｃｏｍｅａｎｅｗｆｏｒｃｅ.Ｄｏｍｅｓｔｉｃｆｒｏｎｔ－ｅｎｄｆｒａｍｅｗｏｒｋＶｕｅ.ｊｓｉｓｍｏｒｅｐｏｐｕｌａｒ.Ｍａｎｙｄｅｖｅｌｏｐｍｅｎｔｅｎｔｅｒｐｒｉ￣ｓｅｓｈａｖｅｇｒａｄｕａｌｌｙａｄｏｐｔｅｄｔｈｅｔｒａｄｉｔｉｏｎａｌｗａｙｏｆ ＳＳＭ ｔｏｂｕｉｌｄｔｈｅｐｒｏｊｅｃｔｆｒａｍｅｗｏｒｋｂｅｆｏｒｅｇｉｖｉｎｇｕｐꎬａｎｄｇｒａｄｕａｌｌｙａ￣ｄｏｐｔｅｄｔｈｅｂａｃｋｇｒｏｕｎｄｓｐｒｉｎｇｂｏｏｔｆｒａｍｅｗｏｒｋａｎｄｔｈｅｆｒｏｎｔ－ｅｎｄＶｕｅ.ｊｓｆｒａｍｅｗｏｒｋ.Ｔｈｅｐｒｏｊｅｃｔｒｅａｌｉｚｅｓｆｒｏｎｔ－ｅｎｄａｎｄｂａｃｋ－ｅｎｄａｎａｌｙｓｉｓａｎｄｉｍｐｒｏｖｅｓｔｈｅｄｅｖｅｌｏｐｍｅｎｔｅｆｆｉｃｉｅｎｃｙ.Ｔｈｉｓｐａｐｅｒｉｓｂａｓｅｄｏｎｔｈｅｓｅｔｗｏｔｅｃｈｎｏｌｏｇｉｅｓｔｏｒｅａｌｉｚｅｔｈｅｍａｉｎｆｕｎｃｔｉｏｎｓｏｆｔｈｅｓｙｓｔｅｍｍｏｄｕｌｅ.
Ｋｅｙｗｏｒｄｓ:ＳｐｒｉｎｇＢｏｏｔꎻＶｕｅꎻｆｒｏｎｔ－ｅｎｄａｎｄｂａｃｋ－ｅｎｄｓｅ
ｐａｒａｔｉｏｎ
１㊀引言
针对Ｊａｖａ来说ꎬ它具备很多的开源框架ꎬ但是其中最突出的就属于Ｓｐｒｉｎｇ框架了ꎬ是相当的受欢迎ꎮ使用这种框架提高了行业工作人员的工作效率ꎬ以前有很多的事情是需要多个程序才能完成的如何只需要使用Ｓｐｒｉｎｇ即可完成ꎬ例如原来需要ＥＪＢ来完成的事情ꎬ如今可以采用Ｓｐｒｉｎｇ框架中的基本ＪａｖａＢｅａｎ也可以完成ꎮ另外Ｓｐｒｉｎｇ框架的应用是建立在一个不仅是一个统一的基础而且具备高效率的基础上的一个强大的应用ꎬ之前的工作相对于行业人士专注于ＪＡＶＡＥＥ开发的来说ꎬ原来的ＥＪＢ模式是相对来说极其的繁琐复杂ꎬ然而新的模
式的出现极大的缓解了这一问题ꎬ重要的是新的框架适应各种单层框架ꎮ[１]
ＳｐｒｉｎｇＢｏｏｔ的出现解决了很多的问题ꎬ当初Ｐｉｖｏｔａｌ团队想要建立出这一模式也是想要简化其应用以及开发过程ꎮ在配置上这个框架很特别ꎬ是使用了特定的方法ꎬ因此不需要工作人员在进行其他的操作或者一些其他的配置ꎮ目前ＳｐｒｉｎｇＢｏｏｔ在很多的领域使用度都是极其广泛ꎬ这种模式让其立马成为行业领域佼佼者ꎮ
目前有一款新型的前端框架出现了ꎬ即Ｖｕｅ.ｊｓꎮ首先其专门针对ＭＷＭ前端ꎬ这种框架能够将数据的变化显示并反映出来ꎬ这种效果是建立在对数据的双向绑定上ꎬ最终将其变化映射到虚拟ＤＯＭ
３３㊀
上ꎮ这种框架不紧能将工作人员的开发效率提高而且还简化了很多的流程ꎬ使得工作上更加便捷ꎮ另外ꎬＶｕｅ具备一项新型的特点ꎬ能够自底向上逐层应用ꎬ使得其能够多方面的运用ꎬ甚至能够与第三方项目结合来达到更进一步的功效ꎬ目前将Ｖｕｅ与一些新型且现代的工具结合ꎬ还能解决更多的问题ꎮ
２㊀系统架构设计
２.１㊀系统总体架构设计
以下专门针对电子招投标系统进行了详细的分析ꎬ这种系统构架是ＢＩＳꎬ采用的思想设计也不一样ꎬ这里是采用的ＭＶＣ设计理念ꎮ这种系统相对来说很复杂包含多个层面ꎬ不仅有视图层ꎬ控制层还有业务逻辑层以及数据持久层ꎬ每一个层面都是只专注本身的层面这样有利于修改以及扩展ꎮ目前采用ＳｐｒｉｎｇＢｏｏｔ结合Ｖｕｅ的这种流行模式ꎬ其优势是相当大的ꎬ在能够使得系统用户界面更加的美观的境况下用户体验也更加美好ꎬ同时还能提高系统开发和扩展的速度ꎮ[２]
此系统是在建立于ＳｐｒｉｎｇＢｏｏｔ为基础之上的ꎬ新型框架的使用使得系统的配置有所减少ꎬ尤其是系统的ＸＭＬ上面ꎮ在视图层ꎬ我们使用Ｖｕｅ和Ｅｌｅ￣
ｍｅｎｔＵＩ提供的样式ꎬ通过ＡＪＡＸ请求将请求数据传到控制层ꎬ在数据传达到后ꎬ通过控制层接收到后结合服务逻辑层且利于ＪＯＳＮＯｂｊｅｃｔ以及＠Ａｕｔｏｗｉ￣ｒｅｄ综合解析ꎬ最后Ｓｅｒｖｉｃｅ层面在利用其它的接口以及技术来进行进一步的操作ꎮ
２.２㊀系统管理分析
对系统管理进行分析的前提是需要先了解其模块ꎬ通过以下的图１即可了解全面ꎬ具体如下ꎮ
图１㊀系统管理
㊀㊀第一是账户管理ꎬ这个模块具体是管理一些例如用户名密码等这些基本的信息ꎬ一旦发现输入的信息跟数据库原有的信息不一致的时候ꎬ返回相应的错误信息ꎮ
第二是管理的权限ꎬ这项模块是只有当涉及到在系统对用户进行一些信息的删减操作的时候ꎬ需要对其进行验证ꎬ这样能够起到制约管理员的效果同时也对相应的权限有一定的保护作用ꎬ一旦遇到权限不足的情况时就应当给出一定的提示信息ꎮ[３]
第三是系统的维护ꎬ该模块具备多种功能ꎬ不仅局限于对数据的检查恢复以及备份ꎬ当然就目前阶段来看这些也是基本且重要的功效ꎬ另外这个模块当一旦遇到异常情况是能够快速备份和恢复系统这是相当重要的ꎮ
第四是日志的记录ꎬ这项模块是有利于管理员的审计ꎬ能够对使用者起到监控的作用ꎬ尤其是约束一些违法行为ꎬ能够避免一些不利公司利益的事情发生ꎮ
第五是报表的导出ꎬ其方便管理者对用户信息表进行管理ꎬ有助于更加便捷的办公ꎬ客观且真实地从数据角度加强对核心数据的管理ꎬ减少Ｅｘｃｅｌ数据表导入和导出的工作量ꎮ２.３㊀系统性能需求
硬件也是很重要的ꎬ一般来说都是使用台式或者笔记本ꎬ具体的一些配置可以浏览表１ꎮ
表１㊀台式、笔记本具体最低配置
在网络需求方面ꎬ一般来说常见的浏览器是火狐ꎬ此浏览器的协议是国标ＨＴＴＰ/ＨＴＴＰｓ和ＴＣＰ/ＩＰ协议ꎮ它能有效的实
现一些数据交换ꎮ
３㊀系统管理模块实现
springboot框架的作用３.１㊀系统用户管理
系统管理涉及的对象为系统用户ꎬ系统用户的信息包括用户名㊁密码ꎬ权限等信息ꎮ另外如本文上述系统管理的过程包含五个方面ꎮ另外账户管
３４㊀
理面主要是针对账户的一些基本的操作如删除ꎬ登录注销等等ꎻ权限管理也是针对权限的调整方面的ꎻ系统维护主要就是数据检查备份恢复等ꎮ
当然用户也是需要进行管理的ꎬ其基本操作会涉及到修改添加等ꎬ本功能模块主要包含的类如表
２所示ꎮ
表２㊀系统用户管理模块主要类
在整个系统的构架中ꎬ对其管理是相当重要的ꎬ特别是权限这一块ꎬ该权限使用覆盖率百分百ꎬ因此要严加控制ꎬ以免造成不必要的安全问题ꎮ对于具体的用户管理ꎬ主要操作有账户注册ꎬ账户删除ꎬ账户登陆ꎬ账户登出等ꎮ
[４]
用户管理效果图如图
２所示ꎮ
图２㊀用户管理效果图
３.２㊀部门管理
本模块对系统中的用户所属部门进行管理ꎬ包括用户部门的添加㊁修改ꎬ删除㊁禁用㊁启用和查看部门信息ꎮ本功能模块主要包含的类如表３所示ꎮ
表３㊀部门管理模块主要类
部门管理效果图如图３所示ꎮ
图３㊀部门管理效果图
４㊀总结
本文所研究的系统管理模块ꎬ是一个符合现代公司经营的信息自动化办公系统的系统模块部分ꎮ主要包括用户管理㊁角管理㊁部门管理㊁区域管理㊁日志管理㊁数据字典㊁菜单管理等基础功能ꎬ受篇幅
所限ꎬ本文只针对用户管理和部门管理进行了说明ꎬ在不同的应用背景下ꎬ系统管理的内容会有各自的不同ꎬ本文只是针对普遍的一些功能做了一部分研究ꎬ在本系统中ꎬ很多的功能具备相互配合的功效从而才能实现一些数据之间的传递ꎬ同时此系统的前提是结合了ＳｐｒｉｎｇＢｏｏｔ以及Ｖｕｅ技术框架ꎬ这样有利于系统的高效正常运转ꎮ该系统的设计非常详细ꎬ采用Ｂ/Ｓ架构和ＪＡＶＡꎬ使得进一步推动了开发工作ꎮ同时在进行测试的时候也是多方面进行了考量ꎬ参考了实际的场景来进行数据的收
集ꎬ这样使得实践出的数据更加符合实际情况ꎬ最终更加具有可靠性ꎮ
参考文献:[１]王福强.ＳｐｒｉｎｇＢｏｏｔ揭秘：快速构建微服务体系[Ｍ].北京：机械工业出版社ꎬ２０１６.[２]陈陆扬.Ｖｕｅ.ｊｓ前端开发快速入门与专业应用[Ｍ].北京：人民邮电出版社ꎬ２０１７.
[３]张峰.应用ＳｐｒｉｎｇＢｏｏｔ改变ｗｅｂ应用开发模式[Ｊ].科技创新与应用ꎬ２０１７(２３):１９３－１９４.
[４]
何军ꎬ陈倩怡.Ｖｕｅ＋ＳｐｒｉｎｇＢｏｏｔ＋Ｍｙｂａｔｉｓ开发消费管理系统[Ｊ].电脑编程技巧与维护ꎬ２０１９(２):３１－３６.
作者简介:
㊀㊀杨㊀妍(１９８１ )ꎬ本科ꎬ讲师ꎬ研究方向：计算机教学ꎮ责任编辑：徐弘涛
收稿日期:２０１９－０１－２４

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。