1:axios是什么?
2:准备工作:
- 安装axios:npm install axios
- 或者直接使用在线的cdn:
- 我这边是结合了element UI来做的一个表格提交和查看与删除的数据
- *数据库创建表语句:
在springboot中创建数据库表的实体类 :
创建mapper接口:
编写对应的mapper.xml文件:
再写server层:
和实现类:
这边在vo层写一个类来做个标记 用来查看方法是否成功:
最后写Controller层:
这边springboot代码写好了
编写vue代码:
先创建一个vue项目 可以参考我的之前的element UI的第一个项目:
- *Element UI的第一个程序(标签使用) - java小白名叫杰 - 博客园 https://www.cnblogs.com/yunjie0930/p/14563139.html
main.js配置中配置为一下代码:
App.vue:这边这样写是为了让页面都有这个配置:
注册路由:因为我的文件名叫Add.vue和Index.vue:
最后写出我们的Index.vue文件:
编写表单Add.vue文件:
记录一下成长过程 加油!!!
Original: https://www.cnblogs.com/yunjie0930/p/14571153.html
Author: 小杰i
Title: Spring Boot结合Element UI前后端分离的aixos的简单操作
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/576414/
转载文章受原作者版权保护。转载请注明原作者出处!