本系统为用户而设计制作新闻推荐系统,旨在实现新闻推荐智能化、现代化管理。本新闻推荐管理自动化系统的开发和研制的最终目的是将新闻推荐管理的运作模式从手工记录数据转变为网络信息查询管理,从而为现代管理人员的使用提供更多的便利和条件。使新闻推荐系统数字化、智能化,是提高工作效率的重要举措。
为了更好地发挥本系统的技术优势,根据新闻推荐系统的需求,本文尝试以B/S经典设计模式中的Spring Boot框架,JAVA语言为基础,通过必要的编码处理、新闻推荐系统整体框架、功能服务多样化和有效性的高级经验和技术实现方法,旨在完成一个快速、高效、便捷的新闻推荐系统。本系统以用户与管理员两类人,作为目标用户,其中用户主要功能包含用户的注册与登录,查看排行榜、新闻进行收藏等,对账号相关信息的修改;管理员主要功能包括了对用户信息、排行榜、新闻、新闻类型等管理;管理员可以实现最高权限级别的全系统管理,
系统相关技术
系统开发、运行环境
预期的物理环境如下:
1)控制系统在正常温度环境条件下运行。
2)控制系统在干净的场所内运行。
预期的生产技术环境条件如下:
1)网络传输速度为1M以上的网络。
2)电脑:CPU双核以上P42.0G及以上,内存二百五十六万M或以上,硬盘大小四十兆G或是以上,10M网卡/一百兆M千兆网卡,Windows2000/2003/NT/XP/Vista/Windows 7以上中文操作系统。
3)数据库新闻推荐系统:Oracle9g或以上。
环境配置如表2.2:
表2.2 环境配置表
序号 | 配置项 | 环境要求 |
1 | 系统开发工具 | Eclipse |
2 | 数据库 | Mysql |
3 | 运行环境 | Jre tomcat |
4 | Java主要开发包 | Lang util springframework servlet text io |
需求分析
系统用例图
一个用例图就能对应出系统中的一个功能过程,系统中完整的功能都是由许多不同的用例图所组成的。
系统用例图如图3-1、图3-2所示。
图3-1 管理员用例图
图3-2用户用例图
系统设计
总体功能设计
一般个人用户和管理者都需要登录才能进入新闻推荐系统,使用者登录时会在后台判断使用的权限类型,包括一般使用者和管理者,一般使用者只能对新闻信息提供查阅和个别使用信息内容的查看,而管理者则能对多个信息内容提供使用。
整体系统的主要功能模块如图4-1:
图4-1 新闻推荐系统功能图
系统登录模块设计
用户在启动操作系统时会调用的一个模块。该模型通过用户输入的账号、密码来确定应用的类别,切换到该类应用的页面。
本模块的功能点包括:
1)确定账号与密码是否一致。
2)完全按照系统所规定使用权限的权限类型,,直接通过登陆进入到系统权限的制定管理页面中即可进行授权使用。
登录模块流程图如图4-2:
数据库设计
管理静止网站时是由WEB客户端向Web传送静态页面,而Web客户端直接对所传送的静态页面进行管理。
实现动态网页数据库信息查询请求的最基本处理流程概括为:当一个WEB用户成功向动态网页服务器数据库发送信息请求成功后,对其动态页面库的一种主要的处理实现方法之一是,屏蔽掉其中所有动态HTML代码,只须使用一个动态的动态网页文件,由动态Web浏览器程序直接地在该数据库服务器上进行传递动态信息,然后再通过该数据库服务器的处理程序返回到信息集,由该Web应用服务器处理程序再一次将包含动态程序代码在内的动态页面,转化为一个静态页面信息并自动返回到网页浏览器。也就是网站在这个动态页里对网页信息自动进行检索并最终把这些信息自动返回传递到网站用户处的这个全自动化过程。
数据库查询示意图如图4-3:
图4-3 数据库查询示意图
数据库设计阶段目标表见表4-4:
阶段 | 目标 |
概念设计 | 了解功能需求,通过分析系统功能定义出系统有哪些实体联系图(即E-R图) |
逻辑设计 | 把E-R图转换成能处理的逻辑模型,检查是否满足第三范式的要求 |
物理设计 | 基于基本数据模型,生成适用于应用系统的物理结构 |
表4-4 数据库设计阶段目标表
E-R图设计
根据以上分析,本系统中包含多个实体,根据他们以及他们的关系绘制出E-R图如下:
- 用户信息E-R图如下图4-5:
图4-5用户信息E-R图
- 新闻E-R图如下图4-6:
图4-6新闻E-R图
- 排行榜E-R图如下图4-7:
图4-7排行榜E-R图
-
系统实现
用户前台系统功能模块实现
当游客打开系统的网址后,首先看到的就是首页界面。在这里,游客能够看到新闻推荐系统的导航条显示首页、排行榜、新闻、个人中心。系统首页界面如图5-1所示:
图5-1系统首页界面
当用户进入前台系统进行相关操作前必须先注册登录,在注册页面填写账号、性别、手机、头像等信息,前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息,检查用户名是否唯一,并将新用户数据存入MySQL数据库。完成后,后端向前端发送注册成功的确认,前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。如图5-2所示。
图5-2用户注册界面图
用户登录,用户在登录页面通过填写账号、密码,完成登录,在登录流程中,用户首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求,通过与MySQL数据库交互验证用户凭证。如果认证成功,后端生成一个令牌(如JWT)并返回给前端,允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图5-3所示。
图5-3用户登录界面图
用户点击排行榜,在排行榜页面的搜索栏输入标题等信息,进行查询,可以查看标题、类型、图片、视频、赞、收藏数量、点击次数等信息,还可以进行收藏、评论或者点赞等操作;如图5-4所示。
图5-4排行榜页面
用户点击新闻,在新闻页面的搜索栏输入标题等信息,进行搜索,可以查看标题、类型、图片、视频、赞、收藏数量、点击次数等信息;还可以进行收藏、评论或者点赞等操作;如图5-5所示:
图5-5新闻页面
用户点击个人中心,在个人中心页面可以修改个人信息,还可以对修改密码、我的收藏管理进行详细操作,如图5-6所示。
图5-6个人中心界面图
管理员功能模块实现
本模块主要是使用者可以通过新闻推荐系统的首页进入该系统。用户输入正确的账号名和密码,一旦输入信息有错,将在系统显示错误提示,同时严禁系统用户做出其他动作。如果注册信息正确无误,系统就会按照使用者的身份信息做出有关权利的判定,用户进入前台系统,管理者则进入后台系统。管理员登录主页面如图5-7所示:
图5-7 管理员登录主页面
管理员进入主页面,主要功能包括对首页、排行榜管理、新闻管理、新闻类型管理、用户管理、管理员管理、轮播图管理等进行操作。管理员主页面如图5-8所示:
图5-8管理员主界面
用户信息功能在视图层(view层)进行交互,比如点击“新增”按钮或填写用户信息表单。这些用户信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后,调用服务层(service层)以执行相关的业务逻辑,例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后,进一步与数据访问对象层(DAO层)交互,后者负责具体的数据操作如搜索、新增、修改或删除用户信息,并将操作结果返回给控制器。最终,控制器根据这些结果更新视图层,以便用户信息功能可以看到最新的信息或相应的操作反馈。在用户信息页面的输入栏中输入账号进行搜索,可以查看到用户详细信息,并根据需要进行修改或者删除等操作;如图5-9所示:
图5-9用户管理界面
新闻类型功能在视图层(view层)进行交互,比如点击“新增”按钮或填写新闻类型表单。这些新闻类型动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后,调用服务层(service层)以执行相关的业务逻辑,例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后,进一步与数据访问对象层(DAO层)交互,后者负责具体的数据操作如搜索、新增、修改或删除新闻类型,并将操作结果返回给控制器。最终,控制器根据这些结果更新视图层,以便新闻类型功能可以看到最新的信息或相应的操作反馈。在新闻类型页面的输入栏中输入新闻类型进行搜索,可以查看到新闻类型详细信息,并根据需要进行修改或者删除等操作。如图5-10所示:
图5-10新闻类型界面
管理员点击轮播图,在轮播图页面输入名称、值等信息,可以修改轮播图等操作。如图5-11所示:
图5-11轮播图界面
管理员点击新闻,在新闻页面对标题、类型、图片、视频、赞、收藏数量、点击次数等信息,可以搜索或删除新闻等操作。如图5-12所示:
图5-12新闻界面
管理员点击排行榜,在排行榜页面对标题、类型、图片、视频、赞、收藏数量、点击次数等信息,可以搜索、新增或删除排行榜等操作。如图5-13所示:
图5-13排行榜界面
系统测试
测试环境,软件和硬件的配置清单见下表。
测试环境表6-1:
表6-1 测试环境表
设备名称 | 硬件配置 | 应用程序 | |
服务器端 | 处理器 | 1.6GHz 双核 Intel Core i5 (Turbo Boost 最高可达 3.6GHz),配备 4MB 三级缓存 | jdk1.8, tomcat9.0.12, Mysql8.0 maven3.5 |
内存 | 8 GB | ||
主硬盘 | 128GB PCIe 固态硬盘 | ||
网卡 | 802.11a/b/g/n | ||
客户端 | 处理器 | 1.6GHz 双核 Intel Core i5 (Turbo Boost 最高可达 3.6GHz),配备 4MB 三级缓存 | macOS |
内存 | 8 GB | ||
主硬盘 | 128GB PCIe 固态硬盘 | ||
显卡 | Intel UHD Graphics 617 | ||
网卡 | 802.11a/b/g/n |