简要介绍
【【2020版】4小时学会Spring Boot+Vue前后端分离开发】https://www.bilibili.com/video/BV137411B7vB?vd_source=63e3491e19d2e508b4778a57ebd65ccf
传统模式
前后端分离
前端:负责数据应用和用户交互
后端:负责数据处理接口
前端HTML-->Ajax-->RESTful后端数据接口
vue前端:
只有一个主窗口App.vue
<template>
<div>
</div>//只允许有一个根节点
html
</template>
<script>
js
export default{
name:'Manager',//页面path名字
data(){
return{ }
}
}
</script>
<style>
css
</style>
router:配置页面跳转
application.yml:数据库配置
Ajax
AJAX=Asynchronous JavaScript and XML(异步的js和xml)
Ajax:一种无需重新加载整个网页的情况下,能够更新部分网页的Web浏览器技术。通过在后台服务器进行少量的数据交换即可以实现异步局部更新
Json
一种文本规范或字符串规范,方便表示一种树结构
表示形式
优点:简单灵活的表示树形结构的数据
程序中使用Json数据,需要特定方法转换为对象变量才能使用