360°前后端分离项目实践分享分享人:PG8张小蛟一、引言二、什么是前后端分离五、前后端分离模式的关键环节六、前后端分离的常见问题七、实战:前后端分离实践三、为什么要前后端分离四、前后端开发人员职责股票简称:赛意信息股票代码:300687一、引言名词解释:MVC*Model(模型)-模型代表一个存取数据的对象或JAVAPOJO。它也可以带有逻辑,在数据变化时更新控制器。*View(视图)-视图代表模型包含的数据的可视化。*Controller(控制器)-控制器作用于模型和视图上。它控制数据流向模型对象,并在数据变化时更新视图。它使视图与模型分离开。股票简称:赛意信息股票代码:300687一、引言提出需求前端开发页面翻译成模版前后端对接二次集成后端返工前端返工集成遇到问题集成成功交付上线传统开发方式,可能如下这种方式目前在一些小项目或页面复杂度要求不高的项目中仍在使用。个人分析主要有以下缺点:*前端无法单独调试,开发效率低;*前端不可避免会遇到后台代码,例如:*耦合性太强。同时也会让前端增加“多余”的学习成本(重新学习如模板引擎的模板语法)*随着系统业务要求越来越多,复杂性越来越高。为提高开发效率,工作慢慢细化。因此,前后端分离的模式逐渐被提出并越来越受重视。股票简称:赛意信息股票代码:300687在浏览器中呈现静态资源CSSJavascript图片其他资源动态页面(生成的HTML)模板视图模型业务逻辑选择生成WEBSERVER一体式WEB架构示意图前后端分离式WEB架构示意图在浏览器中呈现其他静态资源静态页面HTMLJavascript动态DCOM业务逻辑处理STATICWEBSERVERAJAXWEBAPISERVER在传统的WEB应用开发中,大多数的程序员会将浏览器作为前后端的分界线。简单的从物理上作区分:•前端,将浏览器中为用户进行页面展示的部分称之为前端•后端,将运行在服务器,为前端提供业务逻辑和数据准备的所有代码统称为后端二、什么是前后端分离股票简称:赛意信息股票代码:300687二、什么是前后端分离客户端服务器RESTful1.交互形式3.开发模式2.代码组织方式4.数据接口规范流程提出需求前端开发页面翻译成模版前后端对接二次集成后端返工前端返工集成遇到问题集成成功交付上线前后端分离并不只是开发模式,而是WEB应用的一种架构模式。在开发阶段,前后端工程师约定好数据交互接口,实现并行开发和测试;在运行阶段前后端分离模式需要对WEB应用进行分离部署,前后端之间使用HTTP或者其他协议进行交互请求。然而作为一种架构模式,我们在实施的过...