HRS--人力资源系统(Springboot+vue)--打基础升级--(三)查询用户信息

接上一集已经写了好导航侧界面,现在写个导航侧功能中的查询用户信息

  1. 首先写一个员工信息vue,嗯 就叫employee.vue

  2. 特地预留了右边的空白位置是用来展示数据的,所以我们要做子目录的一个关联,其次记得做地址的路由

3. Vue 安装axios,封装request

npm i axios -S 安装成功

简单的封装了下,更详细的可以网上搜搜:

问题大bug:<el-table-column>突然在页面上显示不出来,组件加载都是正常的,也import了,查了N多资料才知道。

查询发现是 "element-ui":版本高了,改成低版本些就可以正常展示,如2.9.2版本

4 看界面展示结果图:

有2个样式问题:一个是最上面的请输入查询工号这一行应该靠左的,一个是操作没有数据的情况下不应该显示这2个按钮

5 查询用户信息界面最终展示效果

相关推荐
loveLifeLoveCoding7 分钟前
Java List sort() 排序
java·开发语言
草履虫·13 分钟前
【Java集合】LinkedList
java
AngeliaXue15 分钟前
Java集合(List篇)
java·开发语言·list·集合
世俗ˊ16 分钟前
Java中ArrayList和LinkedList的比较
java·开发语言
zhouyiddd21 分钟前
Maven Helper 插件
java·maven·intellij idea
攸攸太上29 分钟前
Docker学习
java·网络·学习·docker·容器
一只欢喜30 分钟前
uniapp使用uview2上传图片功能
前端·uni-app
Milo_K37 分钟前
项目文件配置
java·开发语言
码java的秃头阿姨37 分钟前
SpringBoot设置mysql的ssl连接
spring boot·mysql·ssl
程序员大金41 分钟前
基于SpringBoot+Vue+MySQL的养老院管理系统
java·vue.js·spring boot·vscode·后端·mysql·vim