基于Spring Boot与Vue的系统管理模块开发探究

文献引用格式:杨妍.基于ＳｐｒｉｎｇＢｏｏｔ与Ｖｕｅ的系统管理模块开发探究[Ｊ].电声技术ꎬ２０１９ꎬ４３(２):３２－３４.ｎｅｅｒｉｎｇꎬ２０１９ꎬ４３(２):３２－３４.ＹＡＮＧＹ.ＥｘｐｌｏｒｉｎｇｔｈｅｄｅｖｅｌｏｐｍｅｎｔｏｆｓｙｓｔｅｍｍａｎａｇｅｍｅｎｔｍｏｄｕｌｅｂａｓｅｄｏｎｓｐｒｉｎｇｂｏｏｔａｎｄＶｕｅ[Ｊ].ＡｕｄｉｏＥｎｇｉ￣中图分类号:ＴＰ３１１.１　　　　文献标志码:Ａ　　　　ＤＯＩ:１０.１６３１１/ｊ.ａｕｄｉｏｅ.２０１９.０２.０１０基于ＳｐｒｉｎｇＢｏｏｔ与Ｖｕｅ的系统管理模块开发探究杨　妍(江苏航空职业技术学院ꎬ江苏　镇江　２１２０３４)摘要:目前针对ＩＴ行业来看现有的Ｗｅｂ是相当的流行的ꎬ而且其开发语言是Ｊａｖａꎬ这也是相当的受青睐ꎬ经过行业的发展ꎬ目前很多的框架也是也更加成熟了ꎬ尤其是Ｗｅｂ开发框架且使用范围与使用深度越来越广ꎮ最近几年微服框架ＳｐｒｉｎｇＢｏｏｔ异军突起ꎬ国产前端框架Ｖｕｅ.ｊｓ更是火爆ꎬ许多开发企业分分放弃之前“ＳＳＭ”搭建项目框架的传统方式ꎬ逐渐采用后台ＳｐｒｉｎｇＢｏｏｔ框架ꎬ前台Ｖｕｅ.ｊｓ的框架构建ꎬ项目实现前后端分析ꎬ提高了开发效率ꎮ本文正基于这两个技术来实现系统模块的主要功能的实现ꎮ关键词:ＳｐｒｉｎｇＢｏｏｔꎻＶｕｅꎻ前后端分离ＥｘｐｌｏｒｉｎｇｔｈｅｄｅｖｅｌｏｐｍｅｎｔｏｆｓｙｓｔｅｍｍａｎａｇｅｍｅｎｔｍｏｄｕｌｅｂａｓｅｄｏｎｓｐｒｉｎｇｂｏｏｔａｎｄＶｕｅ(ＪｉａｎｇｓｕＡｖｉａｔｉｏｎＴｅｃｈｎｉｃａｌＣｏｌｌｅｇｅꎬＺｈｅｎｊｉａｎｇ２１２０３４ꎬＣｈｉｎａ)ＹＡＮＧＹａｎＡｂｓｔｒａｃｔ:ＡｔｐｒｅｓｅｎｔꎬｔｈｅｅｘｉｓｔｉｎｇＷｅｂｉｓｑｕｉｔｅｐｏｐｕｌａｒｉｎｔｈｅＩＴｉｎｄｕｓｔｒｙꎬａｎｄｉｔｓｄｅｖｅｌｏｐｍｅｎｔｌａｎｇｕａｇｅｉｓＪａｖａꎬｗｈｉｃｈｉｓｍｅｎｔｆｒａｍｅｗｏｒｋꎬａｎｄｉｔｓｓｃｏｐｅａｎｄｄｅｐｔｈｏｆｕｓｅａｒｅｍｏｒｅａｎｄｍｏｒｅｅｘｔｅｎｓｉｖｅ.Ｉｎｒｅｃｅｎｔｙｅａｒｓꎬｍｉｃｒｏ－ｃｌｏｔｈｉｎｇｆｒａｍｅｗｏｒｋｓｅｓｈａｖｅｇｒａｄｕａｌｌｙａｄｏｐｔｅｄｔｈｅｔｒａｄｉｔｉｏｎａｌｗａｙｏｆ“ＳＳＭ”ｔｏｂｕｉｌｄｔｈｅｐｒｏｊｅｃｔｆｒａｍｅｗｏｒｋｂｅｆｏｒｅｇｉｖｉｎｇｕｐꎬａｎｄｇｒａｄｕａｌｌｙａ￣ＳｐｒｉｎｇＢｏｏｔｈａｓｂｅｃｏｍｅａｎｅｗｆｏｒｃｅ.Ｄｏｍｅｓｔｉｃｆｒｏｎｔ－ｅｎｄｆｒａｍｅｗｏｒｋＶｕｅ.ｊｓｉｓｍｏｒｅｐｏｐｕｌａｒ.Ｍａｎｙｄｅｖｅｌｏｐｍｅｎｔｅｎｔｅｒｐｒｉ￣ａｌｓｏｖｅｒｙｐｏｐｕｌａｒ.ＷｉｔｈｔｈｅｄｅｖｅｌｏｐｍｅｎｔｏｆｔｈｅｉｎｄｕｓｔｒｙꎬｍａｎｙｆｒａｍｅｗｏｒｋｓａｒｅｍｏｒｅｍａｔｕｒｅꎬｅｓｐｅｃｉａｌｌｙｔｈｅＷｅｂｄｅｖｅｌｏｐ￣ｄｏｐｔｅｄｔｈｅｂａｃｋｇｒｏｕｎｄｓｐｒｉｎｇｂｏｏｔｆｒａｍｅｗｏｒｋａｎｄｔｈｅｆｒｏｎｔ－ｅｎｄＶｕｅ.ｊｓｆｒａｍｅｗｏｒｋ.Ｔｈｅｐｒｏｊｅｃｔｒｅａｌｉｚｅｓｆｒｏｎｔ－ｅｎｄａｎｄｂａｃｋ－ｅｎｄａｎａｌｙｓｉｓａｎｄｉｍｐｒｏｖｅｓｔｈｅｄｅｖｅｌｏｐｍｅｎｔｅｆｆｉｃｉｅｎｃｙ.Ｔｈｉｓｐａｐｅｒｉｓｂａｓｅｄｏｎｔｈｅｓｅｔｗｏｔｅｃｈｎｏｌｏｇｉｅｓｔｏｒｅａｌｉｚｅｔｈｅｍａｉｎｆｕｎｃｔｉｏｎｓｏｆｔｈｅｓｙｓｔｅｍｍｏｄｕｌｅ.Ｋｅｙｗｏｒｄｓ:ＳｐｒｉｎｇＢｏｏｔꎻＶｕｅꎻｆｒｏｎｔ－ｅｎｄａｎｄｂａｃｋ－ｅｎｄｓｅｐａｒａｔｉｏｎ１　引言针对Ｊａｖａ来说ꎬ它具备很多的开源框架ꎬ但是其中最突出的就属于Ｓｐｒｉｎｇ框架了ꎬ是相当的受欢迎ꎮ使用这种框架提高了行业工作人员的工作效率ꎬ以前有很多的事情是需要多个程序才能完成的如何只需要使用Ｓｐｒｉｎｇ即可完成ꎬ例如原来需要ＥＪＢ来完成的事情ꎬ如今可以采用Ｓｐｒｉｎｇ框架中的基本ＪａｖａＢｅａｎ也可以完成ꎮ另外Ｓｐｒｉｎｇ框架的应用是建立在一个不仅是一个统一的基础而且具备高效率的基础上的一个强大的应用ꎬ之前的工作相对于行业人士专注于ＪＡＶＡＥＥ开发的来说ꎬ原来的ＥＪＢ模式是相对来说极其的繁琐复杂ꎬ然而新的模式的出现极大的缓解了这一问题ꎬ重要的是新的框架适应各种单层框架ꎮ[１]ＳｐｒｉｎｇＢｏｏｔ的出现解决了很多的问题ꎬ当初Ｐｉｖｏｔａｌ团队想要建立出这一模式也是想要简化其应用以及开发过程ꎮ在配置上这个框架很特别ꎬ是使用了特定的方法ꎬ因此不需要工作人员在进行其他的操作或者一些其他的配置ꎮ目前ＳｐｒｉｎｇＢｏｏｔ在很多的领域使用度都是极其广泛ꎬ这种模式让其立马成为行业领域佼佼者ꎮ目前有一款新型的前端框架出现了ꎬ即Ｖｕｅ.ｊｓꎮ首先其专门针对ＭＷＭ前端ꎬ这种框架能够将数据的变化显示并反映出来ꎬ这种效果是建立在对数据的双向绑定上ꎬ最终将其变化映射到虚拟ＤＯＭ项目基金:江苏航空职业技术学院科研课题项目(ＪＡＴＣ１７０２０２０３)３２　

