简要介绍

【【2020版】4小时学会Spring Boot+Vue前后端分离开发】http://www.bilibili.com/video/BV137411B7vB?vd_source=63e3491e19d2e508b4778a57ebd65ccf

传统模式

前后端分离插图

前后端分离

前端:负责数据应用和用户交互

后端:负责数据处理接口

前端HTML–>Ajax–>RESTful后端数据接口

前后端分离插图(1)

vue前端:

只有一个主窗口App.vue



//只允许有一个根节点
html



css

router:配置页面跳转

application.yml:数据库配置

Ajax

AJAX=Asynchronous JavaScript and XML(异步的js和xml)

Ajax:一种无需重新加载整个网页的情况下,能够更新部分网页的Web浏览器技术。通过在后台服务器进行少量的数据交换即可以实现异步局部更新

Json

一种文本规范或字符串规范,方便表示一种树结构

表示形式

前后端分离插图(2)

优点:简单灵活的表示树形结构的数据

前后端分离插图(3)

前后端分离插图(4)

程序中使用Json数据,需要特定方法转换为对象变量才能使用

前后端分离插图(5)

Axios

XML

Nodejs

Promise

本站无任何商业行为
个人在线分享 » 前后端分离
E-->