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 查询用户信息界面最终展示效果

相关推荐
执笔画流年呀6 分钟前
如何用Navicat来创建表
java·mysql
好家伙VCC13 分钟前
**发散创新:基于以太坊侧链的高性能去中心化应用部署实战**在区块链生态中,*
java·python·去中心化·区块链
邂逅星河浪漫16 分钟前
【JavaScript】==和===区别详解
java·javascript·==·===
kvo7f2JTy16 分钟前
吃透Linux/C++系统编程:文件与I/O操作从入门到避坑
java·linux·c++
_MyFavorite_17 分钟前
JAVA重点基础、进阶知识及易错点总结(35)注解与反射
java·开发语言·tomcat
TON_G-T23 分钟前
useEffect为什么会触发死循环
java·服务器·前端
妙蛙种子31124 分钟前
【Java设计模式 | 创建者模式】工厂方法模式
java·后端·设计模式·工厂方法模式
Aurorar0rua29 分钟前
CS50 x 2024 Notes C - 02
前端
tHeya06II44 分钟前
涵盖 Cursor、Claude Code、Skills
java·服务器
kim_puppy1 小时前
TCP的三次握手,四次挥手
java·网络·tcp