1 开发技术1.1 Java 介绍Java 是由 Sun 公司于 1995 年推出的一种面向对象编程语言具有跨平台、安全性高、可移植性强等特点广泛应用于企业级应用、Web 系统与移动端开发。Java 通过“一次编写到处运行”的机制使程序可在不同操作系统上稳定运行。本系统后端采用 Java 语言进行开发利用其成熟的生态和丰富的类库实现业务逻辑处理、数据访问与接口服务为科研项目管理系统提供稳定可靠的服务端支撑。1.2 Spring Boot 介绍Spring Boot 是基于 Spring 框架的快速开发工具由 Pivotal 团队推出旨在简化 Spring 应用的初始搭建和开发过程。Spring Boot 采用“约定优于配置”的设计理念内嵌 Tomcat 服务器可快速构建独立运行的 Web 应用。其主要优势包括快速开发自动配置减少繁琐 XML 配置提高开发效率内嵌服务器无需单独部署 Tomcat打包后即可运行微服务友好便于模块化拆分与系统扩展生态完善与 MyBatis、Shiro 等框架集成方便。本系统采用 Spring Boot 2.2.2 作为后端核心框架负责 RESTful API 接口提供、业务逻辑调度及前后端数据交互。1.3 Vue.js 介绍Vue.js 是一套用于构建用户界面的渐进式 JavaScript 框架由尤雨溪创建并维护。Vue 采用数据驱动和组件化开发模式具有轻量、易学、性能优良等特点是目前主流的前端框架之一。其主要特点包括响应式数据绑定数据变化自动更新视图减少 DOM 操作组件化开发页面按功能拆分为可复用组件便于维护虚拟 DOM提升页面渲染效率生态丰富可与 Vue Router、Vuex、Element UI 等配合使用。本系统前端分为后台管理端与用户前台两端均基于 Vue 2.x 构建实现页面展示、路由跳转、表单交互及与后端接口通信。1.4 Element UI 介绍Element UI 是一套基于 Vue 2.x 的桌面端组件库由饿了么前端团队开源。它提供了按钮、表单、表格、对话框、菜单等常用 UI 组件风格统一、文档完善可显著提升后台管理系统开发效率。本系统使用 Element UI 构建管理端和用户端界面实现登录注册、数据列表、分页查询、弹窗编辑等交互功能保证系统界面美观、操作便捷。1.5 MyBatis-Plus 介绍MyBatis-Plus 是在 MyBatis 基础上增强的持久层框架由 baomidou 团队维护。它在保留 MyBatis 灵活性的同时提供了通用 CRUD、条件构造器、分页插件等功能大幅减少重复 SQL 编写。其主要优势包括无侵入只做增强不改变 MyBatis 原有使用方式内置 CRUD单表增删改查无需编写 SQL支持分页内置分页插件便于列表查询逻辑删除支持软删除提高数据安全性。本系统采用 MyBatis-Plus 2.3 作为数据访问层框架完成用户、科研队伍、科研成果、资源文件等业务数据的持久化操作。1.6 MySQL 简介MySQL 是一种开源的关系型数据库管理系统RDBMS由瑞典 MySQL AB 公司开发现属 Oracle 旗下。MySQL 具有性能高、成本低、可靠性好、使用广泛等特点是 Web 应用开发中最常用的数据库之一。本系统选用 MySQL 作为数据存储方案数据库名为springboot2byeq用于存储用户信息、科研队伍、队伍申请、科研成果、公告信息、资源文件等 16 张业务表数据并通过 JDBC 与 Spring Boot 进行连接。1.7 ECharts 介绍ECharts 是百度开源的一款基于 JavaScript 的数据可视化图表库支持折线图、柱状图、饼图等多种图表类型具有配置灵活、交互丰富、渲染性能优良等特点。本系统在后台管理端首页集成 ECharts 5.x用于展示公告发布统计、用户年龄分布、资源文件统计等可视化图表实现科研管理数据的直观展示提升管理决策效率。1.8 Apache Shiro 介绍Apache Shiro 是一个功能强大且易于使用的 Java 安全框架提供身份认证、授权、加密和会话管理等功能。Shiro 设计简洁学习成本较低可灵活集成到 Spring Boot 项目中。本系统结合 Shiro 与 Token 令牌机制实现管理员、用户、科研队伍三类角色的登录认证与权限控制保障系统访问安全。2 系统实现本系统采用 B/S 架构前后端分离设计前端通过 Vue.js 构建用户界面后端通过 Spring Boot 提供 JSON 格式接口降低维护成本便于功能扩展。系统设置管理员、用户、科研队伍三种角色管理员负责全局数据维护、业务审核与统计分析用户负责浏览科研信息、申请加入队伍及个人信息管理科研队伍负责维护本队伍信息、发布科研成果与申报项目成果。以下按角色介绍各功能模块的实现。2.1 管理员功能管理员通过后台管理端登录系统拥有最高管理权限可对用户、科研队伍及全部业务数据进行统一管理并在系统首页查看数据统计图表。2.1.1 登录管理员在后台登录页面输入用户名和密码选择「管理员」角色点击「登录」按钮。系统验证账号密码验证通过后进入后台管理首页验证失败则提示错误信息。管理员登录界面如图 2-1 所示。图 2-1 管理员登录界面2.1.2 系统首页管理员登录成功后进入系统首页页面以图表形式展示系统运行数据包括公告发布统计、资源文件统计、用户年龄统计、队伍年龄统计四张 ECharts 统计图便于管理员直观掌握系统整体情况。系统首页界面如图 2-2 所示。图 2-2 管理员系统首页界面2.1.3 个人中心管理员可在个人中心查看和修改个人信息包括用户名、头像等修改后点击提交系统将更新后的信息保存至数据库。个人中心界面如图 2-3 所示。图 2-3 管理员个人中心界面2.1.4 用户管理管理员可在用户管理模块对系统用户进行新增、查看、修改、删除操作并可查看用户人数统计实现对注册用户信息的统一管理。用户管理界面如图 2-4 所示。图 2-4 用户管理界面2.1.5 科研队伍管理管理员可在科研队伍管理模块对所有科研队伍账号进行新增、查看、修改、删除操作维护队伍基本信息并查看队长人数统计。科研队伍管理界面如图 2-5 所示。图 2-5 科研队伍管理界面2.1.6 队伍信息管理管理员可在队伍信息管理模块对所有科研队伍的详细信息进行新增、查看、修改、删除包括队伍名称、研究方向、成员介绍等内容。队伍信息管理界面如图 2-6 所示。图 2-6 队伍信息管理界面2.1.7 队伍申请管理管理员可在队伍申请管理模块查看用户提交的队伍加入申请对申请记录进行审核、查看和删除保证队伍人员管理的规范性。队伍申请管理界面如图 2-7 所示。图 2-7 队伍申请管理界面2.1.8 科研成果管理管理员可在科研成果管理模块查看所有科研成果信息支持删除、成果类型管理、查看评论及数据导出实现对科研成果的统一监管。科研成果管理界面如图 2-8 所示。图 2-8 科研成果管理界面2.1.9 项目成果申报管理管理员可在项目成果申报管理模块查看各队伍提交的成果申报材料对申报记录进行审核、查看、删除及导出操作。项目成果申报管理界面如图 2-9 所示。图 2-9 项目成果申报管理界面2.1.10 公告信息管理管理员可在公告信息管理模块对系统公告进行新增、查看、修改、删除及时发布科研通知与政策信息。公告信息管理界面如图 2-10 所示。图 2-10 公告信息管理界面2.1.11 资源文件管理管理员可在资源文件管理模块维护全部科研资源文件支持查看、修改、删除、查看评论及数据导出实现科研资料统一管理。资源文件管理界面如图 2-11 所示。图 2-11 资源文件管理界面2.1.12 信息交流管理管理员可在信息交流模块查看用户发布的交流帖子对帖子进行查看、修改和删除维护信息交流秩序。信息交流管理界面如图 2-12 所示。图 2-12 信息交流管理界面2.1.13 轮播图管理管理员可在系统管理的轮播图管理模块配置前台首页轮播图片对轮播图进行新增、查看、修改和删除美化系统展示效果。轮播图管理界面如图 2-13 所示。图 2-13 轮播图管理界面2.2 用户功能用户通过系统前台访问科研管理系统可浏览科研队伍、科研成果、公告信息和资源文件申请加入科研队伍并管理个人信息。2.2.1 登录用户点击前台右上角「登录/注册」进入登录页面输入账号和密码选择「用户」角色后点击「登录」。验证通过后进入个人中心验证失败则提示错误信息。用户登录界面如图 2-14 所示。图 2-14 用户登录界面2.2.2 注册未注册用户可进入注册页面填写账号、密码、确认密码、姓名、年龄、性别、手机、头像等信息点击「注册」提交。系统校验通过后完成注册并跳转至登录页面。用户注册界面如图 2-15 所示。图 2-15 用户注册界面2.2.3 系统首页用户进入系统前台首页可通过顶部导航栏访问各功能模块。首页展示队伍信息推荐和科研成果推荐以卡片形式呈现队伍名称、组长姓名、成果名称等信息用户可点击查看详情。系统首页界面如图 2-16 所示。图 2-16 用户端系统首页界面2.2.4 队伍信息用户点击导航栏「队伍信息」进入列表页查看各科研队伍基本信息进入详情页后可查看队伍详细介绍并点击「加入申请」提交加入申请。队伍信息界面如图 2-17 所示。图 2-17 队伍信息界面2.2.5 科研成果用户点击导航栏「科研成果」可浏览各队伍发布的科研成果查看成果名称、所属队伍、成果类型等信息点击进入详情页查看完整内容。科研成果界面如图 2-18 所示。图 2-18 科研成果界面2.2.6 公告信息用户点击导航栏「公告信息」可查看系统发布的通知公告了解科研动态与相关政策。公告信息界面如图 2-19 所示。图 2-19 公告信息界面2.2.7 资源文件用户点击导航栏「资源文件」可浏览科研资料与文献资源查看文件详情并下载使用。资源文件界面如图 2-20 所示。图 2-20 资源文件界面2.2.8 信息交流用户进入「信息交流」模块可浏览科研相关帖子参与学术交流与讨论。信息交流界面如图 2-21 所示。图 2-21 信息交流界面2.2.9 个人中心用户登录后点击「个人中心」可查看和修改账号、密码、姓名、年龄、性别、手机、头像等信息点击「更新信息」保存修改。个人中心界面如图 2-22 所示。图 2-22 用户个人中心界面2.2.10 加入队伍管理用户登录后台管理端后可在加入队伍管理模块查看自己提交的加入队伍记录并进行删除操作。加入队伍管理界面如图 2-23 所示。图 2-23 加入队伍管理界面2.2.11 队伍申请管理用户可在队伍申请管理模块新增、查看、修改和删除队伍申请信息跟踪申请处理进度。队伍申请管理界面如图 2-24 所示。图 2-24 队伍申请管理界面2.3 科研队伍功能科研队伍通过后台管理端登录系统负责维护本队伍信息发布科研成果申报项目成果并管理公告与资源文件。2.3.1 登录科研队伍在后台登录页面输入队伍账号和密码选择「科研队伍」角色后点击「登录」。验证通过后进入后台管理首页。科研队伍登录界面如图 2-25 所示。图 2-25 科研队伍登录界面2.3.2 注册科研队伍点击「注册科研队伍」进入注册页面填写队伍账号、密码、队伍名称、组长姓名、性别、年龄、联系电话、头像等信息提交后即可完成注册。科研队伍注册界面如图 2-26 所示。图 2-26 科研队伍注册界面2.3.3 个人中心科研队伍可在个人中心查看和修改队伍账号、密码、队伍名称、组长姓名、性别、年龄、联系电话、头像等信息。个人中心界面如图 2-27 所示。图 2-27 科研队伍个人中心界面2.3.4 队伍信息管理科研队伍可在队伍信息管理模块新增、查看、修改和删除本队伍详细信息包括队伍名称、研究方向、成员介绍、封面图片等。队伍信息管理界面如图 2-28 所示。图 2-28 科研队伍信息管理界面2.3.5 加入队伍管理科研队伍可在加入队伍管理模块查看用户提交的加入申请对申请进行审核决定是否同意用户加入本队伍。加入队伍管理界面如图 2-29 所示。图 2-29 加入队伍审核界面2.3.6 科研成果管理科研队伍可在科研成果管理模块发布、编辑和删除本队伍科研成果支持查看评论和数据导出。科研成果管理界面如图 2-30 所示。图 2-30 科研队伍科研成果管理界面2.3.7 项目成果申报管理科研队伍可在项目成果申报管理模块提交项目成果申报材料支持新增、查看、修改、删除和导出操作。项目成果申报管理界面如图 2-31 所示。图 2-31 项目成果申报管理界面2.3.8 公告信息管理科研队伍可在公告信息管理模块发布与本队伍相关的通知公告支持新增、查看、修改和删除。公告信息管理界面如图 2-32 所示。图 2-32 科研队伍公告信息管理界面2.3.9 资源文件管理科研队伍可在资源文件管理模块上传和维护科研资料与文献资源支持新增、查看、修改、删除、查看评论及数据导出。资源文件管理界面如图 2-33 所示。图 2-33 科研队伍资源文件管理界面源码获取地址源码集市