2021-11-18_学习B站Spring Boot+vue项目step002

2. 前端页面UI框架的搭建、布局、样式、按钮表格

2.1 为避免手写css样式，我们使用element框架，element对vue 3进行的升级：element-plus。

npm install element-plus --save

2.2 头部定义，我们定义了Header组件。

2.3 左侧导航栏。使用Menu菜单组件。

idea快捷注释：输入文字注释后，“Ctrl+/”。

2.4 右侧的表格。Home.vue是我们这个项目里的主体区。增删改查、分页。

目前我的进度是学习完了教程的P1：前端页面UI框架的搭建、布局、样式、按钮表格，跟着UP主老师的进度在本地开发。

下一节P2内容：整个系统细节的完善、登录注册、后台代码、前后端数据交互。