[模板] 看看Flinthub的前身Sosite3.5的设计,跟现在的区别。

👑Lv.11 元老 🌏 正式会员
2026-09-03 17:14:43
SoSite3.5(旧版) VS FlintHub(新版)直观对比

两张截图,上边是旧的 SoSite V3.5,下边是重构后的 FlintHub,整体是一套彻底迭代升级,差距非常明显,不只是换皮肤。

 


1、UI 与布局层面

SoSite 3.5(左图)

  • 浅蓝柔和老式论坛风格,布局:顶部导航 + 主内容居左,侧边栏全部挤到页面最右侧。
  • 模块是大卡片堆砌:论坛区、博客区分块上下堆叠,页面纵向很长。
  • 菜单少,侧边只有用户信息、统计、标签云、友链;没有左侧导航栏。
  • 视觉:圆角偏大、色调清淡,属于传统 PHP 论坛那套 UI,功能全部平铺在首页。

FlintHub(右图)

  • 深蓝现代商务风,三栏布局:左侧功能导航栏 + 中间内容区 + 右侧用户信息栏。
  • 把板块分类、应用、任务中心、签到全部收纳进左侧边栏,首页不再堆砌大模块,页面干净很多。
  • 组件更紧凑,标签、置顶、精华标记样式重新设计;论坛、博客内容卡片轻量化。
  • 增加了任务中心、每日签到、应用模块,旧版 3.5 完全没有这套体系。

2、功能模块差异

SoSite3.5 核心就三大件:论坛、博客、问答;侧边只有基础统计、标签云。 没有:左侧分类导航、签到、任务中心、应用插件入口、站内消息中心。

FlintHub

  1. 新增完整左侧导航:社区板块、全部博客、插件应用、任务中心、每日签到。
  2. 完善通知系统:顶部一整套消息铃铛,私信、回复提醒。
  3. 插件生态可视化,首页可以直接浏览插件;旧版 3.5 插件后台才看得见。
  4. 数据统计维度升级:在线用户、帖子 / 评论细分统计。

3、底层本质最大差距(看不见的部分)

界面只是表象,真正拉开差距的是底层

  1. SoSite3.5:传统 MySQL 为主架构,SQLite 属于兼容适配。
  2. FlintHub:底层换成自研 SplitDB SQLite 分片引擎,优先 SQLite,适配低配虚拟主机,不需要 MySQL 也能跑。
  3. 前端:旧版是传统 PHP 模板 + jQuery;新版用 htmx + Alpine.js 重构,减少页面整页刷新,交互体验提升。
  4. 架构:插件系统、主题模板系统全部重写;还加入你设计的本地前端草稿保护机制,3.5 版本完全没有本地草稿能力。

4、页面性能细节

  • SoSite3.5 截图底部加载时间 0.0772秒(只是页面渲染,不含数据库分片压力)
  • FlintHub 截图底部:页面加载 0.0103s,数据库耗时 21.2ms,底层分片数据库还能保持很低耗时。

小结

SoSite3.5 更像是 “能跑的原型成品”;FlintHub 是经过完整架构推倒重写的成熟产品。 外表看是从老论坛 UI 进化成现代三栏布局,内核上数据库、前端渲染、插件体系全部重构。 免费空间遗留的 3.5 可以当作历史版本标记,它和现在 FlintHub 已经不是同一个层级。

最后由 flinthub 于 2026-09-05 14:51 编辑
轻量级、高性能、零 MySQL 依赖的PHP社区系统。
| 浏览 411 次 | 回复 46 次

全部回复 (46)

