第4章 系统设计
4.1 系统设计的原则
在系统设计过程中,也需要遵循相应的设计原则,这些设计原则可以帮助设计者在短时间内设计出符合设计规范的设计方案。设计原则主要有可靠性,安全性,可定制化,可扩展性,可维护性,可升级性以及客户体验等原则。下面就对这些原则进行简要阐述。
可靠性:一个软件是否可靠决定了其是否被用户使用,设计不可靠的软件,用户很容易就遗弃;
安全性:程序软件承担了信息的保存与管理等事务,安全性不足的软件会导致使用者承担巨大的损失;所以系统安全也是需要考虑进入的;
可定制化:市场环境从来都不是一直固定不变,面对客户群体的改变,以及使用环境的改变,市场需求的改变等因素,程序软件也要易于调整以适应各种变化;
可扩展性:程序软件在运行使用期间,也需要及时引进当下的新技术来进行系统优化,主要就是在系统功能层面,系统性能层面上进行相应的扩展,只有这样才能让系统在实际生活中继续占有市场;
可维护性:程序软件的维护需要一定量的资金,不管是排除现有程序错误,还是变更软件的现有需求,都需要在软件技术上投入一定资金,所以易于维护的软件程序就可以降低技术层面的资金消耗;
可升级性:程序软件的投入使用,会面临用户数量增多的情况,用户对软件的使用率也会提升,所以系统面临这种情况,仍然需要通过升级保持性能的合理,这样才能够适应市场;
客户体验:设计出来的程序软件在界面上不能够太复杂,要遵循界面设计的原理设计出简单,方便操作的功能操作界面,让用户易于接受软件,并乐于使用软件提供的功能。
4.2 系统结构设计
在系统结构设计上,经综合考虑还是选择比js更加简洁的vue框架,现如今浏览器已经实现了普及,并在技术上逐渐完善和成熟,它在节约软件开发成本的基础上,还能实现原本用专业软件操作才能实现的强大功能。总之,小程序架构是当下全新的,认可度高的系统构造技术。系统结构设计图通过绘制,效果展示如下:
图4-1 系统结构设计图
4.3功能结构设计
在管理员功能模块确定下来的基础上,对管理员各个功能进行设计,确定管理员功能的详细模块。绘制的管理员功能结构见下图。
图4.3 管理员功能结构图
4.4数据库设计
与功能结构设计一样,数据库设计也是程序开发不可避免的设计环节,数据库设计最主要的目的就是帮助运行程序存储相应的数据信息。数据库设计包含的内容有数据表结构的设计,也包含了数据库E-R图的设计。
4.4.1 数据库E-R图
在绘制E-R图之前,先要找出数据库的实体,明确各个实体具有的属性,比如用户信息这个实体,它具备的属性包括了用户的姓名属性,用户的密码属性,用户的创建时间属性等,所以明确了用户这个实体,以及用户实体具备的属性之后,就需要根据这些信息绘制用户实体对应的实体属性图了。绘制软件选用当下认可度高,使用范围广,操作便利的微软旗下的Visio工具。
(1)下图是员工考勤详情实体和其具备的属性。
员工考勤详情实体属性图
(2)下图是公告实体和其具备的属性。
公告实体属性图
(3)下图是员工请假实体和其具备的属性。
员工请假实体属性图
(4)下图是员工实体和其具备的属性。
员工实体属性图
(5)下图是员工考勤实体和其具备的属性。
员工考勤实体属性图
(6)下图是薪资实体和其具备的属性。
薪资实体属性图
4.4.2 数据库表结构
在进行这部分设计之前,需要明白和掌握数据类型以及各个数据类型的长度范围等知识,因为在一张具体的数据表中,为了方便理解,这里就举个简单的例子。比如用户信息表,这个表格的字段就是用户这个实体具备的属性,这时就需要对字段进行数据类型,以及字段长度的设置,也要设置一个主键来作为用户信息表的唯一标识。这些都是数据库表结构设计需要完成的内容。根据武汉君耐营销策划有限公司员工信息管理系统的功能设计以及数据库设计要求,展示该系统的数据表结构。
表4.1字典表
序号 |
列名 |
数据类型 |
说明 |
允许空 |
---|---|---|---|---|
1 |
Id |
Int |
id |
否 |
2 |
dic_code |
String |
字段 |
是 |
3 |
dic_name |
String |
字段名 |
是 |
4 |
code_index |
Integer |
编码 |
是 |
5 |
index_name |
String |
编码名字 |
是 |
6 |
super_id |
Integer |
父字段id |
是 |
7 |
beizhu |
String |
备注 |
是 |
8 |
create_time |
Date |
创建时间 |
是 |
表4.2公告表
序号 |
列名 |
数据类型 |
说明 |
允许空 |
---|---|---|---|---|
1 |
Id |
Int |
id |
否 |
2 |
gonggao_name |
String |
公告名称 |
是 |
3 |
gonggao_types |
Integer |
公告类型 |
是 |
4 |
insert_time |
Date |
公告发布时间 |
是 |
5 |
gonggao_content |
String |
公告详情 |
是 |
6 |
create_time |
Date |
创建时间 |
是 |
表4.3薪资表
序号 |
列名 |
数据类型 |
说明 |
允许空 |
---|---|---|---|---|
1 |
Id |
Int |
id |
否 |
2 |
yuangong_id |
Integer |
员工 |
是 |
3 |
xinzi_uuid_number |
String |
薪资编号 |
是 |
4 |
xinzi_name |
String |
标题 |
是 |
5 |
xinzi_month |
String |
月份 |
是 |
6 |
jiben_jine |
BigDecimal |
基本工资 |
是 |
7 |
jiangjin_jine |
BigDecimal |
奖金 |
是 |
8 |
jixiao_jine |
BigDecimal |
绩效 |
是 |
9 |
butie_jine |
BigDecimal |
补贴 |
是 |
10 |
shifa_jine |
BigDecimal |
实发 |
是 |
11 |
xinzi_content |
String |
备注 |
是 |
12 |
insert_time |
Date |
添加时间 |
是 |
13 |
create_time |
Date |
创建时间 |
是 |
表4.4员工表
序号 |
列名 |
数据类型 |
说明 |
允许空 |
---|---|---|---|---|
1 |
Id |
Int |
id |
否 |
2 |
yuangong_name |
String |
员工姓名 |
是 |
3 |
yuangong_phone |
String |
员工手机号 |
是 |
4 |
yuangong_id_number |
String |
员工身份证号 |
是 |
5 |
yuangong_photo |
String |
员工头像 |
是 |
6 |
bumen_types |
Integer |
部门 |
是 |
7 |
zhiwei_types |
Integer |
职位 |
是 |
8 |
yuangong_email |
String |
员工邮箱 |
是 |
9 |
jinyong_types |
Integer |
账户状态 |
是 |
10 |
create_time |
Date |
创建时间 |
是 |
表4.5员工考勤表
序号 |
列名 |
数据类型 |
说明 |
允许空 |
---|---|---|---|---|
1 |
Id |
Int |
id |
否 |
2 |
yuangong_kaoqin_uuid_number |
String |
考勤唯一编号 |
是 |
3 |
yuangong_kaoqin_name |
String |
考勤标题 |
是 |
4 |
yuangong_kaoqin_types |
Integer |
员工考勤类型 |
是 |
5 |
bumen_types |
Integer |
部门 |
是 |
6 |
yuangong_kaoqin_content |
String |
考勤详情 |
是 |
7 |
insert_time |
Date |
考勤发起时间 |
是 |
8 |
jiezhi_time |
Date |
考勤截止时间 |
是 |
9 |
create_time |
Date |
创建时间 |
是 |
表4.6员工考勤详情表
序号 |
列名 |
数据类型 |
说明 |
允许空 |
---|---|---|---|---|
1 |
Id |
Int |
id |
否 |
2 |
yuangong_id |
Integer |
员工 |
是 |
3 |
yuangong_kaoqin_id |
Integer |
考勤 |
是 |
4 |
yuangong_kaoqin_list_types |
Integer |
打卡状态 |
是 |
5 |
insert_time |
Date |
添加时间 |
是 |
6 |
update_time |
Date |
打卡时间 |
是 |
7 |
create_time |
Date |
创建时间 |
是 |
表4.7员工请假表
序号 |
列名 |
数据类型 |
说明 |
允许空 |
---|---|---|---|---|
1 |
Id |
Int |
id |
否 |
2 |
yuangong_id |
Integer |
员工 |
是 |
3 |
yuangongqingjia_name |
String |
请假标题 |
是 |
4 |
yuangongqingjia_text |
String |
请假缘由 |
是 |
5 |
yuangongqingjia_types |
Integer |
请假类型 |
是 |
6 |
insert_time |
Date |
申请时间 |
是 |
7 |
yuangongqingjia_time |
Date |
请假时间 |
是 |
8 |
yuangongqingjia_number |
Integer |
请假天数 |
是 |
9 |
yuangongqingjia_yesno_types |
Integer |
申请状态 |
是 |
10 |
yuangongqingjia_yesno_text |
String |
处理意见 |
是 |
11 |
yuangongqingjia_shenhe_time |
Date |
审核时间 |
是 |
12 |
create_time |
Date |
创建时间 |
是 |
表4.8管理员表
序号 |
列名 |
数据类型 |
说明 |
允许空 |
---|---|---|---|---|
1 |
Id |
Int |
id |
否 |
2 |
username |
String |
员工名 |
是 |
3 |
password |
String |
密码 |
是 |
4 |
role |
String |
角色 |
是 |
5 |
addtime |
Date |
新增时间 |
是 |
第五章 系统实现
系统实现这个章节的内容主要还是展示系统的功能界面设计效果,在实现系统基本功能,比如修改,比如添加,比如删除等管理功能的同时,也显示出系统各个功能的界面实现效果,该部分内容一方面与前面提到的系统分析,系统设计的内容相呼应,另一方面也是一个实际成果的展示。
5.1管理员功能实现
5.1.1 员工管理
此页面让管理员管理员工的数据,员工管理页面见下图。此页面主要实现员工的增加、修改、删除、查看的功能。
图5-1 员工管理页面
5.1.2 公告信息管理
公告信息管理页面提供的功能操作有:新增公告,修改公告,删除公告操作。下图就是公告信息管理页面。
图5.3 公告信息管理页面
5.1.3公告类型管理
公告类型管理页面显示所有公告类型,在此页面既可以让管理员添加新的公告信息类型,也能对已有的公告类型信息执行编辑更新,失效的公告类型信息也能让管理员快速删除。下图就是公告类型管理页面。
图5.4 公告类型列表页面