2024年4月12日发(作者：)

员工账户列表

一、页面设计

员工账户列表页面主要是列出员工的所有信息，并能查看和编辑每个员工的详细信息，所以需要完成2

个页面的设计，第一个是“员工账户列表”页面如图4-19所示，第二个是“编辑员工信息”如图4-20所示。

图4-19 员工账户列表

图4-20 编辑员工信息

1．员工列表页面

打开“解决方案资源管理器”目录下的“”页面，进入设计界

面，从工具箱里添加一个“GridView”控件到页面，修改该控件的ID为“grdEmployees”，按照数据库表

“UsersInfo”编辑各字段，最后添加一个名为“操作”的模版列，完成的控件如图4-21所示。

图4-21 添加“GridView”控件

其中“操作”模版列添加了2个图标按钮，分别用来跳转到“编辑员工详细信息”和“编辑所属角色”

两个页面，同时将每个按钮绑定“UserId”字段，便于跳转时传递员工编号。绑定设置如图4-22所示。

图4-22 绑定“UserId”字段

对应的代码如下：

Width="100%" CellPadding="4" ForeColor="#333333" GridLines="None">