一、模板系统概述

iCMS 模板系统采用模块化设计，提供默认模板、表单模板及核心功能模板，支持多语言和组件化开发。系统包含以下核心目录：

1. blog - 默认博客模板
2. formsApp - 表单默认模板
3. iCMS - 系统核心功能模板
4. tools - 工具类模板

二、默认博客模板 (blog)

1. 语言包管理

• 路径: /lang/
  • ALL.json - 全局默认语言包
  • zh.json - 中文语言包
  • en.json - 英文语言包

2. 核心页面模板

3. 栏目模板

4. 侧边栏组件

• 路径: /right.*.htm
  • right.about.htm - 关于模块
  • right.author.htm - 作者信息
  • right.comments.htm - 评论模块
  • right.hots.htm - 热门内容
  • 支持搜索/社交链接/标签等扩展

5. 通用组件 (Widgets)

• 路径: /widget/
  • footer.htm - 全站页脚
  • pagination.htm - 分页组件
  • nav.htm - 面包屑导航
  • item.pic.htm - 带缩略图的文章列表项
  • 包含头部/图文项等可复用模块

三、表单模板 (formsApp)

• 核心文件: index.htm
  用于渲染自定义表单页面，支持数据提交与验证

四、系统核心模板 (iCMS)

1. 评论系统

• 路径: /comment/
  • form.htm - 评论输入框
  • list.item.htm - 单条评论结构
  • vlist.htm - Vue实现的动态评论列表
  • 支持API交互和回复功能

2. 用户中心

• 主入口: /user/home.index.htm

  • 功能模块:
    • 登录/注册 (login.htm, register.htm)
    • 账户管理 (邮箱/密码/手机号修改)
    • 内容管理 (文章/评论/文件)
    • 订单/消息/隐私条款等

• 特色组件:

  • file/preview.htm - 文件预览
  • dialog.report.htm - 举报弹窗
  • usercp/menu.htm - 用户中心导航菜单

3. 社交功能

• 路径: /svg-icon/
  • 包含微信/QQ/微博等第三方登录图标
• weixin.api.htm - 微信接口专用模板

4. 通用组件

• public.ui.htm - 全局UI组件库
• public.dialog.htm - 通用弹窗框架
• browse.htm - 文件管理器界面

五、工具类模板 (tools)

• links.target.htm - 链接跳转处理页

六、开发规范建议

