人事管理项目-部门员工信息的录入代码实现 后端接口实现前端实现1.修改菜单名称2.修改AddDept页面 后端接口实现 在DeptController类中以插入方式添加接口,代码如下: 前端实现 1.修改菜单名称 在路由中修改菜单名称,并将组件PageOne.vue改名为DeptManager.vue,将组件PageTwo.vue改名为AddDept.vue,代码如下: 2.修改AddDept页面 添加页面的布局,使用Element组件中的Form表单来实现,如图 页面布局成功后精简AddDept页面代码,并使用Axios将页面添加数据提交到后端项目添加接口,代码如下: 经过上面配置后,部门员工的录入功能就实现了。