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

相关推荐
Up九五小庞10 分钟前
开源埋点分析平台 ClkLog 本地部署 + Web JS 埋点测试实战--九五小庞
前端·javascript·开源
vx_BS8133029 分钟前
【直接可用源码免费送】计算机毕业设计精选项目03574基于Python的网上商城管理系统设计与实现:Java/PHP/Python/C#小程序、单片机、成品+文档源码支持定制
java·python·课程设计
2601_9498683629 分钟前
Flutter for OpenHarmony 电子合同签署App实战 - 已签合同实现
java·开发语言·flutter
摘星编程34 分钟前
React Native + OpenHarmony:UniversalLink通用链接
javascript·react native·react.js
qq_177767371 小时前
React Native鸿蒙跨平台数据使用监控应用技术,通过setInterval每5秒更新一次数据使用情况和套餐使用情况,模拟了真实应用中的数据监控场景
开发语言·前端·javascript·react native·react.js·ecmascript·harmonyos
达文汐1 小时前
【困难】力扣算法题解析LeetCode332:重新安排行程
java·数据结构·经验分享·算法·leetcode·力扣
培风图南以星河揽胜1 小时前
Java版LeetCode热题100之零钱兑换:动态规划经典问题深度解析
java·leetcode·动态规划
烬头88211 小时前
React Native鸿蒙跨平台应用实现了onCategoryPress等核心函数,用于处理用户交互和状态更新,通过计算已支出和剩余预算
前端·javascript·react native·react.js·ecmascript·交互·harmonyos
启山智软1 小时前
【中大企业选择源码部署商城系统】
java·spring·商城开发
我真的是大笨蛋1 小时前
深度解析InnoDB如何保障Buffer与磁盘数据一致性
java·数据库·sql·mysql·性能优化