上ꎮ这种框架不紧能将工作人员的开发效率提高而且还简化了很多的流程ꎬ使得工作上更加便捷ꎮ另外ꎬＶｕｅ具备一项新型的特点ꎬ能够自底向上逐层应用ꎬ使得其能够多方面的运用ꎬ甚至能够与第三方项目结合来达到更进一步的功效ꎬ目前将Ｖｕｅ与一些新型且现代的工具结合ꎬ还能解决更多的问题ꎮ２　２.１　系统架构设计系统总体架构设计以下专门针对电子招投标系统进行了详细的分析ꎬ这种系统构架是ＢＩＳꎬ采用的思想设计也不一样ꎬ这里是采用的ＭＶＣ设计理念ꎮ这种系统相对来说很复杂包含多个层面ꎬ不仅有视图层ꎬ控制层还有业务逻辑层以及数据持久层ꎬ每一个层面都是只专注本身的层面这样有利于修改以及扩展ꎮ目前采用ＳｐｒｉｎｇＢｏｏｔ结合Ｖｕｅ的这种流行模式ꎬ其优势是相当大的ꎬ在能够使得系统用户界面更加的美观的境况下用户体验也更加美好ꎬ同时还能提高系统开发和扩展的速度ꎮ[２]此系统是在建立于ＳｐｒｉｎｇＢｏｏｔ为基础之上的ꎬ新型框架的使用使得系统的配置有所减少ꎬ尤其是ｍｅｎｔ系统的ＸＭＬ上面ꎮ在视图层ꎬ我们使用Ｖｕｅ和Ｅｌｅ￣到控制层ＵＩ提供的样式ꎬ在数据传达到后ꎬ通过ＡＪＡＸꎬ通过控制层接收到后请求将请求数据传结合服务逻辑层且利于最后ＳｅｒｖｉｃｅＪＯＳＮＯｂｊｅｃｔ层面在利用其它的接口以及＠Ａｕｔｏｗｉ￣以及技术来进行进一步的操作ｒｅｄ综合解析ꎬꎮ２.２　系统管理分析对系统管理进行分析的前提是需要先了解其模块ꎬ通过以下的图１即可了解全面ꎬ具体如下ꎮ图１　系统管理　如用户名密码等这些基本的信息　第一是账户管理ꎬ这个模块具体是管理一些例ꎬ一旦发现输入的信息跟数据库原有的信息不一致的时候ꎬ返回相应的错误信息ꎮ第二是管理的权限ꎬ这项模块是只有当涉及到在系统对用户进行一些信息的删减操作的时候ꎬ需要对其进行验证ꎬ这样能够起到制约管理员的效果同时也对相应的权限有一定的保护作用ꎬ一旦遇到权限不足的情况时就应当给出一定的提示信息ꎮ[３]第三是系统的维护ꎬ该模块具备多种功能ꎬ不仅局限于对数据的检查恢复以及备份ꎬ当然就目前阶段来看这些也是基本且重要的功效ꎬ另外这个模块当一旦遇到异常情况是能够快速备份和恢复系统这是相当重要的ꎮ第四是日志的记录ꎬ这项模块是有利于管理员的审计ꎬ能够对使用者起到监控的作用ꎬ尤其是约束一些违法行为ꎬ能够避免一些不利公司利益的事情发生ꎮ第五是报表的导出ꎬ其方便管理者对用户信息表进行管理ꎬ有助于更加便捷的办公ꎬ客观且真实地从数据角度加强对核心数据的管理ꎬ减少Ｅｘｃｅｌ数据表导入和导出的工作量ꎮ２.３　系统性能需求硬件也是很重要的ꎬ一般来说都是使用台式或者笔记本ꎬ具体的一些配置可以浏览表１ꎮ表１　台式、笔记本具体最低配置操作系统Ｗｉｎ１０６４位旗舰版处理器英特尔Ｃｏｒｅｉ３－６１００主板微星Ｈ１１０ＰＲＯ－ＶＤＰＬＵＳ内存８Ｇ内存显卡英特尔ＨＤＧｒａｐｈｉｃｓ６３０硬盘５００Ｇ硬盘(Ｃ盘剩余２０Ｇ以上)在网络需求方面ꎬ一般来说常见的浏览器是火狐ꎬ此浏览器的协议是国标现一些数据交换ＨＴＴＰ/ＨＴＴＰｓꎮ和ＴＣＰ/ＩＰ协议ꎮ它能有效的实３　３.１　系统管理模块实现系统用户管理系统管理涉及的对象为系统用户ꎬ系统用户的信息包括用户名、密码ꎬ权限等信息ꎮ另外如本文上述系统管理的过程包含五个方面ꎮ另外账户管３３　

