springboot-vue-后台管理系统-前端部分

lamirs2023年1月27日大约 2 分钟

上一级页面：springboot-vue-后台管理系统
本系列关注前端部分,根据学习路线图达到学习Vue.js的目的
developer路线图developer-roadmap/translations/chinese at master · kamranahmedse/developer-roadmap

前言

前端我使用尚硅谷提供的模板文件，自己引入vue-js，对其做一些改造，

一方面是练手vue-js，我的vue.js刚刚学完基础部分，改造这个难度刚刚好，能够拿来练手。可以当作Vue.js的Demo项目来做
另外一方面是考虑到前后端分离的大环境，只有后端程序员还在用Thymeleaf。所以用vue.js来做前端是有必要性的

基础知识

需要先学习vue的基础知识，见vue-js-学习索引

基础语法+代码编写量+练手

在本节我们复习了大部分vue的基础语法，有了一定的代码编写量，最终以一个封装好的Vue分页组件作为结尾。

springboot-vue-后台管理系统-前端部分-p1-基础语法-代码编写量-练手

接下来的工作-ui库技术选型

剩下的部分就是将前面小节学习到的内容用在接下来的开发过程中，是从业务层面考虑问题，而不是技术层面。

偏向业务，实际开发的，可以尝试antdesign、element-plus、vant
想要体验单人开发的爽快感觉，可以使用quasar、Vuetify
在擅长场景中：PC端用ant design，elmentui。移动端用vant。多端用vuetify，quasar。全套用uniapp。(PC中后台用iview)

综上，本文接下来使用element-plus