其他分享
首页 > 其他分享> > 项目整合 - 课程管理模块和课程内容管理模块

项目整合 - 课程管理模块和课程内容管理模块

作者:互联网

前后端分离架构

前后端分离已成为互联网项目开发的业界标准使用方式,将前端和后端的开发进行解耦。并且前后端分离会为以后的大型分布式架构、微服务架构、多端化服务(各种客户端,比如浏览器、车载终端、安卓、IOS等)打下坚实的基础。

前后端分离的核心思想就是前端HTML页面通过AJAX调用后端的API接口,并通过JSON数据进行交互。

接口文档

什么是接口文档

在我们的项目中使用的是前后端分离开发方式,需要由前后端工程师共同定义接口,编写接口文档,之后大家都根据这个接口文档进行开发,到项目结束前都要一直进行接口文档的维护。

为什么要写接口文档?
  1. 项目开发过程中前后端工程师有一个统一的文件进行沟通交流,并行开发

  2. 项目维护中或者项目人员更迭,方便后期人员查看、维护

接口规范是什么?

一个接口的描述至少包括下面几项:

methodName:"findCourseList";

{
"status": "0",
"msg": "success"
}

前后端耦合的缺陷 (以JSP为例)
  1. UI出好设计图之后,前端开发工程师只负责将设计图切成HTML,需要由Java开发工程师来将HTML套成JSP页面,修改问题的时候需要双方协同开发,效率低下。

  2. JSP页面必须要在支持Java的WEB服务器上运行(如Tomcat、Jetty等),无法使用Nginx等(官方宣称单实例HTTP并发高达5W),性能提升不上来。

  3. 第一次请求JSP,必须要在WEB服务器中编译成Servlet,第一次运行会较慢。 之后的每次请求JSP都是访问Servlet再用输出流输出的HTML页面,效率没有直接使用HTML高

前后端分离的优势
  1. 前后端分离的模式下,如果发现Bug,可以快速定位是谁的问题,不会出现互相踢皮球的现象

  2. 前后端分离可以减少后端服务器的并发/负载压力。除了接口以外的其他所有HTTP请求全部转移到前端Nginx上,接口的请求则转发调用Tomcat.

  3. 前后端分离的模式下,即使后端服务器暂时超时或宕机了,前端页面也会正常访问,只不过数据刷不出来而已。

  4. 前后端分离会更加合理的分配团队的工作量,减轻后端团队的工作量,提高了性能和可扩展性。

前端技术选型

前端技术说明
**Vue.js** 是一套用于构建用户界面的渐进式**JavaScript框架**
**Element UI库** element-ui 是饿了么前端出品的基于 Vue.js的 后台组件库,<br>方便程序员进行页面快速布局和构建
**node.js** 简单的说 Node.js 就是运行在服务端的 JavaScript 运行环境 .
**axios** 对ajax的封装, 简单来说就是ajax技术实现了局部数据的刷新,axios实现了对ajax的封装,

后端技术选型

后端技术说明
**Web层** a) Servlet:前端控制器<br />b) Filter:过滤器 <br />c) BeanUtils:数据封装
**Service层** a) 业务处理
**dao层** a) Mysql:数据库<br />b) Druid:数据库连接池<br />c) DBUtils: 操作数据库

标签:前后,前端,分离,接口,HTML,课程管理,模块,文档,课程内容
来源: https://www.cnblogs.com/zhf123/p/14403526.html