1. 多语言支持
   通过/lang/*.json实现国际化，优先使用语言代码命名的独立包

2. 组件化开发

   • 公共区块存放在widget/目录
   • 侧边栏模块使用right.*.htm命名规范

3. 响应式设计
   模板默认包含移动端适配，建议保留hero.htm等响应式组件

4. API交互
   评论/收藏等动态功能通过api.*.htm实现前后端分离

提示：修改模板时建议保留原始文件副本，系统升级时可通过对比工具合并变更。

模板结构树

./template
|-- blog 默认模板
|   |-- lang
|   |   |-- ALL.json 所有语言的语言包 或下面单独语言包
|   |   |-- zh.json 中文语言包
|   |   |-- en.json 中文语言包
|   |-- article.htm 文章内页
|   |-- article.search.htm 文章搜索
|   |-- content.group.htm
|   |-- content.htm  自定义应用内页
|   |-- content.index.htm 自定义应用栏目首页
|   |-- content.list.htm 自定义应用栏目列表
|   |-- content.search.htm 自定义应用搜索
|   |-- demo.htm
|   |-- index.htm  网站首页 
|   |-- node.index.htm 通用栏目首页
|   |-- node.list.htm 通用栏目列表
|   |-- package.json 模板信息文件
|   |-- public.ui.htm 通用UI
|   |-- right.about.htm 页面区块
|   |-- right.author.htm 页面区块
|   |-- right.comments.htm 页面区块
|   |-- right.hots.htm 页面区块
|   |-- right.links.htm 页面区块
|   |-- right.search.htm 页面区块
|   |-- right.social.htm 页面区块
|   |-- right.tags.htm 页面区块
|   |-- tag.htm 标签页
|   `-- widget
|       |-- actions.htm 页面区块
|       |-- footer.htm 页脚
|       |-- hero.htm 页面区块
|       |-- item.htm 文章列表项
|       |-- item.pic.htm 文章列表项图片
|       |-- nav-main-item.htm 页面区块
|       |-- nav.htm 面包屑导航
|       |-- pagination.htm 翻页
|       `-- top.htm 页面区块
|-- formsApp 表单默认模板
|   `-- index.htm 表单
|-- iCMS  系统默认模板
|   |-- comment 评论
|   |   |-- api.list.htm  评论api
|   |   |-- api.reply.htm  评论回复api
|   |   |-- event_comment_load.htm
|   |   |-- form.htm 评论框
|   |   |-- list.item.htm 评论列表项
|   |   |-- reply.item.htm 评论回复列表项
|   |   |-- vlist.htm 评论列表vue实现
|   |   `-- vlist.json.htm
|   |-- favorite
|   |   |-- dialog.create.htm 收藏对话框
|   |   |-- dialog.list.htm 收藏对话框-内容列表
|   |   `-- vlist.htm 收藏列表
|   |-- files
|   |   `-- browse.htm 用户文件管理
|   |-- forms
|   |   `-- create.htm 自定义表单
|   |-- message
|   |   `-- dialog.send.htm 信息发信对话框
|   |-- public.captcha.htm 通用验证码
|   |-- public.dialog.htm
|   |-- public.ui.htm 通用ui
|   |-- svg-icon 社交登陆图标
|   |   |-- github.svg
|   |   |-- google.svg
|   |   |-- qq.svg
|   |   |-- weibo.svg
|   |   `-- weixin.svg
|   |-- user 通用用户中心
|   |   |-- activate.htm 用户激活
|   |   |-- article 文章管理模块
|   |   |   |-- manage.htm
|   |   |   `-- publish.htm
|   |   |-- card.htm 用户信息卡
|   |   |-- comment 评论管理模块
|   |   |   `-- manage.htm
|   |   |-- content 自定义内容模块
|   |   |   `-- home.htm
|   |   |-- dialog.report.htm 举报
|   |   |-- file 文件管理
|   |   |   |-- add.htm
|   |   |   |-- picbtn.htm
|   |   |   `-- preview.htm
|   |   |-- footer.htm
|   |   |-- home.index.htm 用户首页
|   |   |-- login.close.htm 关闭登陆页
|   |   |-- login.htm 登陆页
|   |   |-- manage 用户信息管理
|   |   |   |-- aff.htm 邀请
|   |   |   |-- email.htm 修改邮箱
|   |   |   |-- index.htm 用户中心首页
|   |   |   |-- message.htm 信息
|   |   |   |-- modifypwd.htm 修改密码
|   |   |   |-- order.htm 订单管理
|   |   |   |-- phone.htm 修改手机号
|   |   |   `-- profile.htm 修改个人信息
|   |   |-- node 用户分类
|   |   |   `-- manage.htm
|   |   |-- privacy.htm 隐私条款
|   |   |-- register.close.htm 关闭注册页
|   |   |-- register.htm 注册页
|   |   |-- reminder.htm 找回密码
|   |   |-- terms.htm 服务条款
|   |   |-- top.htm 页面区块
|   |   |-- usercp 用户中心菜单
|   |   |   `-- menu.htm
|   |   |-- usercp.htm
|   |   `-- widget 相关区块
|   |       |-- login.htm 
|   |       |-- modal.htm
|   |       `-- status.htm
|   `-- weixin.api.htm 微信API接口
|-- tools 相关工具
|   |-- links.target.htm
|   `-- reset.admin.htm
`--