旧系统编辑体验差、发布流程冗长、读者端加载慢且功能单一,属于前后端不分离项目。本项目旨在构建一个集高效创作、协同编辑、实时发布、多端阅读于一体的现代化平台。
项目具体包含五大模块以及模块下的子模块,发布管理(插页管理,矩阵管理,海报管理,特刊管理,特刊模板,图文混排,发布管理,电子报编辑),管理中心(报纸管理,版次管理,模板管理),内容中心(文章管理,CDN刷新),系统管理(总配置,菜单管理,用户管理,角色管理,权限管理,接口管理,快速删除,日志管理),工作台(任务统计,首页)。
用户可以在该系统进行每日报纸的签发,报纸内容修改,分配发布任务,可以对每一份报纸进行管理,配置每一份报纸的参数,对不同角色进行不同页面配置,权限配置,对接口进行配置,防止接口被入侵,对每一个用户操作都进行日志登记,每一个接口异常进行日志登记。可以定时发布报纸,无需人员按时发布。发布任务可以内外网发布,时间可以随意配置。报纸编辑可以对文章进行修改编辑,可以进行图文混排,编辑保存前可以直接预览每份报纸的样式,因为每份报纸的样式是不一样的,可以上传报纸模板,该模板格式是html文件和css文件,每篇文章都有修改流程管理,可以清晰的看到那个用户在什么时间点进行了什么修改,图文混排可以使用鼠标快速框选选择图片进行图文混排。
独立负责新报纸编辑前端框架设计、核心页面(文章编辑,图文混排,文章管理,模板管理,版次管理,任务系统等)开发以及后端API联调。
运用了React前端框架、Ant DesignUI库。
项目亮点:
一、富文本编辑器深度定制与性能优化:
难题: 市面编辑器无法满足报纸排版复杂要求(标题层级、图文混排、特定样式、敏感词过滤)。
解决:
1、基于百度编辑器进行二次开发,深度定制符合报纸排版规范的块级元素(标题、引文、图片组、信息图)和行内样式。
2、集成 Ant Design 组件作为编辑器工具栏和侧边栏,实现无缝UI融合。
3、开发自动保存与版本历史功能 (基于后端API),支持按时间点恢复。
4、实现 前端敏感词实时校验 (词库定期更新),违规内容高亮提示。
5、图文混排图片过多支持鼠标框选图片,一键进行选中或者取消选中。
结果: 编辑效率提升35%,排版错误减少60%;稿件丢失风险降至0。
二、稿件全生命周期管理:
难题: 稿件状态流转复杂(草稿、审核中、已驳回、待发布、已发布、已归档),编辑难以追踪。
解决:
1、使用 Ant Design 构建可视化稿件管理后台,支持多维度筛选(状态、作者、栏目、日期)。
2、清晰展示稿件状态流转图。
结果: 编辑对稿件进度一目了然,平均处理时间缩短25%。
三、发布任务难整理,耗时长
难题:每天的报纸都有一个固定的发布时间,以及发布人员的安排,之前还是通过excel手动登记
解决:
1、设计报纸的定时发布功能,发布人员的任务表,支持每天,每周甚至每月的一个发布任务。
结果:发布任务一目了然,管理员可以直接一件导出,管理者查看任务情况时间缩短50%