支持前后端分离的JavaScript开发框架的研究及在内容管理系统中的应用

发布时间：2017-12-23 04:05

本文关键词：支持前后端分离的JavaScript开发框架的研究及在内容管理系统中的应用　出处：《山东大学》2017年硕士论文　论文类型：学位论文

【摘要】：随着web应用开发模式的发展演变,前后端之间的耦合度逐渐降低,分工逐渐清晰,但各自的职责依然不够明朗。随着不同终端的兴起,用户不再满足于传统的浏览器端的体验,这就需要开发者针对不同终端开发出不同的版本。而优秀的web应用开发模式应该是后端负责业务逻辑,前端负责展现和交互逻辑,使得同一份后端代码搭配不同的前端展示,以符合用户的需求。与此同时Node.js发展迅速,很多前后端分离的尝试都是将Node.js作为中间层负责数据的处理和模板的控制,将这些部分从传统的后端中解放出来,但这依然只是一种折中的方案。Node.js拥有众多流行的开发框架,目前框架中的侧重点各不相同,却大多会在后端对前端模板进行控制,前后端耦合度依然很高。基于以上背景,论文以Node.js为基础构建了一套支持前后端分离、功能丰富的web开发框架,框架的研究重点集中在前后端分离和功能多样性两方面,框架前端通过路由和控制器负责数据的处理和模板的显示,框架后端则通过路由规则以及其他功能模块来对请求进行转发和处理,降低前后端的耦合度,使后端变得可扩展和可复用。同时又要重视框架的实用性,框架前端需要解决初始化页面中文件加载可能导致的延迟问题,以及增加部分常用的插件,而后端需要将许多常见的通用功能封装为各自独立的模块,以方便多处被调用,简化代码的同时又可以提高开发的效率,考虑到程序可能部署到不同机器上的情况,还要解决session存储带来的问题。论文的主要工作是设计并实现支持前后端分离的框架的前后端,使得框架作为具有丰富功能的基础开发框架可在应用开发中被调用,同时开发内容管理系统作为验证框架可用性的验证系统。具体工作如下:1.框架前端在AngularJS框架的基础上优化了框架性能并增加实现了常用的前端插件以丰富框架前端功能。增加并实现了文件按需加载功能,通过动态加载的方式解决框架前端原本存在的加载导致显示延迟问题;新增了通用的分页模块,实现了页面定制显示、通用页面文件以便调用以及具体的翻页初始化、翻页动作触发事件、请求获取数据等功能,使得分页模块可被多次调用;实现了树形插件、页面编辑器等常用插件,为前端开发提供便利和丰富的功能基础。2.框架后端同样在Express框架的基础上优化了框架架构并增加并实现了各种常用的业务模块以方便被多次调用。新增并实现了数据库操作模块作为数据库接口;开发并封装了分页和邮件发送等通用功能模块;通过redis缓存数据库解决多台机器环境的session存取问题并开发session存储模块,同时封装了 session存取操作;实现了登录验证模块以实现登录验证和注册验证功能。这些都使得后端变得可扩展,放弃了后端对于模板的控制,使得前端模板的改变不会影响到后端的业务逻辑处理。3.应用验证系统——内容管理系统为了对开发框架的实用性进行验证,同时还以框架为基础开发实现了内容管理系统,通过实现系统的权限管理、文章编辑等功能来验证框架前端各插件的可用性,系统数据存储、登录验证、信息显示等的实现则验证了框架后端功能的可用性。同时在后端基本不变的情况下改变系统的前端实现,验证了前后端的分离。
【学位授予单位】：山东大学
【学位级别】：硕士
【学位授予年份】：2017
【分类号】：TP311.52

【参考文献】