需求:图书管理系统
实现功能:查询所有图书信息,新增,修改,删除图书信息;
开发工具
前端:Vue 3.0 + ElementUI
后端:springboot + springbootjpa
1)创建项目
执行命令vue ui打开UI界面,创建项目;
在idea中导入项目,idea中安装插件vue.js
后端创建springboot工程:
勾选下面工具
浏览器访问:
查询图书列表:http://localhost:8181/book/findAll
在vue工程中,安装axios组件
vue add axios
前端浏览器访问:http://localhost:8081/book
启动服务:
npm run serve
前端调用后端出现跨域报错:在8083服务请求8181服务,跨服务了,就存在跨域报错
在后端解决:
前端:
在vue ui中安装ElementUI插件