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

相关推荐
开维游戏引擎18 小时前
开维游戏引擎实例:五子棋
javascript·游戏·html·游戏引擎·ai编程
小钻风336618 小时前
Java函数式编程-lambda表达式
java·开发语言·python
wefly201718 小时前
告别繁琐配置!m3u8live.cn让 M3U8 链接验证变得如此简单
开发语言·前端·python·django·flask·开发工具
FL162386312919 小时前
使用html实现超炫登录界面和diango实现同样登录界面
前端·html
Han.miracle19 小时前
Spring IoC 与 DI 思想及实践详解
java
Irissgwe19 小时前
基础I/O
java·linux·前端
木易 士心19 小时前
Java中 synchronized 和 volatile 详解
java·开发语言·jvm
小码狐19 小时前
Spring相关知识【知识整理】
java·后端·spring
简单不容易19 小时前
【vue hooks】useScreenOrientation-获取屏幕方向并支持低版本系统
javascript·vue.js
巫山老妖19 小时前
多 Agent 协作实战:我用 3 只龙虾组了个「AI小分队」,效率直接翻倍
java·前端