ssm北关村基本办公管理系统+jsp

第五章系统实现

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1zQ4y1s7D4/

三、运行截图：

这里主要是对系统设计实现进行描述，通过系统的设计和数据库的设计，通过编码后变成了可以进行操作的界面，让一切想法变成了结果，通过文字和具体程序操作界面的截图之间的配合，可以把功能更直观的描述起来。

3.1管理员功能实现

3.1.1 考勤打卡管理

管理员进入如图3-1所示的考勤打卡管理界面之后，管理员点击信息显示栏中最右侧的修改，删除按钮可依次完成考勤打卡信息的修改，删除操作。管理员提供用户姓名可以实现对用户考勤打卡信息的查询，以及可以添加用户的考勤打卡信息。考勤打卡信息有考勤时间，用户姓名，手机号等信息。

图3-1 考勤打卡管理界面

3.1.2 公告信息管理

管理员进入如图3-2所示的公告信息管理界面之后，管理员点击信息显示栏中最右侧的修改，删除按钮可依次完成公告信息的修改，删除等操作。管理员也能添加公告的类型，公告图片，公告内容等信息，可以通过公告类型筛选公告信息。

图3-2 公告信息管理界面

3.1.3 日程信息管理

管理员进入如图3-3所示的日程信息管理界面之后，管理员点击信息显示栏中最右侧的修改，删除按钮可依次完成日程信息的修改，删除等操作。管理员也能添加日程类型，日期等信息，可以通过日程类型筛选日程信息。

图3-3 日程信息管理界面

3.1.4 通讯录管理

管理员进入如图3-4所示的通讯录管理界面之后，管理员点击信息显示栏中最右侧的修改，删除按钮可依次完成通讯录信息的修改，删除等操作。管理员也能添加联系方式，类型，备注，名称等信息，可以通过名称实现对通讯录信息的查询。

图3-4 通讯录管理界面

3.1.5 用户管理

管理员进入如图3-5所示的用户管理界面之后，管理员点击信息显示栏中最右侧的修改，删除按钮可依次完成用户信息的修改，删除等操作。管理员也能添加手机号，电子邮箱，性别，用户姓名等用户信息，可以通过用户姓名实现对用户数据的筛选。

图3-5 用户管理界面

3.1.6 日程类型管理

管理员进入如图3-6所示的日程类型管理界面之后，管理员点击信息显示栏中最右侧的修改，删除按钮可依次完成日程类型信息的修改，删除等操作。管理员也能添加日程类型名称，通过日程类型名称实现对日程类型信息的查询。

图3-6 日程类型管理界面

3.1.7 公告类型管理

管理员进入如图3-7所示的公告类型管理界面之后，管理员点击信息显示栏中最右侧的修改，删除按钮可依次完成公告类型信息的修改，删除等操作。管理员也能添加公告类型名称，通过公告类型名称实现对公告类型信息的查询。

图3-7 公告类型管理界面

3.2用户功能实现

3.2.1 考勤打卡管理

用户进入如图3-8所示的考勤打卡管理界面之后，用户点击信息显示栏中最右侧的查看按钮可以查看自己的考勤打卡信息，用户可以添加自己的考勤打卡信息。

图3-8 考勤打卡管理界面

3.2.2 公告信息查看

用户进入如图3-9所示的公告信息查看界面之后，用户点击信息显示栏中最右侧的查看按钮可以查看公告内容，用户查询公告需要在查询编辑框中登记公告标题就可以实现对公告内容的查询。

图3-9 公告信息查看界面

3.2.3 日程信息查看

用户进入如图3-10所示的日程信息查看界面之后，用户点击信息显示栏中最右侧的查看按钮可以查看日程信息。用户查询日程需要在查询编辑框中登记日程标题就可以实现对日程信息的查询。

图3-10 日程信息查看界面

3.2.4 通讯录查看

用户进入如图3-11所示的通讯录查看界面之后，用户点击信息显示栏中最右侧的通讯录查看按钮可以查看通讯录信息，用户查询通讯录信息需要在查询编辑框中登记通讯录名称就可以实现对通讯录信息的查询。

图3-11 通讯录查看界面

3.2.5 个人信息

用户进入如图3-12所示的个人信息界面之后，用户更改头像，更改头像时，需要重新上传新的头像文件才可以替换当前的头像，同时可以更改手机号，电子邮箱等已经发生变化的数据，修改完成之后，需要点击修改按钮对当前的已修改的数据及时保存。

图3-12 个人信息界面