郭 蕊 赵元苏

(北京工业职业技术学院 电气与信息工程学院，北京 100042)

0 引言

随着互联互通的快速发展，Web应用不断推陈出新，Web前端技术发挥着举足轻重的作用。如今智能化设备全面普及使得Web前端页面越来越复杂，从视觉体验到对用户的友好交互、技术特效等的要求越来越高，系统的维护要求不断提升。前端技术的不断演进，也带来了前端开发模式的不断改进，在基于前端开发逐渐趋于复杂性的背景下，Web前端框架技术也成了人们关注的焦点。大多数的Web框架提供了一套开发和部署网站的方式，实现了数据的交互和业务功能的完善。开发者使用Web框架只需要考虑业务逻辑，因此可以有效地提高开发效率。

1 Web前端的框架模式

在Web发展早期，页面的展示完全由后端PHP,JSP控制。Ajax技术的出现给用户带来了新的体验，前后端通过Ajax接口进行交互，分工逐渐清晰，伴随着JavaScript技术的革新[1]，浏览器端的JavaScript代替了服务器端的JSP页面，其可以依靠JavaScript处理前端复杂的业务逻辑,但是代码的复杂度仍然很高，因此为了提升开发效率，简化代码，便于后期维护，在开发中应用分层的架构模型应运而生。

1.1 MVC框架模式

MVC(Model View Controller)框架模式即为模型(Model)、视图(View)和控制器(Controller)的分层模式。模型层用于处理数据的部分，能够直接针对相关数据进行访问，针对应用程序业务逻辑的相关数据进行封装处理；视图层能够显示网页，由于视图层没有程序逻辑，因此需要对数据模型进行监视和访问；控制层主要体现在对应用程序流程的控制，以及对事件的处理和响应上。……