第三章 系统分析与设计
3.1系统说明
在线办公小程序是一个中小型的网上管理平台,人们可以在网络上进行信息交流,不用出门就可以查看到自己想要的办公信息。管理员可以通过对在线办公信息的管理、用户资料的管理等来对系统进行日常的更新与维护。
3.2系统可行性分析
3.2.1 技术可行性
本系统开发选择java技术,java为开发者提供了丰富的类库,大大减少了使用windows编程的难度,减少开发人员在设计算法上的难度,作为java开发 Visual Studio更是一个必不可少的角色,它友好的界面,以及强大的功能,给程序开发人员带来了很多方便,加上环境简单,转移方便,无疑使此系统最佳的选择。所以后台设计选择使用MySQL数据库主要用来的建立和维护信息。对于前台开发要求应具备功能完善、易于操作等优点,后台数据库的要求则是能够建立和维护数据信息的统一性和完整性。
依据上述目标来分析本系统的硬件如下:
奔腾3的处理器;
内存是 2G;
硬盘是50G;
操作系统是Window 10;
在软件方面的话,安装了Visul Studio 0 和MySQL数据库开发工具。根据以上的软件与硬件要求,得到这个系统的技术是可行的。
3.2.2 经济可行性
本系统主要面向的是电脑用户,成本并不高,对于系统的维护和调试,只需要一个人就可以完成,所以在人力方面,投入的也很少。虽然说人力和资金的投入并不多,但是面临的收益是十分可观的,在21世纪,很多企事业单位等都会将管理的目标转移到线上管理,知识是无价的。在未来,很多企事业单位投入的人力资源和资金不会太多,但却又能保证企事业单位运转继续进行。这对整个企事业单位的发展是非常有利的。
3.2.3 操作可行性
现在随着科技的飞速发展,计算机早已经进入了人们的日常生活中,人们的工作环境也不像以前有那么多的要求,需要工作人员一定要到指定地点办公,有的工作在家也可以完成。这使得人们的工作效益有了很大的提高。操作的多样性也变高了。因此,管理的计算机化,智能化是社会发展而带来的必然趋势,各种智能的软件层出不穷,不同的软件能完成用户不同的需求,这不仅提高了工作效率还能完成一些客户特定的一些需求。本系统不仅界面简洁明了还采用可视化界面,用户只要用鼠标和键盘就可以完成对相关信息的修改,删除,添加等操作。因为这个系统的操作十分简单,方便上手,对于第一次使用系统的人,只需要很少的时间就可以上手操作。由此可见,本系统在操作上是可行的。
3.2.4 运行可行性
本系统作为以java作为开发语言的系统,而且选用B/S结构则决定了要操作本系统仅需要占用很小的资源,并没有过多地硬件配置要求,目前市面上只要能正常运行浏览器的个人电脑都可以正常运行使用该系统。
综上所述,本系统的设计与开发在经济上、技术上、运行上的条件都是满足的,因此,系统开发具备可行性条件。
3.3系统的设计思想
一个优秀的设计作品,必然要有一个正确的构想,通过选择合理的开发工具、数据结构和操作系统来构成一个完善的在线办公小程序,根据用户的实际需求,本在线办公小程序的设计按照以下的原则来进行设计。
实用性 本网站以在线办公需求为目标,以方便使用本系统的用户为原则,同时加入一些先进的设计理念。根据用户不同的需求制作一个操作界面简单、模块功能完善、便于管理的管理平台,能够充分的满足用户的需求并方便于本网站的管理人员对网站实行管理。
可靠性 一个好的网站必须具有高的可靠性,该系统通过结合先进的结构设计和数据的安全性,可以保证本系统具有高可靠性还有容错性,便于本系统不会出现一些不必要的错误信息,妨碍网站的管理。
智能性 本系统的设计要求便于网站的管理员管理本网站,用户可以根据自己的需求通过不同的模块入口进入不同的浏览页面,通过后台列表的编辑与更新,可使用户看到最新的在线办公信息,并且方便为更多的用户提供服务。
扩展性与灵活性
系统的模块设计主要以方便网站业务拓展和方便用户需求为目标,要求用能够很方便的浏览在线办公信息,并通过自身的需求能够快速搜索到自己想要的信息。
3.4小程序功能结构
一、小程序端功能
该部分内容提供员工注册、员工资料修改、通知公告、部门信息、会议记录等等功能。
二、管理员管理功能
该部分内容包含了首页、个人中心、通知公告管理、员工管理、部门信息管理、职位信息管理、会议记录管理、待办事项管理、工资信息管理、留言板管理、系统管理等。管理员可对所有的信息进行增、删、改、查,能对用户信息进行管理,更新最近的办公信息。
为了方便更直观的理解,下图以图形形式给出关于整个小程序的结构图。小程序总体功能结构图3-1如图所示:
图3-1小程序总体功能结构图
3.5系统流程分析
3.5.1操作流程
系统登录流程图,如图所示:
图3-2登录流程图
3.5.2添加信息流程
添加信息流程图,如图所示:
图3-3添加信息流程图
3.5.3删除信息流程
删除信息流程图,如图所示:
图3-4删除信息流程图
第四章 数据库设计
4.1数据库概念设计
在对数据库设计之前首先要分析一下在线办公小程序的功能,和各模块之间的关系,再对数据表进行设计。每一个模块的实体都会对应多个实体对象,下面是几个系统中的数据实体如下所示。
通知公告实体E-R图如图4-1所示:
图4-1通知公告E-R图
部门信息实体E-R图如图4-2所示:
图4-2部门信息实体E-R图
会议记录实体E-R图如图4-3所示:
图4-3会议记录实体E-R图
4.2数据表设计
在线办公小程序的操作都是依靠数据库来进行数据的操作,包括对数据的添加、删除、修改和查询等。所以对数据库的设计是一个很重要的环节,本在线办公小程序根据管理员和员工的需求分析,对数据库进行了设计,为方便数据查询,本在线办公小程序数据库中创建了数据表。这些实体对象是数据表结构的基本模型,这个数据模型包含了网站所有的数据实体和属性。如下表所示:
表4-1:职位信息
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
---|---|---|---|---|---|
id |
bigint |
主键 |
主键 |
||
addtime |
timestamp |
创建时间 |
CURRENT_TIMESTAMP |
||
zhiwei |
varchar |
200 |
职位 |
表4-2:员工
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
---|---|---|---|---|---|
id |
bigint |
主键 |
主键 |
||
addtime |
timestamp |
创建时间 |
CURRENT_TIMESTAMP |
||
zhanghao |
varchar |
200 |
账号 |
||
mima |
varchar |
200 |
密码 |
||
xingming |
varchar |
200 |
姓名 |
||
nianling |
varchar |
200 |
年龄 |
||
xingbie |
varchar |
200 |
性别 |
||
shouji |
varchar |
200 |
手机 |
||
bumen |
varchar |
200 |
部门 |
||
zhiwei |
varchar |
200 |
职位 |
||
ruzhiriqi |
date |
入职日期 |
|||
zhaopian |
varchar |
200 |
照片 |
表4-3:用户表
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
---|---|---|---|---|---|
id |
bigint |
主键 |
主键 |
||
username |
varchar |
100 |
用户名 |
||
password |
varchar |
100 |
密码 |
||
role |
varchar |
100 |
角色 |
管理员 |
|
addtime |
timestamp |
新增时间 |
CURRENT_TIMESTAMP |
表4-4:工资信息
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
---|---|---|---|---|---|
id |
bigint |
主键 |
主键 |
||
addtime |
timestamp |
创建时间 |
CURRENT_TIMESTAMP |
||
yuefen |
varchar |
200 |
月份 |
||
fengmian |
varchar |
200 |
封面 |
||
zhanghao |
varchar |
200 |
账号 |
||
xingming |
varchar |
200 |
姓名 |
||
bumen |
varchar |
200 |
部门 |
||
jibengongzi |
int |
基本工资 |
|||
jiabangongzi |
int |
加班工资 |
|||
jixiaojiangjin |
int |
绩效奖金 |
|||
qitabuzhu |
int |
其他补助 |
|||
koukuanjine |
int |
扣款金额 |
|||
shifagongzi |
int |
实发工资 |
|||
koukuanyuanyin |
longtext |
4294967295 |
扣款原因 |
||
dengjiriqi |
date |
登记日期 |
|||
userid |
bigint |
用户id |
表4-5:待办事项
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
---|---|---|---|---|---|
id |
bigint |
主键 |
主键 |
||
addtime |
timestamp |
创建时间 |
CURRENT_TIMESTAMP |
||
biaoti |
varchar |
200 |
标题 |
||
neirong |
longtext |
4294967295 |
内容 |
||
daibanshijian |
datetime |
待办时间 |
|||
dengjiriqi |
date |
登记日期 |
|||
zhanghao |
varchar |
200 |
账号 |
||
xingming |
varchar |
200 |
姓名 |
||
zhaopian |
varchar |
200 |
照片 |
||
userid |
bigint |
用户id |
表4-6:配置文件
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
---|---|---|---|---|---|
id |
bigint |
主键 |
主键 |
||
name |
varchar |
100 |
配置参数名称 |
||
value |
varchar |
100 |
配置参数值 |
表4-7:部门信息
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
---|---|---|---|---|---|
id |
bigint |
主键 |
主键 |
||
addtime |
timestamp |
创建时间 |
CURRENT_TIMESTAMP |
||
bumenbianhao |
varchar |
200 |
部门编号 |
||
bumenmingcheng |
varchar |
200 |
部门名称 |
||
bumenzhuguan |
varchar |
200 |
部门主管 |
||
bumenrenshu |
int |
部门人数 |
|||
bumendianhua |
varchar |
200 |
部门电话 |
||
bumenjieshao |
longtext |
4294967295 |
部门介绍 |
||
fengmian |
varchar |
200 |
封面 |
||
clicktime |
datetime |
最近点击时间 |
|||
clicknum |
int |
点击次数 |
0 |
表4-8:通知公告
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
---|---|---|---|---|---|
id |
bigint |
主键 |
主键 |
||
addtime |
timestamp |
创建时间 |
CURRENT_TIMESTAMP |
||
biaoti |
varchar |
200 |
标题 |
||
jianjie |
longtext |
4294967295 |
简介 |
||
fabushijian |
date |
发布时间 |
|||
fengmian |
varchar |
200 |
封面 |
||
neirong |
longtext |
4294967295 |
内容 |
||
clicktime |
datetime |
最近点击时间 |
|||
clicknum |
int |
点击次数 |
0 |
表4-9:token表
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
---|---|---|---|---|---|
id |
bigint |
主键 |
主键 |
||
userid |
bigint |
用户id |
|||
username |
varchar |
100 |
用户名 |
||
tablename |
varchar |
100 |
表名 |
||
role |
varchar |
100 |
角色 |
||
token |
varchar |
200 |
密码 |
||
addtime |
timestamp |
新增时间 |
CURRENT_TIMESTAMP |
||
expiratedtime |
timestamp |
过期时间 |
CURRENT_TIMESTAMP |
表4-10:收藏表
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
---|---|---|---|---|---|
id |
bigint |
主键 |
主键 |
||
addtime |
timestamp |
创建时间 |
CURRENT_TIMESTAMP |
||
userid |
bigint |
用户id |
|||
refid |
bigint |
收藏id |
|||
tablename |
varchar |
200 |
表名 |
||
name |
varchar |
200 |
收藏名称 |
||
picture |
varchar |
200 |
收藏图片 |
||
type |
varchar |
200 |
类型(1:收藏,21:赞,22:踩) |
1 |
|
inteltype |
varchar |
200 |
推荐类型 |
表4-11:留言板
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
---|---|---|---|---|---|
id |
bigint |
主键 |
主键 |
||
addtime |
timestamp |
创建时间 |
CURRENT_TIMESTAMP |
||
userid |
bigint |
留言人id |
|||
username |
varchar |
200 |
用户名 |
||
content |
longtext |
4294967295 |
留言内容 |
||
cpicture |
varchar |
200 |
留言图片 |
||
reply |
longtext |
4294967295 |
回复内容 |
||
rpicture |
varchar |
200 |
回复图片 |
表4-12:会议记录
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
---|---|---|---|---|---|
id |
bigint |
主键 |
主键 |
||
addtime |
timestamp |
创建时间 |
CURRENT_TIMESTAMP |
||
huiyibianhao |
varchar |
200 |
会议编号 |
||
huiyimingcheng |
varchar |
200 |
会议名称 |
||
dizhi |
varchar |
200 |
地址 |
||
huiyizhuti |
varchar |
200 |
会议主题 |
||
canhuirenyuan |
longtext |
4294967295 |
参会人员 |
||
neirongjilu |
longtext |
4294967295 |
内容记录 |
||
kaishishijian |
datetime |
开始时间 |
|||
jieshushijian |
datetime |
结束时间 |
|||
fengmian |
varchar |
200 |
封面 |
||
clicktime |
datetime |
最近点击时间 |
|||
clicknum |
int |
点击次数 |
0 |
第五章 小程序的详细设计
5.1小程序首页的设计
该界面是在线办公小程序的首页,界面设置要求界面简洁明了、操作简单、兼容性好。在考虑设计界面时,首先要考虑界面标准化设计,其次是完善界面设计,但不要因对界面的美化使界面的操作变得复杂,用户可在此页面进行登录等操作,页面顶部导航条是各模块的入口。
登录,用户通过输入账号和密码,选择角色并点击登录进行系统登录操作,如图5-1所示。
图5-1用户登录界面图
员工注册,在员工注册页面通过填写账号、密码、确认密码、姓名、年龄、性别、手机、部门名称等详细信息进行注册操作;如图5-2所示。
图5-2员工注册界面图
用户登陆小程序端,可以实现首页、通知公告、部门信息、会议记录、我的等功能进行详细操作,如图5-3所示。
图5-3小程序端首页界面图
通知公告,在通知公告页面可以查看标题、图片、发布时间、点击次数、简介、内容等详细信息;并进行收藏操作;如图5-4所示。
图5-4通知公告界面图
部门信息,在部门信息页面可以查看部门名称、部门编号、图片、部门主管、部门人数、部门电话、点击次数、部门介绍等详细信息;如图5-5所示。
图5-5部门信息界面图
会议记录,在会议记录页面可以查看会议名称、会议编号、地址、会议主题、图片、开始时间、结束时间、点击次数、参会人员等详细信息;并进行收藏操作;如图5-6所示。
图5-6会议记录界面图
员工功能,员工进入我的页面可以对待办事项、工资信息、我的收藏管理、留言板等详细信息进行操作,如图5-7所示。
图5-7员工功能界面图
用户信息,在用户信息页面通过填写账号、密码、姓名、年龄、性别、手机、部门、职位、照片等信息进行保存或退出登录操作,如图5-8所示。
图5-8用户信息界面图
5.2管理员功能模块
管理员登录,通过输入账号、密码,选择角色并点击登录进行系统登录操作,如图5-9所示。
图5-9管理员登录界面图
管理员登陆系统后,可以对首页、个人中心、通知公告管理、员工管理、部门信息管理、职位信息管理、会议记录管理、待办事项管理、工资信息管理、留言板管理、系统管理等功能进行详细操作,如图5-10所示。
图5-10管理员功能界面图
通知公告管理,在通知公告管理页面可以对索引、标题、发布时间、封面等信息进行详情,修改和删除操作,如图5-11所示。
图5-11通知公告管理界面图
员工管理,在员工管理页面可以对索引、账号、姓名、年龄、性别、手机、部门、职位、入职日期、照片等内容进行详情,修改和删除操作,如图5-12所示。
图5-12员工管理界面图
部门信息管理,在部门信息管理页面可以对索引、部门编号、部门名称、部门主管、部门人数、部门电话、封面等内容进行详情,修改和删除操作,如图5-13所示。
图5-13部门信息管理界面图
职位信息管理,在职位信息管理页面可以对索引、职位等内容进行详情,修改和删除操作,如图5-14所示。
图5-14职位信息管理界面图
会议记录管理,在会议记录管理页面可以对索引、会议编号、会议名称、地址、会议主题、开始时间、结束时间、封面等内容进行详情,修改和删除操作,如图5-15所示。
图5-15会议记录管理界面图
待办事项管理,在待办事项管理页面可以对索引、标题、待办时间、登记日期、账号、姓名、照片等内容进行详情,修改或删除等操作,如图5-16所示。
图5-16待办事项管理界面图
工资信息管理,在工资信息管理页面可以对索引、月份、封面、账号、姓名、部门、基本工资、加班工资、绩效资金、其他补助、扣款金额、实发工资、登记日期等内容进行详情,修改和删除操作,如图5-17所示。
图5-17工资信息管理界面图
留言板管理,在留言板管理页面可以对索引、用户名、留言内容、留言图片、回复内容、回复图片等内容进行详情,修改,回复或删除操作,如图5-18所示。
图5-18留言板管理界面图
系统管理,在轮播图管理页面可以对索引、名称、值等内容进行详情和修改操作,如图5-19所示。
图5-19系统管理界面图