李 宇，刘 彬

（攀枝花学院，四川 攀枝花 617000）

1 概述

在互联网技术的发展过程中，前端开发在较长的一段时间不被重视，大多数前端人员也只是开发HTML和Css，前端没有自己的架构，甚至部分前端工作都由后台完成。但随着目前互联网的高速发展，对系统的要求变得十分高，软件系统的复杂性和软件体系规模也在不断地增长。在2017年双十一当天，淘宝系统页面浏览量（Page View，PV）达400亿次，涉及的软件系统大大小小达数百个模块。若还使用传统的前后端耦合的方式，那么注定会有大量重复的代码，当需要对一个功能修改时则需要将前后台都进行修改，代码管理难度上升，系统维护麻烦。根据这种情况，本文介绍目前解决此类问题的前后端分离的开发模式，并以一个项目演示前后端分离的基本结构。

2 发展历程

2.1 传统开发模式

在互联网发展过程中，有很长的一段时间软件开发模式都是使用的传统开发的模式。其特点是通过后台语言提供的模板来生成HTML页面，然后通过服务器将生成的页面返回给浏览器，由浏览器呈现给用户。以Java语言为例，在传统开发模式中，使用JSP作为模板引擎，JSP通过在HTML代码中使用Java代码或者特定的标签集合来封装动态逻辑。当客户端请求JSP页面时，服务器会将JSP编译成为servlet后执行。这样做的好处是开发效率较高，但是在JSP嵌入Java代码使得前后端逻辑耦合严重，前端人员在维护页面必须要会JSP，使得学习成本增高，并且项目上线后维护也十分不便。……