在线办公小程序(springboot论文源码调试讲解)

第三章 系统分析与设计

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

相关推荐
White graces21 分钟前
正则表达式效验邮箱格式, 手机号格式, 密码长度
前端·spring boot·spring·正则表达式·java-ee·maven·intellij-idea
yanglamei19621 小时前
基于Python+Django+Vue的旅游景区推荐系统系统设计与实现源代码+数据库+使用说明
vue.js·python·django
流烟默2 小时前
vue和微信小程序处理markdown格式数据
前端·vue.js·微信小程序
菲力蒲LY2 小时前
vue 手写分页
前端·javascript·vue.js
奋斗的袍子0073 小时前
Spring AI + Ollama 实现调用DeepSeek-R1模型API
人工智能·spring boot·深度学习·spring·springai·deepseek
wolf犭良3 小时前
19、《Springboot+MongoDB整合:玩转文档型数据库》
数据库·spring boot·mongodb
zpjing~.~3 小时前
vue 父组件和子组件中v-model和props的使用和区别
前端·javascript·vue.js
bin91533 小时前
DeepSeek 助力 Vue 开发:打造丝滑的 键盘快捷键(Keyboard Shortcuts)
前端·javascript·vue.js·计算机外设·ecmascript·deepseek
小万编程3 小时前
基于SpringBoot+Vue奖学金评比系统(高质量源码,可定制,提供文档,免费部署到本地)
java·spring boot·后端·毕业设计·计算机毕业设计·项目源码
格式化小拓3 小时前
在vue2中操作数组,如何保证其视图的响应式
前端·javascript·vue.js