项目开发10:用户页面的书写

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第8天，点击查看活动详情

当当当，我又来辣。今天完成的业务需求是馆长进入系统后除了普通职工的功能外还可以进行职工的调度及管理功能。

1. 现在，需要操作的是用户类了，而不再是前面的书籍类了。因此，我们先创建出User的实体类。将各种getset方法还有toString方法等等全部一股脑添入。
2. 创建UserDao接口用来操作用户的增删改查。在UserDaoImpl实现UserDao接口方法并进行相应逻辑的写入。
3. 首先是查询所有用户的代码，这与之前查询所有图书的代码类似，因此这里不再赘述。
4. 在UserController类中进行查询所有的方法书写，这跟之前的也很类似。
5. 创建一个方法存放在工具类中专门用来将值转为json数据，这样子就可以使用json数据将值轻松的传到前端。
6. 在前端页面中现在mounted也就是先渲染查询所有得到的结果。注意:在这里，用户权力我是用下拉框进行选择的

有关用户权力的修改，删除用户，用户添加我将在下一节进行讲述。

7. 这过程中需要注意的问题是:有很多细节的地方需要去注意，比如说:vue的区域大小。
8. 在用户权力的修改，我会使用element-ui来进行开发，element-ui十分好用，解决了我很多问题。element-ui的插槽可以轻松的取到当前行的id，也就是说可以十分方便的进行修改和删除的操作。对于各种知识我们都可以玩一玩，万一产生了浓厚的兴趣并且去深入，那么肯定会很爽。下一节我就会贴出上述功能实现的具体代码。