前后端分离架构说明

HTML、CSS、JS

APP

返回数据

获取静态页面运行JS请求后端数据填充到页面中

前后端分离架构的说明1.目前来看，现有系统通过架构升级能满足横展需求。2.从长远来看，前后端分离架构更符合系统迭代与发展，原因见上述推荐方式具体说明，作为此次升级必然带来改造成本。

推荐方式前后端分离：        1)减轻了动态服务器的压力，将静态内容请求分离出来，术业有专攻，让专业的服务器干专业的事；        2)摆脱了后台开发既当爹又当妈的现状，专心从事后台框架和业务的开发，进行更精准的单元测试；        3)前台代码更加规范化，模块化，让前端逻辑更清晰明了；        4)项目解耦，前台有bug启前台，后台有bug启后台，各用各的IDE；        5)支持更高的用户量，方便应用拓展，更好的用户使用体验。

浏览器

请求数据

请求静态页面

返回静态文件

对外提供统一API根据请求操作数据返回所需数据（JSON、XML）不负责前端页面处理

后端开发

应用服务器

静态文件服务器

目前的方式

改造成本以简单页面1天、复杂页面3天进行估算

JSP

数据库

请求数据在界面中展示