一篇文章如何到达浏览器:动态博客架构示例
从 PostgreSQL、C++ 服务端 HTML 到浏览器交互,理解内容发布与程序部署的区别。
阅读设置
只调整正文大小,仍可使用浏览器缩放。
文章目录
从数据库到阅读页面
这是一篇架构说明示例。它介绍当前项目采用的分工,不作为全部功能均已完成的声明。
一次阅读请求
浏览器请求文章地址,C++ 服务查询已发布的文章,生成 HTML 并返回。浏览器随后显示文字、样式和图片。
浏览器请求 /posts/文章标识 ↓C++ 路由与业务层 ↓PostgreSQL 中的已发布内容 ↓HTML 页面返回浏览器前端仍然负责交互
服务端输出 HTML,并不会限制主题、菜单和动画。浏览器端可以使用 CSS 与 TypeScript 增强独立区域;Vue 管理后台负责写作、保存和发布。
两种更新
- 内容更新:文章保存到数据库,发布后刷新即可读取。
- 程序更新:修改 C++、Vue 或资源代码后,需要相应的编译与部署。
这样,日常写作不再需要重新构建整站。
评论服务的边界
未来接入已有 Twikoo 服务时,需要保留文章对应的稳定评论标识。文章地址可以调整,评论线程的对应关系应保持清楚。
这份本地示例不会连接线上评论服务。实际接入状态以当前项目记录为准。
为什么保留示例内容
它们帮助检查首页列表、分类、标签、目录和长文排版,也让第一次打开项目时有内容可读。正式使用前可以从后台修改或删除。