广科新闻网
“广科新闻网”是一个基于 Java Web 技术实现的校园新闻管理系统，我把它做成了“前台阅读”和“后台管理”两套完整流程。这个项目以小组形式完成，我担任组长，主要负责前端开发，并且参与了一部分后端实现。
包含完整的源代码、文档和数据库文件
MISSION BRIEFING
Java Web 课程实训，校园新闻管理系统
协作规模
2
两人小组合作，我负责组长协调工作，同时负责前端并参与一部分后端实现。
架构
MVC
JSP、Servlet 以及 JDBC，职责分层更清晰。
核心能力
CRUD
后台支持发布、编辑以及删除，前台支持分类浏览、搜索以及分页阅读。
数据表
2
newsdetail 也就是新闻详情表，以及 admin 也就是管理员表，这两张表是核心。
交互重点
搜索
以关键词快速定位内容，降低信息获取成本。
目标体验
可读
详情页信息密度合理，适合 PC 阅读。
SCREEN TOUR
作品展示
点击图片可放大查看
页面列表
点击缩略图切换；点击右侧大图可放大查看
当前预览
点击图片可放大查看；放大后支持：滚轮缩放 · 拖拽平移 · ←/→ 切图 · Esc 关闭
新闻管理系统首页 - 最新资讯展示
项目概述
“广科新闻网”是我在 Java Web 课程实训中参与完成的一个校园新闻管理系统。这个项目我主要关注两件事，一件是把前台阅读体验做顺，让用户可以按分类去浏览新闻，也可以借助关键词搜索来快速定位内容。另一件是把后台管理流程跑通，让管理员能把新闻发布出来，并对已发布内容进行维护。
在实现上，我把系统按照前台与后台两端来组织。前台这边我把首页展示、新闻详情、分类列表、搜索结果这些页面串起来，同时把分页这类常见能力补齐，让信息呈现更清楚。后台这边则围绕新闻的新增、编辑以及删除来做管理操作，并配合管理员登录和会话管理，让功能边界更明确一些。
技术栈
FRONTEND
前端技术
- HTML5
- CSS3
- JavaScript
- JSP 4.0.1
- JSTL 1.2
BACKEND
后端技术
- Java
- JDK 1.8
- Servlet 4.0.1
- JDBC
- MySQL 8.0.33
- Maven 3.8.1
开发过程
- 1
需求分析与设计
我先依据实训指导书把需求拆开来梳理，并以组长身份组织小组成员完成需求讨论以及功能规划，最终确定“广科新闻网”的主题与功能范围。团队按模块分工协作，我主要负责前端设计与开发，并承担一部分后端实现，另一位同学负责另一部分后端模块。
- 2
数据库设计与实现
在数据层面，我把数据库结构先行设计好，核心以 newsdetail 新闻详情表以及 admin 管理员表为主，并选用 MySQL 作为数据库系统。newsdetail 里包含标题、内容、作者、发布时间、类型以及图片等字段，用来支撑前台展示与后台管理的关键数据。
- 3
后端开发
后端部分我选用 MVC 架构来开展实现，并把代码结构按职责拆清楚。domain 层负责定义数据实体类，比如 Title 以及 Admin 这些对象。dao 层用来封装数据库访问和读写操作。controller 层负责承接请求分发和业务编排，并提供 Servlet 服务。Tools 层则集中放置数据库连接等通用工具能力。
- 4
前端实现
前端侧我把信息呈现与交互路径优先做顺，包含新闻首页展示、新闻详情页、新闻分类页、搜索结果页，以及后台管理界面，让“发现内容 → 阅读内容 → 管理内容”的体验更完整。
- 5
测试与部署
最后我对系统进行较完整的功能测试与兼容性检查，针对发现的问题逐项修复，并把最终版本按实训要求完成部署与交付。
功能亮点
管理员可以在后台新增新闻内容，包含标题、正文以及类型等基础信息。
新闻发布之后也能继续做编辑修改，方便后续补充内容或修正错误。
对于过期或不再需要的新闻，后台也提供了删除入口，用来把内容做清理。
我把新闻按类别做了分类浏览，比如时事、财经、科技这些栏目，方便用户按兴趣快速筛选。
新闻列表采用分页展示，这样内容量变大时也不容易卡顿，并且更符合阅读习惯。
点击新闻标题会进入详情页，在详情页里可以查看完整内容以及相关信息。
系统支持按标题关键词搜索，这样在新闻量较多时也能更快定位内容。
搜索结果会以列表方式呈现，并延续列表页的分页体验，方便继续浏览。
后台提供管理员登录入口，用来把管理能力和普通浏览能力区分开。
登录之后我会做权限控制，只有管理员身份才能进行新增、编辑以及删除等管理操作。
系统使用 Session 来维护登录状态，这样用户在后台页面之间切换时也能保持已登录。
页面布局做了适配处理，在不同设备屏幕尺寸下也能保持较稳定的阅读体验。
我也对界面细节做过一轮调整，尽量让视觉信息更清爽，方便长时间阅读。