用户管理页面布局

合集 - 第一个springboot项目(37)

1.期末项目--基于springboot开发的员工管理系统数据库2023-06-282.node.js的删除安装及vue-admin-template的下载2023-06-283.前端菜单初始化2023-06-294.登陆页修改2023-06-285.前端项目初始化2023-06-286.前端项目创建2023-06-287.注销接口2023-07-038.获取用户信息接口2023-07-029.登录接口2023-07-0210.公共响应类2023-07-0111.Mybatis-plus代码生成2023-06-3012.创建后端项目2023-06-2913.登陆接口梳理2023-06-2914.标签栏导航2023-06-2915.删除功能2023-07-0616.用户修改 2023-07-0617.密码加密2023-07-0618.表单提交2023-07-0619.表单验证2023-07-0620.新增接口&页面布局2023-07-0521.用户列表查询对接后端2023-07-0522.用户列表查询接口2023-07-05

23.用户管理页面布局2023-07-04

24.前后端对接2023-07-0325.遗留小问题2023-07-1126.jwt整合2023-07-1227.角色权限设置显示2023-07-1528.角色管理2023-07-1429.Swagger整合2023-07-1430.jwt验证拦截器2023-07-1331.用户角色修改&删除2023-07-1632.用户角色回显2023-07-1633.用户角色提交2023-07-1634.用户角色选项2023-07-1635.角色权限修改&删除2023-07-1636.角色权限回显2023-07-1537.角色权限新增提交2023-07-15

收起

1. 观察前端项目

写一个用户管理页面,做查询系统,新增

2. 查询部分

2.1.打开Element官网,查看相关的组件

2.2. 在user.vue文件中删除“用户管理”，放一个卡片样式进去

2.3. 两端间距，改大一些，修改section.app-main

2.4. 搜索栏缩短,加上搜索图标和新增图标

2.5. 将新增按钮放到右边,运用Layout布局

3. 结果列表

3.1. 增加两个el-card之间的距离

3.2. 增加表单

出现了点问题,没有定义

定义它

继续增加

4. 分页组件

改中文