理面主要是针对账户的一些基本的操作如删除ꎬ登录注销等等ꎻ权限管理也是针对权限的调整方面的ꎻ系统维护主要就是数据检查备份恢复等ꎮ当然用户也是需要进行管理的ꎬ其基本操作会２涉及到修改添加等所示ꎮꎬ本功能模块主要包含的类如表表２　系统用户管理模块主要类分类主要包含类控制层类ＵｓｅｒＣｏｎｔｒｏｌｌｅｒ.ｊａｖａ业务逻辑类ＵｓｅｒＳｅｒｖｉｃｅＩｍｐｌ.ＲｏｌｅＳｅｒｖｉｃｅＩｍｐｌ.ｊａｖａｊａｖａ持久对象类ＵｓｅｒＥｎｔｉｔｙ.ＲｏｌｅＥｎｔｉｔｙ.ｊａｖａＪａｖａ数据持久类ＵｓｅｒＤａｏ.ｊａｖａ在整个系统的构架中ꎬ对其管理是相当重要的ꎬ特别是权限这一块ꎬ该权限使用覆盖率百分百ꎬ因此要严加控制ꎬ以免造成不必要的安全问题ꎮ对于具体的用户管理ꎬ主要操作有账户注册ꎬ账户删２除所示ꎬ账户登陆ꎮꎬ账户登出等ꎮ[４]用户管理效果图如图图２　用户管理效果图３.２　部门管理本模块对系统中的用户所属部门进行管理ꎬ包括用户部门的添加、修改ꎬ删除、禁用、启用和查看部门信息ꎮ本功能模块主要包含的类如表３所示ꎮ表３　部门管理模块主要类分类主要包含的类控制层类ＯｒｇａｎＣｏｎｔｒｏｌｌｅｒ.ｊａｖａ业务逻辑类ＯｒｇａｎＳｅｒｖｉｃｅｌｍｐ.ｊａｖａ持久对象类ＯｒｇａｎＥｎｔｉｔｙ.ｊａｖａ数据持久类ＯｒｇａｎＤａｏ.ｊａｖａ部门管理效果图如图３所示ꎮ３４　图３　部门管理效果图４　总结本文所研究的系统管理模块ꎬ是一个符合现代公司经营的信息自动化办公系统的系统模块部分ꎮ主要包括用户管理、角色管理、部门管理、区域管理、日志管理、数据字典、菜单管理等基础功能ꎬ受篇幅所限ꎬ本文只针对用户管理和部门管理进行了说明ꎬ在不同的应用背景下ꎬ系统管理的内容会有各自的不同ꎬ本文只是针对普遍的一些功能做了一部分研究ꎬ在本系统中ꎬ很多的功能具备相互配合的功效从而才能实现一些数据之间的传递ꎬ同时此系统的前提是结合了ＳｐｒｉｎｇＢｏｏｔ以及Ｖｕｅ技术框架ꎬ这样有利于系统的高效正常运转ꎮ该系统的设计非常详细ꎬ采用Ｂ/Ｓ架构和ＪＡＶＡꎬ使得进一步推动了开发工作ꎮ同时在进行测试的时候也是多方面进行了考量ꎬ参考了实际的场景来进行数据的收集ꎬ这样使得实践出的数据更加符合实际情况ꎬ最终更加具有可靠性ꎮ参考文献:[１]王福强北京:机械工业出版社.ＳｐｒｉｎｇＢｏｏｔ揭秘ꎬ２０１６.:快速构建微服务体系[Ｍ].[２]北京陈陆扬:人民邮电出版社.Ｖｕｅ.ｊｓ前端开发ꎬ２０１７.快速入门与专业应用[Ｍ].[３]张峰技创新与应用.应用ＳｐｒｉｎｇＢｏｏｔꎬ２０１７(２３):１９３改变ｗｅｂ－应用开发模式１９４.[Ｊ].科[４]何军理系统ꎬ陈倩怡[Ｊ].电脑编程技巧与维护.Ｖｕｅ＋ＳｐｒｉｎｇＢｏｏｔ＋ꎬＭｙｂａｔｉｓ２０１９(２):３１开发消费管－３６.作者简介:　责任编辑　杨　妍:徐弘涛(１９８１—)ꎬ本科ꎬ讲师ꎬ研究方向收稿日期:计算机教学:２０１９－０１－ꎮ２４