Vue整合SpringBoot项目实战之Vue+Element-Ui搭建前端项目

末蓝、 2023-03-01 10:05 19阅读 0赞

# Vue整合SpringBoot项目实战之Vue+Element-Ui搭建前端项目 #

![在这里插入图片描述][20200723201518267.gif]

**源码（欢迎star）**：

*  [前端项目代码][Link 1]
 *  [后端项目代码][Link 2]

**系列文章**：

1.  [Vue整合SpringBoot项目实战之后端业务处理][Vue_SpringBoot]
2.  [Vue整合SpringBoot项目实战之动态路由处理][Vue_SpringBoot 1]
3.  [Vue整合SpringBoot项目实战之Vue+SpringBoot][Vue_SpringBoot_Vue_SpringBoot]
4.  [Vue整合SpringBoot项目实战之Element-ui组件][Vue_SpringBoot_Element-ui]
5.  [Vue整合SpringBoot项目实战之解决前后端分离的跨域问题][Vue_SpringBoot 2]

## Project setup ##

npm install

### Compiles and hot-reloads for development ###

npm run serve

### Compiles and minifies for production ###

npm run build

### Customize configuration ###

![aixin3](C:\Users\董鹏超\Desktop\Vue实现前后端分离\笔记\images\aixin3.gif)vuetest01
    ├─ .gitignore
    ├─ babel.config.js
    ├─ package-lock.json
    ├─ package.json
    ├─ public
    │  ├─ favicon.ico
    │  └─ index.html
    ├─ README.md
    └─ src
       ├─ App.vue
       ├─ assets
       │  └─ logo.png
       ├─ components
       │  └─ HelloWorld.vue
       ├─ index.vue
       ├─ main.js
       ├─ plugins
       │  ├─ axios.js
       │  └─ element.js
       ├─ router
       │  └─ index.js
       ├─ store
       │  └─ index.js
       └─ views
          ├─ About.vue
          ├─ AddStu.vue
          ├─ Home.vue
          ├─ PageFour.vue
          ├─ StuManage.vue
          └─ UpdStu.vue

[20200723201518267.gif]: /images/20230209/2c66f2103a744093bb3b59004f528705.png
[Link 1]: https://github.com/Relyonyou/Vue-Element-UI-demo
[Link 2]: https://github.com/Relyonyou/Vue-SpringBoot--demo
[Vue_SpringBoot]: https://blog.csdn.net/qq_45077173/article/details/107546914
[Vue_SpringBoot 1]: https://blog.csdn.net/qq_45077173/article/details/107546832
[Vue_SpringBoot_Vue_SpringBoot]: https://blog.csdn.net/qq_45077173/article/details/107546812
[Vue_SpringBoot_Element-ui]: https://blog.csdn.net/qq_45077173/article/details/107546764
[Vue_SpringBoot 2]: https://blog.csdn.net/qq_45077173/article/details/107542793