Shang Gao

Milestones

📋 ← Back to Home · 返回首页

© 2000-2026 Shang Gao. All rights reserved. 未经书面许可，不得用于商业用途。

Read 13

Professional Website Design 3

Content System Architecture v1.0.0

Shang Gao 2026-09-18

🏗️ What Was Done 完成清单

📦 Template Extraction · 模板抽离

✅ 抽取公共顶部模板（head + header + actions）
✅ 抽取公共底部模板（footer + print footer）
✅ 每篇文章只保留正文内容
✅ 重复代码大幅减少

🗂️ Category Metadata · 分类元数据

✅ 每个分类一个元数据文件
✅ 分类名（中英文）
✅ 描述
✅ 可见性级别
✅ 排序权重
✅ 图标

🔐 Visibility System · 可见性系统

✅ 四级：公开 / 会员 / 私有 / 草稿
✅ 主页区块过滤
✅ 顶部导航过滤
✅ 页脚导航过滤
✅ 列表页 404
✅ 正文页 404

⚙️ Data-Driven · 数据驱动

✅ 公共函数库读分类元数据
✅ 分类显示名（带目录名兜底）
✅ 读分类下所有文章（含可见性过滤）
✅ 加新分类零代码

📅 Version & Dates · 版本与日期

✅ 12 位时间戳（精确到秒）
✅ 语义化版本号
✅ 创建日期 + 更新日期

📚 What Was Learned 学习收获

📐 Template Design · 模板设计

✅ 公共模板 + 独有内容分离
✅ 改一处生效全站
✅ 加新文章只写内容

📊 Data-Driven Architecture · 数据驱动

✅ 分类信息集中在元数据
✅ 页面从元数据渲染
✅ 加分类零代码

🔐 Access Control · 访问控制

✅ 四级可见性
✅ 服务端过滤（不依赖前端）
✅ 私有内容返回 404（不暴露存在）

🐘 PHP

✅ 变量作用域与加载顺序
✅ 函数定义先于调用
✅ 常量保护敏感文件

🏛️ Architecture

✅ 文件系统即数据库
✅ 数据与视图分离
✅ 可扩展、可卸载

🔧 Refactoring · 重构

✅ 小步前进、每步可测
✅ 先抽模板、再换目录
✅ 数据驱动替换硬编码

🔄 Before / After 之前 / 现在

❌ Before · 之前	✅ After · 现在
❌ 每篇文章数百行重复代码	✅ 公共模板 + 独有内容
❌ 分类信息硬编码	✅ 分类元数据驱动
❌ 导航 / 页脚硬编码	✅ 动态生成
❌ 无内容可见性控制	✅ 四级可见性
❌ 加新分类要改代码	✅ 加新分类零代码