第二章 技术介绍

2.1 B/S结构

随着软件系统的不断改进和升级，B/S结构产品更为方便的特征体现地十分明显。对于一个中等偏大的公司来说，如果系统管理员每天要在很多台电脑之间来回查看，不断奔走，那么效率和工作量就会变得很低，但是如果使用了B/S结构，那么管理员只要对服务器进行管理就够了。

B/S结构最大的优点它不需要安装任何的软件，它所有的客户端就只是浏览器，所以只要有一台电脑并且可以上网就可以解决所有问题，客户端可以完全地不用管理员维护。无论使用系统的使用者是什么样的规模，也不管分支有多么的庞大，都不会对维护和升级的工作量造成影响，所有的维护和升级只需要操作服务器。随着B/S结构的不断发展，使用的人也不断增加，从而带动了AJAX技术的发展，和B/S结构一样，它也能在客户端上处理程序，这便缓解了服务器的负担，提高了交互性，而且实现了局部实时刷新。

2.2微信开发者工具

在传统web浏览器中，在加载htm15页面时先加载视图层的html和css，后加载逻辑层的java script，然后返回数据并在浏览器中展示页面。而微信开发者工具的系统层是基于Native System的，视图层和逻辑层会同时被加载。微信小程序的这种逻辑方式大大的优化了页面响应速度，减少了页面加载的等待时间，提高了用户体验。微信开发者工具可以实现同步本地文件，开发调试，编译预览，上传，发布等一整套流程。

2.3 MySQL 介绍

在软件项目，通过经营性数据的数据库，可以保证其安全，独立和数据一致，访问数据的系统来提供，所以有效减少时间程序员开发应用程序。

MySQL可以支持多线程，可以方便使用系统的资源，提高运行的速度。并提供odbc、jdbc和tcp/ ip，以各种形式连接到MySQL; 功能方面表现欠缺，规模小，但对于这个系统就足够了。

因为MySQL是源代码对外开放的，所以任何人都可以通过相应的方法下载，并根据个性化需求进行修改。 由于MySQL的速度，可靠性和适应性，MySQL受到重视。

MySQL虽然功能可能不是很强大，但由于其开源，广泛传播，导致很多人都意识到这个数据库。

2.4 MySQL环境配置

本系统的数据使用的是MySQL,所以要将MySQL安装到指定目录，如果下载的是非安装的MySQL压缩包，直接解压到指定目录就可以了。然后点击C:\Program Files\MySQL\bin\winMySQLadmin.exe这个文件其中C:\Program Files\MySQL是MySQL安装目录。输入winMySQLadmin的初始用户、密码（注：这不是MySQL里的用户、密码）随便填不必在意，确定之后右下角任务的启动栏会出现一个红绿灯的图标，红灯亮代表服务停止，绿灯亮代表服务正常，左击这个图标->winnt->install the service 安装此服务，再左击这个图标->winnt->start the service 启动MySQL服务。

修改MySQL数据库的root密码。用cmd进入命令行模式输入如下命令:

cd C:\Program Files\MySQL\bin

MySQLadmin -u root -p password 123

回车出现Enter password: ，这是要输入原密码. 刚安装时密码为空,所以直接回车，此时MySQL 中账号 root 的密码被改为 123 安装完毕。

2.5 Java语言简介

Java是由SUN公司推出，该公司于2010年被oracle公司收购。Java本是印度尼西亚的一个叫做爪洼岛的英文名称，也因此得来java是一杯正冒着热气咖啡的标识。Java语言在移动互联网的大背景下具备了显著的优势和广阔的前景，它是面向对象的，分布式的，动态的，具有平台无关性、安全性、健壮性。Java语言的基本语句语法和C++一样，但是它面向对象的技术更加彻底，因为Java要求将所有的内容都必须封装成类，把类作为程序的基本单位。由于不允许类外有变量、方法。Java语言的分布式体现在数据分布和操作分布，它是面向网络的语言，可以处理TCP/IP协议，它也支持客户机/服务器的计算模式。Java语言的动态性是指类在运行时是动态安装的，使得Java可以动态的维护程序。Java不支持指针，对内存访问的所有操作都是通过对象实例化实现的，这样就避免了指针操作中易产生的错误，同时也预防了病毒对系统的破坏和威胁。

Java语言的编程风格与C语言非常接近，它继承了C++面向对象技术的核心，它面世之后发展迅速，非常流行，对高级C语言形成了很大的冲击。业内人士称之为“一次编译、到处执行”。当然java也有缺点，在每次执行编译后，字节码都需要消耗一定的时间，在某些程度上降低了性能。但是这并不影响java成为此次设计语言的选择。Java语言简单易学，使用它的编程时间短，功能性强，开发者学习起来更简便、更快。Java的主要特性有以下几个：

1.面向对象

面向对象有四个特点：封装、继承、多态、抽象。抽象是指忽略一个问题中的次要部分，关注主要部分。多态是指对同一种消息做出的不同反应。继承是指在原有的父类方法基础上增加自己独有的方法，而不改变原来父类。

2.平台无关性、

Java编译出来的是字节码，直接由虚拟机执行。在任何平台上，只要有Java虚拟机，Java代码都能运行。

3.可靠性和安全性

Java对内存的访问都必须通过对象的实例变量来实现，避免了指针中出现的错误。

4. 多线程

Java提供了多线程功能，利用编程实现同一时间同时工作的功能。

2.6SpringBoot框架

SpringBoot是一个全新开源的轻量级框架。基于Spring4.0设计，其不仅继承了Spring框架原来有的优秀特性，而且还通过简化配置文件来进一步简化了Spring应用的整个搭建以及开发过程。另外在原本的Spring中由于随着项目的扩大导入的jar包数量越来越大，随之出现了jar包版本之间的兼容性问题，而此时SpringBoot通过集成大量的框架使得依赖包的版本冲突，以及引用的不稳定性问题得到了很好的解决。

SpringBoot可以看做是Spring的加强版本，但实质上都是Spring的相关技术，有了这些优秀的开源框架，程序员在开发过程中将事半功倍。

第三章 系统分析与设计

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系统管理界面图

---

第六章 系统测试

在对在线办公小程序的分析与设计完成之后，完成了实际的代码编写的阶段，在这个阶段的过程中有时要对前面的一些地方进行一些修改，在这个开发的阶段，我每次完成一个模块的功能，然后就对这部分模块的功能进行测试。看些模块功能有无完全实现，然后再进入下一个模块功能的开发阶段，再重复上述过程，直到所有模块功能都能实现，再整个系统进行一遍测试，看是否达到了最初的设计要求。测试这一环节就是在系统中找出不足的地方然后再加以改进。

6.1系统测试方法

1. 白盒测试：是根据被测对象的数据结构、处理逻辑进行测试。

2. 黑盒测试：只按功能规格说明来进行测试，不需要了解内部数据结构

3. 系统测试：系统测试是对整个系统性能的测试，这个测试不仅仅是对软件进行，还可以对构成系统的软、硬件一起进行。除去设计者的人进行系统测试，检验输入数据和预期输出的结果，是否实现了预期想要实现的功能。

6.2 系统功能测试

系统主要模块测试如6-1表所示：

表6-1系统主要模块测试表

功能	系统登录模块测试
目的	测试系统登录模块中的登录功能是否有效
前提条件	数据中已存放用户的信息
输入/动作	输出结果	实际情况
用户名：admin 密码:123	能够正常登录系统	正常
用户名：admin 密码：空	不能登录到系统并显示密码不能为空	正常
用户名：空 密码：空	不能登录到系统，并显示用户名和密码不能为空	正常
功能	在线办公功能的模块测试