前情回顾

在上一讲中，我们完成了部门管理的完整实现，包括：

• 搭建了左树右表的经典布局，左侧显示部门树，右侧显示子部门列表
• 实现了部门的新增、编辑、删除功能
• 支持子部门的管理，形成完整的部门层级体系

本节我们将基于部门管理，实现人员管理功能，进一步完善组织架构体系。人员管理是企业管理的核心部分，涉及员工信息的维护、部门归属的管理等重要功能。

本节目标

• 数据模型设计：创建人员管理所需的数据模型
• 页面布局搭建：使用低代码组件实现人员管理界面
• 核心功能实现：包括人员的新增、编辑、删除、查询等功能
• 部门关联：实现人员与部门的关联管理

---

第一步：数据准备

1.1 数据源配置

首先，创建名为Users的数据模型，包含以下核心字段：

字段名称	字段标识	类型	说明
姓名	name	单行文本	员工姓名
工号	employee_id	自动编号	唯一工号
部门ID	department_id	关联关系	关联到Departments表
手机号	phone	电话	联系电话
邮箱	email	单行文本	电子邮箱
入职时间	hire_date	日期	入职日期
状态	status	枚举	1: 在职, 2: 离职, 3: 休假
创建时间	created_at	日期时间	自动生成
更新时间	updated_at	日期时间	自动更新

第二步：页面布局搭建

2.1 页面整体布局

点击创建页面的图标

输入页面的名称人员管理，布局选择管理员布局

切换到页面布局，选择管理员布局，添加平级菜单

添加人员管理菜单

2.2 数据表格配置

在管理员布局的内容插槽下添加布局组件

修改标题，改为人员管理

在页面布局中添加数据表格组件

数据模型选择用户表，勾选场景

2.3 配置查询条件

点击筛选器，给表格配置查询条件

添加具体的查询条件

2.4 配置排序字段

默认是按照更新时间进行排序，我们按照创建时间的倒序进行排序

---

最终效果

1. 完整的人员管理界面：包含搜索栏、操作按钮和数据表格
2. 功能完整：支持人员的新增、编辑、删除、搜索和部门筛选
3. 交互流畅：表单弹窗操作便捷，数据更新实时可见
4. 视觉效果：布局清晰专业，操作按钮位置合理，用户体验良好

---

总结

本节我们基于部门管理，成功实现了人员管理功能，包括：

1. 数据模型设计：创建了Users数据模型，包含员工的核心信息字段

2. 页面布局搭建：使用低代码组件实现了专业的人员管理界面，包括搜索栏、操作按钮和数据表格

通过本讲的实现，我们构建了一个功能完整、交互流畅的人员管理系统，与部门管理一起形成了完整的组织架构体系。这种低代码实现方案不仅开发效率高，而且代码结构清晰，易于维护和扩展。

下一步，我们将基于人员管理，实现岗位管理功能，进一步完善组织架构体系的建设。