1.4.3 第三阶段

1.4.3 第三阶段

实现:员工管理模块包括员工入职,员工调岗,员工信息管理页面。

分析员工入职,需要用户填入信息,可以使用EasyUI 表单控件,员工调岗页面和员工信息管理页面,用表格展示所有的调岗数据和员工信息,使用EasyUI 的Datagrid数据表格可以实现。

(1) 新建html文件,命名为:StaffEntry.html实现员工入职页面设计,在新建文件中编写如下代码:

最终效果如图1.7所示。

图1.7 员工入职页面

(2) 新建html文件,命名为:StaffTransfer.html实现员工调岗页面设计,在新建文件中编写如下代码:

最终效果如图1.8所示。

图1.8员工调岗页面

(3) 新建html文件,命名为:StaffInforManagement.html实现员工信息页面设计,在新建文件中编写如下代码:

最终效果如图1.9所示。

图1.9 员工信息