1、vue+springboot环境搭建
⼀、VUE平台搭建
1、在cmd中键⼊vue ui进⼊可视化的vue控制界⾯，选择新建项⽬。
2、⼿动创建配置：选择【Babel】【Router】。
3、安装插件【element ui】
image.png
4、安装依赖【axios】【less-loader】【less】
4.1、axios：前端通信框架，因为vue的边界很明确，就是为了处理DOM，所以并不具备通信功能，此时就需要额外使⽤⼀个通信框架与服务器交互；当然也可以使⽤jQuery提供的AJAX通信功能。
4.2、less-loader：⽤于加载.less⽂件，将less转化为css
5、在ui创建项⽬的⽬录下⾯到⼯程⽂件，⽤vscode打开。
image.png
6、在APP.vue中 删除多余分⽀、删除about.vue和home.vue⽂件，在index.js中删除相应分⽀。
7、项⽬架构如下
image.png
-public：存放⼀些公共的代码，index.html
-assets：存放⼀些静态⽂件，imgs、css
-components:⾃⼰写的vue组件
-plugins：创建项⽬时安装的组件，element-ui
jquery框架搭建
-router：导⼊.vue组件，路由配置⽂件。下⾯的index.js中配置了路由转发、重定向的细节。
-main.js：页⾯⼊⼝js⽂件，实现跨域请求，导⼊css⽂件
⼆、利⽤IDEA搭建springboot环境
1、IDEA快速搭建SpringBoot环境：File--New--Project--Spring Initializr--Next*2--选择模块【WEB（Spring WEB）&&SQL（JDBC API、MyBatis Framework，MySql Driver）】
image.png
image.png
3.3、编写xml映射⽂件，实现dao接⼝的查询功能。
注意：xml⽂件与dao接⼝⽂件要同名，否则会出现映射绑定失败的情况。
image.png

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。