- 内容:
题目:基于Web的科研项目文献资料管理系统的设计与开发
科研人员在对一个课题进行研究之前,往往都会从互联网上收集大量的相关资料,对其进行仔细阅读,从中了解所研究内容的国内外发展情况。随着科研人员的研究工作的开展,他们的计算机里所存储的文献资料也越来越多。为了更有效地利用这些文献资料,对其进行有效的管理是十分必要的。现要设计一个科研文献管理系统,用来对科研人员计算机中的科技论文资料进行统一管理,以使他们能根据研究主题快速地找到所需的论文资料。
-
** 技术栈:** 前端: serve文件夹下,使用js+vue进行搭建,使用vite为打包构建工具 后端:使用nodejs + express 搭建 数据库: Mysql
-
需求分析:
-
功能分析
本项目是基于Web的科研资料管理系统,需要具备以下功能
- 登录注册:需要对使用系统的用户进行管理和区分,对不同级别的用户开放不同的功能对没有账号的用户开放注册接口
- 论文增加:添加论文信息,需要包含论文的课题,作者,发表刊名,来源,时间以及论文摘要
- 论文修改:对选中论文局部或全部信息进行修改。
- 论文保存:将修改的论文信息或添加的论文信息保存到数据库
- 论文删除:将已有的论文删除并同步数据库信息
- 论文查找:通过局部信息或全部信息查找相关论文,允许但不限于论文题目,作者,来源等
- 用户信息管理:需要展示已登录用户的信息,并且允许用户对自己的信息进行修改
-
界面分析
根据需要的功能,实现承载功能的界面
- 登录注册界面:需要实现用户依据账号登录,对没有账号的用户开放注册接口
- 论文增加:可以填入论文信息,有保存按钮
- 论文修改:可以显示选中的论文信息并允许对信息进行修改
- 论文保存:可以将信息保存到数据库
- 论文删除:提供删除按钮可以将数据库中论文信息删除
- 论文查找:提供查找输入框,和查找结果的显示界面
- 用户信息:提供用户信息的显示界面
-
安全分析
- 登录验证:用户登录时上传用户名和密码至后端数据库,验证是否符合要求
- 登录加密:将用户登录使得密码进行加密传输,数据到达后端后再解密比对
- 用户身份验证:区分普通用户和管理员,对不同级别用户开放不同功能
- 用户身份码:后端给用户分配唯一的 token 码,系统检测到token码时才能使用
-
-
总体设计
-
界面设计
- 登录注册界面:在一侧设置登录数据表单,另一侧放置图片点缀
- 主页:左侧设计菜单栏,右侧为显示界面。右侧上方有界面名称的tab栏,下方为显示主体
-
架构设计
- 整体架构:项目采用前后端分离的架构设计,使用Vue3语法,数据库使用MySQL
- 前端架构:前端使用Vue语法,使用vite为脚手架构建前端框架,界面使用Element-plus快速构建,使用axios实现网络功能
- 后端架构:后端采用express构建后端服务器,数据库使用MySQL实现数据交互,端口默认3000
-
组件设计
-
前端:
- 登录注册页面
- 主体页面
- 菜单组件:显示可选功能
- 内容区域组件:显示不同功能的内容
-
后端
- view :页面
- router:后端
- controller:把前端数据处理并查询数据库
- service:对数据库返回的数据进行处理返回前端
- MySQL:存储用户信息和论文信息
-
-
-
可行性分析
- 技术可行性
-
规范化数据模型
- 账号
- 论文信息
- 用户信息
-
详细设计
-
前端设计
- 界面设计
- 功能设计
-
后端设计
- 接口设计
- 功能设计
-
-
代码实现:
- 前端
- 后端 # SCIManage