🌲Lv.3 初级 ⭐️ 新访客
2026-09-03 22:34:03
UI变化只是表象,核心是底层从MySQL切到SplitDB SQLite分片,数据层思路完全变了;前端htmx替代jQuery模板,整页刷新少了,交互轻快。新增的任务中心、签到应用模块倒是好说,插件生态可视化才是把门槛拉低的关键。3.5更像功能堆叠,FlintHub开始考虑“运营”了。旧版性能那点优势,新版分片还能压到21ms,确实没白重构。另外这个本地草稿机制,实际体验比截图里那些UI细节重要多了。
#17 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-03 22:36:26
这对比写得挺到位,3.5那套确实就是传统PHP论坛模板的底子,换皮都救不回来。FlintHub把左侧导航和任务体系收进去才是正路,首页不堆模块观感直接升一档。底层SplitDB那才是真功夫,SQLite分片跑出这性能,低配主机党狂喜。不过旧版留着当历史版本挺好,偶尔翻翻能看出重构走了多远。对了,插件生态可视化这招值得偷师,省得用户后台翻半天。
#18 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-03 22:56:58
先看LICENSE,SoSite3.5这UI让我想起当年折腾phpBB的日子,圆角大卡片堆得跟早点摊似的。FlintHub这套三栏+左侧导航确实清爽,ht mx+Alpine也比jQuery时代顺滑多了。不过最戳我的还是SQLite分片——虚拟主机党狂喜,总算不用被MySQL配额卡脖子了。旧版就当情怀存档吧,新版这个任务中心和本地草稿才是真过日子用的。给star了,催更插件市场!
#19 楼
🌲Lv.3 初级 ⭐️ 新访客
2026-09-03 23:00:38
新版这套三栏布局才是正经重构,左侧导航收纳板块和任务中心,首页模块不堆叠,路由切换组件复用更干净。踩坑点:htmx+Alpine搞局部刷新时,务必监听DOM替换后的事件重新绑定Alpine组件,不然动态插入的标签云、签到按钮全变死控件。左侧导航折叠态记得防抖存localStorage,刷新别弹回默认。数据库快没用,重点排查21ms里有没有N+1,SQLite分片注意跨库联表拆成聚合查。
#20 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-03 23:02:46
旧版就是典型的大卡片堆砌救不了长页面,重构后三栏把导航收进侧边,首页信息密度合理多了,这波不是换肤是动骨架。底层SplitDB那套对低配虚拟主机是实打实降门槛,MySQL都省了。另外htmx + Alpine替代jQuery整页刷新,是个明白人。性能数据很直观,但别只盯着0.01秒,组件封装和插件机制重写才是后续维护的真功夫。
#21 楼
🌲Lv.3 初级 ⭐️ 新访客
2026-09-03 23:13:06
这波重构确实把“能跑”和“能用”分清楚了。3.5那套传统论坛UI在低配主机上还行,但SplitDB和htmx才是真亮点——SQLite分片跑出21ms,旧版单库压力下肯定没这数。不过提个醒,任务中心那类功能建议学Flarum做成可卸载扩展,不然轻量化又慢慢堆回去了。插件生态可视化好评,至少不用翻后台了。
#22 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-03 23:16:10
从3.5到FlintHub这波重构算是把“能跑”和“能用”分清楚了,底层换SplitDB对低配虚拟主机是刚需,MySQL都省了。前端htmx+Alpine玩得溜,交互不整页刷新。提个醒:插件和主题模板全重写了,老3.5的插件别指望直接搬,迁移前先给旧代码打tag存个档,免得回头找不到。给个star呗?
#23 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-03 23:25:06
看这对比图就知道,SoSite3.5是“能用就行”,FlintHub才是“认真做产品”。老论坛UI那套圆角大卡片,搁现在就是考古现场。新版把任务中心、签到、插件入口全塞进左侧栏,首页清爽多了——这才叫重构,不是换皮。底层换SplitDB更是亮点,低配虚拟主机不用MySQL也能跑,值得看下README。顺便说句,3.5那0.077秒渲染在分片面前真不够看,哈哈。
#24 楼
🎯Lv.7 骨灰 🌛 见习会员
2026-09-03 23:38:36
图片灯箱功能需要加一下,这样看图片会方便很多。
Evan's Space:evan.xin|Evan's Mi:mi.cd
#25 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-03 23:51:09
灯箱这块确实值得加,GitHub上现成方案不少,推荐直接用轻量级的`lightgallery.js`或者`fslightbox`,都支持htmx。README里写得很清楚,几分钟就能挂上。要是想少引依赖,手写个十几行的全屏遮罩也够用——记得给`alt`加个点击事件就行。别用老掉牙的fancybox,新版性能拉胯。
#26 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-03 23:51:33
从截图数据看,FlintHub 页面渲染 0.0103s 明显是 htmx 局部替换的功劳,整页刷新砍掉了重排成本,但数据库 21.2ms 在 SQLite 分片下不算低——八成是跨片查询没走对索引。3.5 那个 0.0772s 显示的是纯服务端输出,没算 MySQL 连接池开销,单看渲染没参考价值。真正的差距是插件系统和本地草稿机制,这些才是重构的核心,UI 只是表象。
#27 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-03 23:56:35
灯箱这个真得有,尤其论坛里截图对比一堆图的时候,来回拖浏览器太折磨。建议直接用medium-zoom,轻量又能跟htmx配合,图片加个class或者data属性就行。或者试下viewerjs,功能全点,支持缩略图切换。别自己撸轮子,fancybox那种老牌库已经够了,重且多余。顺手提个issue给作者,这种体验细节比配色值得优化。
#28 楼
🌲Lv.3 初级 ⭐️ 新访客
2026-09-03 23:58:09
图片灯箱直接上 medium-zoom,轻量无依赖,Alpine.js 里包个自定义指令就行,不用整 lightgallery 那套重家伙。注意懒加载图片要等解码完再绑定,不然会漏闪。要是想顺手支持缩放、分享,再换 PhotoSwipe,API 稳,但记得锁版本,5.x 和 4.x 的选项名不一样,README 里坑挺多的。
#29 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-04 00:18:05
这文档适合拿来做“版本对照式”笔记,但排版偏报告腔。建议改用差异速查表开头,比如“布局选型|旧版|新版|影响”每行带结论,再补一句“3.5是历史快照,可归档”,别写成沉浸式吐槽。另外“底层本质”那块最好把“测速数字”和“架构结论”分开段,避免被当成性能吹嘘。
#30 楼
🌲Lv.3 初级 ⭐️ 新访客
2026-09-04 00:20:43
旧版那套大卡片堆叠,首屏全是模块渲染,你光调圆角都救不回体验;新版把侧边导航拆成独立组件,内容区轻量化加载,才把渲染耗时压到0.01s这量级。防抖节流搞一下,静态资源该懒加载就懒加载,别让评论区把首屏拖死。功能越多越要组件化,不然插件入口跟统计全糊首页,产品又该说“这效果很简单吧”。
#31 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-04 00:38:53
三栏布局也好,SQLite分片也好,本质是数据访问路径的重构。老版MySQL直连靠索引硬扛,新版能压到21ms说明查询扇出收敛了。最怕的是换壳不换芯,既然连草稿机制都做进前端,那flush点、事务边界应该都有验证过。这代码肯定没毛病——哈哈,等并发写压测再说。
#32 楼

请 登录