IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> SpringBoot+Vue项目实现思路 -> 正文阅读

[JavaScript知识库]SpringBoot+Vue项目实现思路

	首先,先来讲讲最重要的前端和后端整体的实现的一个思路。
	前端要实现功能的图形化,也是必然要实现的,不然后端的功能就不能被我们所看到。
	通过前端页面的调转,接而去调动后段的接口。对接接口的实现是项目中十分重要的部分。也就是在后端中,我们需要用
@RequestMapping(“/接口”)
	来在controller层中的类和里面的方法,
	上面加上这一个部分,以方便前端调用,前端好几种的调用方式,我列举其中的一种,前端的页面属性中 methods中
this.$http.post("test")
	这里面的这个$http 的挂载方式是axios,axios可以实现前后端页面的一个交互,可以在vue-cli中来下载这个插件,使用方式就是需要
	在main.js中导入它 ,并且在下面加上
Vue.prototype.$http=axios
axios.defaults.baseURL="http://localhost:9000"
	9000是默认的端口号,用于和后端做一个跨域和交互,另外需要提一下的是,每一个服务器中有几万个端口,每个端口里又有无数个接口,
	所以这第一步,实现跨域是非常重要的,端口号要首先完成映射,然后再是第二部,连接接口。8080映射9000端口,接着在Vue页面中,
	浏览器翻译html语言,通过上面来调用接口。只要语法方面没什么太大的问题,就可以实现前后端的交互了。 接着就是Vue中的一些问题
	,Vue中有component,olugins,router,views,这些部分,其中router中是做每一个接口的调用,比如你在
local host:8080/login
	这种类似的,/login这一部分就需要在router中去定义,并且,SpringBoot中的
@RequestMapping(“/接口”)
	也是可以用来做这一个部分的功能。

有不对的地方,欢迎评论区修正

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-07-13 17:22:27  更:2021-07-13 17:24:08 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/4 14:16:53-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码