项目开发11:用户界面功能的实现

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

今天我将带来用户操作页面的具体实现代码。

1. 首先是职员调度，也就是用户权力的修改。

UserDao接口中先定义下述2种方法。 User selectById(int userId);

void upd(int id,String role);

selectById是拿来根据当前行的id来获取当前行的User对象的。 upd就是用户权力的修改的主要方法，根据传进来的id和下拉框选择的权力，来进行对用户权力的修改，那么，接下来进行具体讲解。

UserController中的upd方法要先拿到当前的id和role并通过service方法调用，将success的响应数据传给前端代表响应成功了。

在前端页面中，我们就要用上我们亲爱的element-ui了。

<el-select v-model="user.role">
 <el-option value="1" label="普通员工"></el-option>
 <el-option value="2" label="馆长"></el-option>
 <el-option value="3" label="书目管理员"></el-option>
 <el-option value="4" label="总管理员"></el-option>
</el-select>

通过上述方法进行下拉框的选择

在完成调度的按钮绑定方法传入userId和role，要是role为普通员工，那么i变为1并传给后端，以此类推，通过url:"http://localhost:8080/Books/user/upd?id="+j+"&role="+i, 将值传给后端进行修改，这样子在点击完成调度后就可以完成相应角色的权力修改。

2. 删除角色:跟删除图书差不多，先在Dao中定义删除方法，形参为用户id，再根据用户id传到数据库进行相应的删除，编写Delete方法来进行传参，这样子就可以接收前端发过来的id，进行删除

这一节就是这样了，下一节我将带来用户的添加和在前面的图书修改中改进的地方。项目还很久很多，道阻且长，行则将至。