Skip to content

在线业务模板设计

1. 文件目录结构清单

模板目录结构
/var/www/html/58haiwaiweb/
├── template/
│   └── simon_common/                      ← 🔧 通用模板与样式资源（跨插件共享）
│       ├── static/
│       │   └── custom.css                # 全局共享基础样式，WeUI基础 + 表单样式 + 弹窗等
│       │   └── simoncustom.css           # 全局共享扩展样式（按需求个性调整）
│       ├── touch/
│       │   ├── common_head.php           # 所有移动端页面通用 head 引入（meta + CSS）
│       │   └── common_script.php         # 通用 JS：toast、表单校验、弹窗等
│       └── front/
│           ├── common_head.php           # PC端页面共用 head（CSS/JS 引入）
│           └── common_footer.php         # 可选：页脚版权/样式收口等

/source/plugin/
└── xigua_simtelecom/
    ├── template/
    │   ├── static/
    │   │   └── simoncustom.css          # simtelecom 业务特有样式（如表单配色）
    │   ├── touch/                       # 移动端页面模板（用户端 + 商户端）
    │   │   ├── common_header.php        # 页头（返回按钮+标题栏）
    │   │   ├── user_order_form.htm      # 用户提交订单表单页面
    │   │   ├── user_order_list.htm      # 用户查看订单列表
    │   │   ├── user_order_detail.htm    # 用户订单详情页（状态、查看资料）
    │   │   ├── manage_order_list.htm    # 商户订单汇总列表
    │   │   ├── manage_order_detail.htm  # 商户订单处理页（报价、备注等）
    │   │   ├── dialog_success.htm       # 成功提交提示弹窗
    │   │   ├── dialog_terms.htm         # 服务协议弹窗
    │   │   ├── dialog_privacy.htm       # 隐私政策弹窗
    │   │   ├── dialog_notice.htm        # 活动提示（如存在）
    │   │   └── dialog_noupdate.htm      # 无需更新提示
    │   └── front/                       # PC端后台模板（如订单管理、下载数据）
    │       ├── order_list.htm           # PC后台：订单管理表格页
    │       ├── order_detail.htm         # PC后台：订单详情、客服处理
    │       ├── account_manage.htm       # PC后台：子账号管理
    │       └── ...
模板调用说明（示例）
<!-- 移动端页面（如 user_order_form.htm） -->

<!-- 公共 <head> 引入（meta、样式） -->
<!--{template simon_common:touch/common_head}-->

<!-- 插件页头 -->
<!--{template xigua_simtelecom:touch/common_header}-->

<!-- 页面内容区 -->
<form>...</form>

<!-- 通用 JS 脚本 -->
<!--{template simon_common:touch/common_script}-->

<!---------------------------------------------------->

<!-- PC端页面（如 front/order_list.htm） -->
<!-- PC端通用 <head> -->
<!--{template simon_common:front/common_head}-->

<!-- 内容区 -->
<div class="order-table">...</div>

<!-- PC端共用页脚（可选） -->
<!--{template simon_common:front/common_footer}-->