一篇文章如何到达浏览器:动态博客架构示例

· 开发笔记

从 PostgreSQL、C++ 服务端 HTML 到浏览器交互,理解内容发布与程序部署的区别。

阅读设置

只调整正文大小,仍可使用浏览器缩放。

文章目录

从数据库到阅读页面

这是一篇架构说明示例。它介绍当前项目采用的分工,不作为全部功能均已完成的声明。

一次阅读请求

浏览器请求文章地址,C++ 服务查询已发布的文章,生成 HTML 并返回。浏览器随后显示文字、样式和图片。

浏览器请求 /posts/文章标识
↓
C++ 路由与业务层
↓
PostgreSQL 中的已发布内容
↓
HTML 页面返回浏览器

前端仍然负责交互

服务端输出 HTML,并不会限制主题、菜单和动画。浏览器端可以使用 CSS 与 TypeScript 增强独立区域;Vue 管理后台负责写作、保存和发布。

两种更新

  • 内容更新:文章保存到数据库,发布后刷新即可读取。
  • 程序更新:修改 C++、Vue 或资源代码后,需要相应的编译与部署。

这样,日常写作不再需要重新构建整站。

评论服务的边界

未来接入已有 Twikoo 服务时,需要保留文章对应的稳定评论标识。文章地址可以调整,评论线程的对应关系应保持清楚。

这份本地示例不会连接线上评论服务。实际接入状态以当前项目记录为准。

为什么保留示例内容

它们帮助检查首页列表、分类、标签、目录和长文排版,也让第一次打开项目时有内容可读。正式使用前可以从后台修改或删除。