线上访问
HTTP 自动跳转 HTTPS，可通过二级域名访问完整网站。
打开网站About
项目说明与使用方法
本项目是 Web 前端开发技术基础期末实践作品，面向市场监管舆情分析场景，使用静态前端技术完成多页面数据展示、交互筛选与技术报告配套说明。
项目目标
将论文《针对市场监管问题的网络舆情分析——基于微博用户评论》中的分析流程转化为一个可浏览、可交互、可展示的 Web 前端项目。页面不只复述论文结论，而是用仪表盘、主题卡片、语义网络和筛选器帮助用户快速理解两地舆情差异。
目录结构
| 路径 | 作用 |
|---|---|
| index.html | 总览页，展示核心数据、情感图表和结论入口 |
| pages/data.html | 数据流程页，展示采集、清洗、建模和呈现过程 |
| pages/topics.html | 主题分析页，展示关键词、语义网络和 LDA 主题解释 |
| pages/recommendations.html | 治理建议页，展示案例筛选和分角色行动建议 |
| assets/css/style.css | 统一页面布局、响应式规则和视觉风格 |
| assets/js/data.js / app.js | 演示数据、图表绘制、筛选、页签和折叠交互 |
安装使用
- 直接双击打开根目录下的 index.html，即可进入项目首页。
- 也可以在项目目录运行本地静态服务器，例如 python -m http.server 8000，然后访问 http://localhost:8000。
- 所有页面使用相对路径引用资源，部署到任意静态服务器即可访问。
线上部署
项目已部署到 VPS 服务器，线上地址为 https://web.020814.xyz。服务器采用 Ubuntu 24.04，公网 80/443 由 Nginx Proxy Manager 接管并签发 Let's Encrypt 证书，静态资源由宿主机 Nginx 在 18081 端口提供，文件目录为 /var/www/web.020814.xyz。
部署方式
上传 source 目录内容到静态目录，NPM 反代到宿主机 Nginx 后端。
NPM + Nginx更新方式
替换部署目录文件后执行 nginx -t 与 systemctl reload nginx。
可重复部署功能亮点
- 多页面导航：总览、数据流程、主题分析、治理建议、项目说明。
- 响应式布局：移动端自动切换折叠菜单，表格支持横向滚动。
- JS 交互：城市页签、关键词解释、案例筛选、折叠面板。
- Canvas 图表：评论规模、情感倾向、关键词排名均用原生 Canvas 绘制。
- SVG 可视化：用节点与连线展示两地核心语义网络。
提交材料
说明与边界
本项目聚焦前端展示，不连接实时微博接口，也不重新训练情感模型或 LDA 模型。页面中的有效评论数量和主题解释来自论文内容，情感比例和部分权重为适配前端演示而整理的归纳数据，适合作为课程实践作品展示。