基于bs的学校项目申报网站设计.docx

摘要：本系统利用的是前后端分离开发，前端采用Vue和ElementUI框架，后端使用Jwt、SpringBoot、

Mybatis-Plus和Shiro，集成教师模块、权限模块、申报模块、菜单模块、项目模块、公告模块、系别模块和统计模块等。教师通过本系统可以方便快捷地进行项目申报，并且管理员也可以使用成熟的动态权限控制和echart可视化组件进行图形数据分析，清晰明确地了解学校项目的申报情况。本课题通过UML进行详细的系统需求分析以及建模,对学校项目申报网站进行整体设计。最后通过测试和总结,指出了今后需要完善的部分,为学校项目申报更加快捷安全作贡献。

关键词：B/S，项目申报，SpringBoot

基于B/S的学校项目申报网站设计

前言

课题背景

传统的手工学校项目管理已经变得越来越复杂和艰巨，现在使用计算机管理日常事务的效率已大大提高。大多数大学的学校项目管理都是基于B/S学校项目系统开发的。学校项目管理系统可以实现管理员的在线办公，具有快速搜索、轻松操作，安全可靠以及存储大量数据的优点，实现了教师学校项目和管理员在线办公的智能管理，大大降低了管理人员成本。在这一前提下，我选择设计出一个既安全又方便的学校项目管理，使管理员能够随时随地的进行网上管理学校项目，提高工作效率。

系统开发技术简介

Vue:它可以自动跟踪依赖的模板表达式和计算出的属性，通过简单灵活的API提供MVVM数据绑定和可组合的组件系统，使读者更容易理解和快速入门。

SpringBoot:它改进和优化Spring，使用内嵌的Tomcat,无需再花费力气部署服务器，可以快捷创建启动独立的

Spring程序。最大的特点消除了大量的XML配置，在开发过程中，仅需配置建的yaml文件即可。

Mysql:它是一个安全，跨平台，高效的数据库系统。它的体积小，速度快，对多个操作系统的总体支持，提供多种API接口并支持多种开发语言。

Shiro:它是一个安全控制框架，可以通过身份认证和鉴定权限来拦截某一个请求。此外可以利用MD5进行数据加密。

需求分析

数据分析

本系统充分运用UML进行细致的系统分析以及建模得出以下数据：教师：ID，真实姓名，密码，用户名，性别，职务，系别，联系方式，角色名，头像，账户状态；科研管理员：ID，用户名，性别，密码，真实姓名，职务，系别，联系方式，角色名，头像，账户状态；超级管理员：ID，用户名，系别，密码，职务，真实姓名，性别，联系方式，角色名，头像，账户状态；角色：ID，角色名，角色描述；权限：ID，权限码，权限描述；

菜单：ID，菜单名称，一级菜单图标，一级菜单状态，访问路由，二级菜单名称，二级菜单图标，二级菜单状态，访问权限；系别：ID，系别名称；公告：ID，公告类型；

项目：ID，申请计划名称，项目分类，申请开始时间，申请结束时间，申请状态，申请指南路径，申请书模板路径，项目备注；

审核信息：ID，教师姓名，系别名称，申报项目名，申请题目，申请材料，申请状态，申请经费，申请开始日期；

立项信息：ID，教师姓名，系别名称，申报项目名，申请题目，申请材料，申请状态，申请经费，申请开始日期；

图1系统ER图2.2功能分析

系统采用B/S结构，主要分为前端和后端两大部分。

（1）后端功能分析

后端主要用户是科研管理员和管理员，管理员通过后端操作界面对系统数据进行管理和维护，并且可以对科研管理员进行动态授权，主要操作如下所述：

对用户信息的增删改查以及对用户分配角色。

对角色信息进行增删改查以及对角色授予权限。

对权限信息进行增删改查。

对菜单信息进行增删改查。

对系别信息进行增删改查。

对公告信息进行增删改查。

对项目类型信息进行增删改查。

对项目级别信息进行增删改查。

对项目信息进行增删改查以及上传和下载文件。

对审核信息进行增删改查。

对立项信息进行增删改查。

对统计信息进行查看，通过输入时间段，可以统计出相应的信息。

后端用例图，如图2所示：

图2后端用例图

（2）前端功能分析后端主要用户是教师，教师通过前台界面进行操作，主要操作如下所述：

通过手机验证码登录。

通过手机验证码注册。

教师申报学校项目。

教师查阅公告中心。

教师修改个人信息。

教师退出系统。

前端用例图，如图3所示:

图3前端用例图

2.3开发环境

(1)硬件环境：

处理器：Intel(R)Core(TM)i7-7700HQCPU@2.80GHz2.80GHz；内存：8.00GB硬盘:1T

系统类型:64位操作系统

(2)软件环境：

操作系统:Windows10数据库:Mysql8.0服务器:Tomcat9.0.31、Redis3.2开发环境:JDK1.