基于BUI和SSH框架的学工系统的分析与设计

第30卷第3期2017年9月聊城大学学报（自然科学版）Journal of Liaocheng University (Nat. Sci.)Vol. 30 No. 3Sep. 2017基于B U I和SSH框架的学工系统的分析与设计0李宏志胡娜娜(滁州学院信息学院，安徽滁州239000)摘要针对某高校学工管理系统具体需求，通过对学工管理系统的特点和业务功能进行了分析，提出了基于B U I和S S H分层企业级应用系统架构方案，并应用该架构方案对学工管理系统 进行了分析和设计，并给出了关键功能的设计.基于S S H整合框架的多层应用系统架构能有效的提高系统的稳定性、扩展性和可维护性，通过对系统的测试表明应用该设计方案能完全达到相 关的指标要求.关键词B U I框架，学工管理系统，SSH框架，架构设计中图分类号 T P315文献标识码 A文章编号 1672-6634(2017)03-0093-07〇引言某地方应用型本科院校是集教学科研、技术培训、项目开发以及企业技术支持为一体的高等应用型本 科院校[1].随着高等教育的发展，学校办学规模的不断扩大，最初的办公管理系统存在管理复杂，业务效率 低下等弊端难以应对学校各项事业的发展.随着计算机技术的普及和对办公自动化要求的不断提高，对学 校内部的日常办公、信息管理、数据共享、移动办公、动态分析等功能提出了更高的要求.针对该系统的实际需求，考虑到系统的扩展性和可维护性，借鉴其他类似系统的研发经验，使用轻量 级的S S H框架作为系统的总体设计框架，解决复杂业务模型的分层解耦的问题.由于普通W e b页面存在 表现力不足，缺乏成熟的页面组件，开发难度大等诸多问题，系统选用B U I框架作为前端的界面框架，B U I框架是一款由阿里巴巴集团技术团队研发并开源的W e b前端框架，该框架具有视觉表现力强、使用 难度低、组件丰富、浏览器兼容性好、易于维护等特点[2].根据对学生管理工作的业务流程的调研以及对涉及到的相关技术的分析，本文阐述了一个基于B U I 和S S H架构的学工管理系统的设计与实现，研究了 B U I框架与S S H结合之后的系统的分层架构和各模 块之间的数据通信和交互.1主要技术1.1系统的架构设计本系统采用B/S模式，系统服务端采用SSH分层架构设计，前端的页面采用B U I框架设计用于实现 用户交互[3].如图1所示按照M V C的设计模式将系统划分为五层：视图层、控制器层、业务逻辑层、数据 接口层、数据持久化层.系统的视图层主要由B U I框架实现，包括系统界面的渲染和页面组件的生成以及 与服务端的数据交互.控制器层由Struts2框架实现，通过Struts,xm l文件配置用于处理用户请求的 Action，控制器负责接收来自视图层的用户请求，根据用户请求选择调用业务逻辑层的逻辑组件，业务逻①收稿日期：2017-04-18基金项目：安徽省网络工程专业省级综合改革试点项目（2012zy073)资助通讯作者：李宏志，E-mail:l〇7126〇932@.94聊城大学学报（自然科学版)第30卷辑组件负责处理相关的业务数据，并将数据返回给对应的视图层.Spring 框架负责管理系统业务逻辑组件，业务逻辑组件以 JavaBean 的形式配置在Spring 容器中，除此之外Spring 还负责 提供事物管理，缓冲池等功能以保证系统数据的完整性.数据持 久层由Hibernate 实现，作为系统的O RM 框架负责实现Java 对 象与关系数据库之间的映射，对象属性与数据表的列属性之间的 对应关系配置在* . 〇rm . xm l 文件中.采用分层结构能够有效的 降低系统各模块的之间的耦合度，采用组件式的开发方式将业务 逻辑代码划分成各自独立的组件，托管于Spring 容器中，这种分层 的架构设计使得源代码易于理解，保证系统的维护性和扩展性.1.2 BUI 框架与服务端的数据通信系统前后台的数据通信是B U I 框架与SSH 整合的一个关键 问题，处于视图层中的B U I 框架利用其自身的A jax 特性可直接 通过异步通信的方式来获取服务端的数据处理用户的请求.B U I 框架支持使用JSON 格式进行前后端的数据通信，早期 的A jax 使用X M L 格式作为数据通信的基本格式，随着JSON 的广泛应用其技术优点逐渐凸显[5]. JSON 具有传输数据量小，数据格式便于解析等优点，因此本系统采用 JSON 作为前后台数据通信的基本格式.使用JSON 格式进行前后端 通信的基本流程如下：如图2所 示，前端A jax 将用户的数据请求 指向控制层的Action 方法中，系 统运行时会自动将用户请求转发 到对应的操作方法中.在Action 中调用逻辑处理类得到的执行结果之后需要将结果转换为JSON图2前后端数据交互流程图格式，B U I 框架获取来自服务端的数据后，解析JSON 格式数据，并将解析后的数据显示到用户界面.前台利用A jax 请求后台JSON 格式数据并显示到页面的表格中的主要代码如.BUI . use ('common /main '，function () {//获取 json MYM . getJSONCXXX /hello . action % function (data ) { grid = new Grid . SimpleGrid ({ rendergrid %//显示 Grid 到此处 width ： 950, //设置宽度columns ：[{ title :学生编号％datalndex :'id %width :80}，//设置数据集的对应关系 { title :'学生姓名'，datalndex :'name '，width : 100}，{ t it le 入学时间％ datalndex : 'day '， width ：100 9视图层| BUI+JSP 页面控制层摩-------------------------------j___________________t __________________|控制器（Stm tS 2)业务逻辑层| Spring (I 0C 技术）数据接口层..................t ...................|D ao (数据操作接口）1数据持久层| Hibernate图1系统的分层架构设计Tenderer ： Grid. Format. dateRenderer} 9{title:学生家庭住址'，datalndex :'address'，w i d t h : 300}]}). grid, render ()；grid. showData(data) ；}). }).第3期李宏志等:基于BUI 和SSH 框架的学工系统的分析与设计952系统设计与分析学工管理系统学生奖助贫困勤工毕业信息学金生助学离校管理管理管理管理管理2.1系统功能设计高校学工管理系统包括：学生信息管理、奖助学金 管理、贫困生管理、勤工助学管理、毕业离校管理等基 本管理模块.要求涵盖完整的学生工作管理部门业务，协助高校规范学生工作管理部门的工作流程，实现在 线业务处理，为学生处老师、学生、各院系老师和辅导 员等提供统一的网上办公服务平台，系统的总体功能 模块设计如图3所示.系统的角色权限主要分为两类:学工处管理人员和在校大学生.学工处管理人员主要职责包括两部 分:第一部分，在线发布如发布功如发布奖学金申报，勤工助学岗位、毕业离校流程等与学生工作相关的信 息;第二部分在于相关业务流程的审核审批，如审批学生的勤工助学岗位申请、学生的毕业离校流程、奖助 学金申请以及学生基本信息的变更等.学生角色的权限主要包括学生基本信息的录入和修改，相关学工项 目的申请与查看，如勤工助学岗位的在线申请，奖助学金的申请等.系统用例图如图4,图5所示.图3学工管理系统功能模块图2.2数据库分析与设计数据库设计直接影响系统的设计与开发，因此数据库设计是系统设计的重点之一.选用M ysql 作为 系统的基础数据库，借助Powerdesigner 完成数据库的实体模型的设计.数据库模型的设计思路主要应用了软件模型模块化设计的思想[6].通过对系统所涉及的管理对象进 行抽象建立数据库的概念模型，分离出不同的数据表，通过数据表组织和管理系统中的信息.以学工处工 作人员为对象组成的实体关系如图6所示.以勤工助学岗位信息为例进行说明.勤工助学岗位表包括编 号、岗位名称、发布日期、岗位所属院系、岗位申请截止日期、申请条件、主要工作内容、招聘人数、薪酬以及 岗位当前所处的状态.本文设计了表1作为系统的勤工助学岗位表.96聊城大学学报（自然科学版)第30卷图6系统E-R图示例其他的表诸如学生基本信息表、奖助学金信息表、贫困生基本信息表等与表1类似，这里就不再赘述了. 2.3关键功能设计在学工管理系统中，由于涉及到用户角色较多，不同角色用户涉及的管理模块众多，因此对于用户的 登录权限的控制，系统在设计时使用Struts2的拦截器机制来控制不同用户的操作权限.用户在客户端发 出登录请求时，系统在执行Action的execute方法之前，Struts2会首先执行struts, x m l文件中引用的拦 截器，在执行完所有引用的拦截器的interceptO方法之后才真正开始执行Action定义的execute方法.框架中利用Struts2的拦截器进行权限控制的主要代码如下.public class Loginlnterceptor implements interceptor{第3期李宏志等:基于BUI和SSH框架的学工系统的分析与设计97public String intercept(Actionlnvocation invocat) throws Exception!HttpSession session^request. getSessionO ；String privilege^session. getAttribute(“Privilege”）//用户权限字段String return_viewif (privilege ==A U TH O R) {•••.//相关操作权限设置return_view =“authorview” ；}if (privilege ==STU) {…相关权限设置return_view =“studentview” ；}invocate. invokeO ;return return_view；}}.在Struts2中拦截器作为一个基本插件配置到对应的A ction中，在struts, xm l文件中基本的配置方法如下例所示：<!一拦截器的定义一一>〈interceptors〉〈interceptor name = ”LoginInterceptor” class =’’com. student. Loginlnterceptor”〉〈/interceptor〉〈/interceptors〉<action name=”Login”class=，，X X X.X X X.LoginAction，，>〈interceptor—ref = “Loginlnterceptor”/〉<!一一在Action中配置已定义的拦截器一一>......................................//其他与Action相关的配置〈/action〉.表1勤工助学岗位信息表序号字段含义数据类型备注1Id编号in t(ll)主键2job_name岗位名称varchar(64)3open_date发布日期datetime4depart岗位所属院系in t(ll)5end_date申请截止曰期datetime6apply_condition申请条件varchar(64)7work_content主要工作内容text8apply_num招聘人数in t(ll)9salary薪酬varchar(32)10status所处的状态samllint3系统的实现3.1视图层的实现系统的视图层采用JSP+B U I框架来实现，为了使用B U I框架编码开发，将B U I框架的相关发布包: dpi—min.css、bui—min.css、main,css、bui—min.js、config—min.js 等.在 BUI框架下，窗口、表单、表格98聊城大学学报（自然科学版)第30卷和菜单都是直接可以复用的组件，在开发的时候只需直接使用这些组件，就可以创建出富有表现力的用户 界面，相关文件的引入代码如下所示：<lin k href = "assets/css/dpi—min. css" rel= "stylesheet" type= "text/css" /><Clink href= "assets/css/bui—min. css" rel= "stylesheet" type= "text/css" /><lin k href = "assets/css/main, css" rel= "stylesheet" type= "text/css" /><Cscript type= "text/javascript" src= "assets/js/bui—min. j s"X/s c r i p t><script type= "text/javascript" src= "assets/js/config—min. j s"X/s c r i p t>〈script〉BUI. useCcommon/main% function() {var config — [{id:'menu'，menu： [{text^首页内容％items：[..........//菜单的定义]}];〈/script〉.3.2控制层的实现编写控制层类 LoginAction.java，StudentHelpAction.java和scholarship A ction,java等.这些控制类 用于接收来自视图层的h t t p请求，处理请求中传送过来的数据，并调用相关的业务逻辑组件完成对实 体类的增删改查，并将处理的结果返回给视图层.在Struts,xm l文件中配置Action，由于B U I框架与控制 器的交互的数据格式选用JSON，在配置Action的返回类型时应将result的type设置为JSON，使其返回 给视图层的是JSON格式的字符串.3.3业务逻辑层的实现系统在业务逻辑层使用的是面向接口的编程方式，而非是直接调用某个具体的实现类，首先编写业务 逻辑相关的接口，然后再编写对应的实体类来实现业务逻辑组件，通过接口调用的方式来实现业务逻辑层 的解耦[7].在系统的业务逻辑层使用Spring框架来管理业务逻辑实体类.因业务逻辑在各个模块中实现 思路基本是一致的，所以本文就已系统的勤工助学管理模块为例来介绍.编写业务逻辑层接口 Studen-tHelpService.java，在接口中定义关于实体类的增删改查4种操作，然后定义StudentHelpServicelmple. java来实现接口中定义的方法，最后将StudentHelpServicelmple类托管于Spring框架中，通过Spring工 厂来实现业务逻辑组件的调用.3.4数据持久层的实现根据系统的数据模型编写对应的实体类Student. java、StudentHelp. java、Schoolarship. java等及实 体关系映射文件 Student, orm. xml、StudentHelp. orm. xml 和Schoolarship. orm. xm l.具体的数据库连接 和释放等操作有Hibernate框架和数据库连接池来实现.具体来说对于学生信息实体Student类，首先定 义操作Student类的接口 StudentDao,而具体的操作由StudentDaoImple来实现.4系统的测试4.1测试环境的配置测试环境的配置按照下面基本步骤进行：（1)基础软件的安装:J D K和MyEclipselO. 2、Tomcat7. 5以及MySql5. 6;(2)将打包好的项目文件StuWorkOA.w ar拷贝到Tomcat服务器下面的Webapps目录 下面；（3)启动Tomcat服务器，访问系统的登录页面，完成注册及登录之后进入系统的主操作界面.4.2系统的功能测试以用户的信息管理模块为例进行测试，采用等价类划分法对模块进行测试，由于测试项较多只列出典 型的测试选项.如表2所示.第3期李宏志等:基于BUI和SSH框架的学工系统的分析与设计99表2系统用户管理模块测试表测试项目有效输入等价类无效输入等价类用户编号5到10位数字小于5位或大于10位数字登录密码包含数字和英文字母的6位字符串非数字和英文字母组成的6位字符串姓名4到15以内的字符小于4或超过15的字符院系部门数据库中所设定的院系部门所有非数据库中所设定的院系手机号码11位数字字符非11位数字字符电子邮箱带有@符号的有效的邮箱地址非带有®符号的字符串籍贯包含至少省市区的中文文本所有非包含省市区的中文文本经过不断测试，系统的用户管理模块工作正常，对于不同的用户输入响应结果与预期的结果保持一致.5结束语本文首先对学工管理系统的特点进行了分析与研究，提出了基于B U I前端框架、StrutS2、Sprin g、Hibernate整合框架的设计方案，设计和实现了一套完整的学工管理系统.经实践证明，该架构方案能够很好的实现各功能模块的解耦与分离，使系统具有很好的稳定性和扩展性，基本达到了系统的预期的设计目标.由于系统的基础设计方案的可扩展性和灵活性较好，因此对于后续的开发者而言能够根据不同院校和机构的需求定制和修改系统.参考文献[1]邱丽丽，陆源.基于ExtJS和SSH2架构的网上报销系统设计与实现[J].计算机应用与软件，2016，（9):76-79.[2]李雷孝，刘晓军，刘利民，等.基于SSH整合框架的科研项目管理系统的设计与实现[J].内蒙古农业大学学报：自然科学版，2012,(1)：210-214.[3]刘静，刑藏菊，龚凡蕾.基于S S H的高校M B A管理系统设计与实现[J].计算机应用与软件，2011，（11):261-263.[4]董萍.基于SSH框架的学工管理系统的设计与实现[J].周口师范学院学报，2015，（2):111-115.[5]陈遥，李珊，赵英男.基于SSH + D W R的W eb开发框架研究与应用[J].南京信息工程大学学报：自然科学版，2010，（5):455-460.[6]张鹏伟，陈景霞，张文平，等.基于ExtJS和S S H的W eb应用架构的研究与实现[J].陕西科技大学学报：自然科学版，2010，（6):111-115 + 123.[7]张建军，刘虎，倪芳英.基于SSH与Highcharts整合架构的W eb应用研究[J].计算机技术与发展，2013，（9):245-247.Design andlmplementationof Student Management Systembased on BUI and SSH FrameworkLI Hong-zhi HU Na-na(School of Computer and Information Engineering, Chuzhou University, Chuzhou 239000, China) Abstract Through the analysis of the university student management system requirements? and the characteristics and functions of the student management system is analyzed. Analysis and put forward theBUI and SSH layered enterprise application system architecture. Based on the architecture can designand imply a student management system easily. The new architecturecan effectively improve the system scalabilityand maintainability. Finally 9 the system was tested? and the results show that the system performance can reach the index requirements.Key words BUI framework,student management system, SSH framework, architecture design。