4 系统的界面设计与实现
4.1 系统登录界面设计与实现
图 错误！文档中没有指定样式的文字。–11 登陆界面
登陆部分是用户接触到的第一个界面，用户选择账号类型：管理员和普通员工（默认是管理员）。选择后输入账号密码，如果账号密码正确则进入相应的页面即管理员主界面或者员工主界面,如同4-1所示。输入账号密码后会首先对输入的格式进行判断，比如员工账号对应的是员工编号，所以只能为整形，把这些可以不在数据库中进行判断的操作，都避免了，因为每一次操作数据库都要执行一次打开关闭的过程，其实比较消耗系统资源，也能一定程度避免恶意的破解系统的账号密码，保护数据库安全。这些基础的判断完成后，便会执行验证账号密码的操作,登陆界面流程图如图4-2所示。
图错误！文档中没有指定样式的文字。–12 登陆流程图
16
4.2 管理员主界面设计与实现
管理员主界面是整个系统的索引部分，如图4-3所示，登陆后即可可以执行管理员所有的操作：编辑员工信息、查看统计考勤界面、处理薪资奖惩、账号管理、合同管理、项目管理等等（图中因为位置有限所以部分流程图步骤没有显示出来）。注销功能是指关闭管理员界面，并且返回至登录界面，可以进行登录操作。
图4-3中，“toolstrip”控件上是管理员平时操作中常用的八个功能，从左至右分别是：1、员工信息：2、项目管理；3、薪资管理；4、绩效管理；5、考勤管理；6、账号管理；7、注销；8、退出。快速启动按钮上方“menustrip”控件包含本系统软件所有的功能，除了快速启动栏里的功能外，还有以上几个功能的查询、记事本、发布通知等。
本套软件设计的时候使用show()方法在MDI容器内打开各个子窗体，所以所有功能都能同时打开，并在窗体直接进行切换，本界面美观大方，操作简便，主要操作的流程图如图4-4所示。
图错误！文档中没有指定样式的文字。–13 管理员界面图
17
图 错误！文档中没有指定样式的文字。–14 管理员主界面流程图
4.3 信息录入界面设计与实现
图 错误！文档中没有指定样式的文字。–15 员工信息编辑界面
18
图错误！文档中没有指定样式的文字。–16 员工信息查询页面
员工信息编辑页面和员工信息查询页面构成了系统的员工信息录入功能，这部分主要作用是负责员工信息的录入，录入时会对员工的信息进行初步判断，比如身份证号的位数，邮箱格式，手机号的位数等等，员工信息编辑和查询界面如图4-5和4-6所示。出于实际情况中员工信息的严谨性考虑，员工信息的各个属性字段都是非null类型，员工ID是员工信息表主键，也是整个系统中唯一的身份标识。账号信息、用户的考勤、薪资、项目都是建立在员工ID这个标识的基础上。信息输入流程图如图4-7所示。
19
图错误！文档中没有指定样式的文字。–17 信息输入流程图
4.4 绩效考评系统界面设计与实现
图错误！文档中没有指定样式的文字。–18 绩效考核界面
图错误！文档中没有指定样式的文字。–19 绩效查询页面
20