企业官网产品系统Vibe Coding

1. 立项原因：四川利翔文化传媒有限公司需要一个专业的企业门户网站，用于展示公司形象、发布新闻资讯、提供联系方式，提升品牌知名度和客户获取能力。
2. 行业场景：文化传媒行业竞争激烈，企业需要通过线上渠道展示自身实力和服务内容。本系统为传统传媒企业提供数字化转型解决方案，支持新闻发布、图片轮播、分类管理等功能，满足企业对外宣传和信息发布的需求。

1. 项目功能模块：
- 前台展示模块：首页轮播图、新闻列表、新闻详情、公司简介、联系方式
- 后台管理模块：新闻发布、新闻编辑、新闻删除、分类管理、发布时间设置、阅读次数统计
- 数据统计模块：新闻阅读次数自动统计、数据持久化存储
2. 主要功能描述：
系统采用前后端分离架构，前台基于Vue.js构建响应式页面，支持新闻分类浏览和详情查看；后台提供完整的新闻管理功能，支持发布时间自定义和阅读次数设置。系统集成ICP备案和公安备案信息展示，符合法律法规要求。数据库采用MySQL存储新闻数据，后端通过Express框架提供RESTful API接口，确保数据安全和高效访问。

1. 负责的具体任务：
- 前端页面开发：基于Vue.js框架搭建企业门户网站，实现首页轮播图、新闻列表、新闻详情、公司简介、联系方式等模块
- 后端API开发：使用Node.js + Express框架构建RESTful API，支持新闻的增删改查、阅读次数统计等功能
- 数据库设计：使用MySQL设计新闻数据表，包含标题、摘要、内容、图片链接、分类、发布时间、阅读次数等字段
- 备案信息集成：在页面底部添加ICP备案号和公安备案号，确保网站合规性
- 服务器部署：配置Nginx反向代理和PM2进程管理，确保网站稳定运行
2. 技术栈与架构：
- 前端：Vue.js + Vite构建工具 + TailwindCSS样式框架
- 后端：Node.js + Express框架
- 数据库：MySQL
- 服务器：Linux + Nginx + PM2
- 架构模式：前后端分离，前端通过API与后端通信
3. 实现亮点与难点：
- 亮点：实现了新闻阅读次数自动统计功能，用户点击新闻时阅读次数自动+1；通过动态注入JavaScript实现备案信息展示，无需修改Vue源码即可在压缩后的dist文件中添加功能。
- 难点：管理端为Vue打包后的压缩文件，无法直接修改源码，通过在index.html中注入JavaScript动态添加发布时间和阅读次数字段，并使用MutationObserver监听DOM变化确保字段在路由切换时立即显示；同时拦截fetch和XMLHttpRequest请求，自动注入字段数据到请求体。