{template "header.html"}

<style>
.help-wrap { margin: 0 auto; padding: 10px 0 30px; color: #334155; line-height: 1.75; }
.help-section-title { margin: 0 0 14px; font-size: 18px; font-weight: 600; color: #1e293b; }
.help-section-body { font-size: 14px; }
.help-note { margin: 0 0 16px; padding: 12px 16px; background: #f8fafc; border-left: 4px solid #2563eb; color: #475569; }
.help-feature { margin-bottom: 20px; padding: 16px 18px; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; }
.help-feature-title { margin: 0 0 10px; font-size: 16px; font-weight: 600; color: #1e293b; }
.help-feature-desc p { margin: 0 0 8px; }
.help-feature-desc p:last-child { margin-bottom: 0; }
.help-feature-desc ul { margin: 8px 0 0; padding-left: 20px; }
.help-feature-desc li { margin-bottom: 6px; }
.help-list { margin: 8px 0 0; padding-left: 20px; }
.help-list li { margin-bottom: 6px; }
.help-steps { margin: 0; padding-left: 22px; }
.help-step { margin-bottom: 18px; }
.help-step-title { display: block; margin-bottom: 6px; font-size: 15px; font-weight: 600; color: #1e293b; }
.help-step-desc { margin: 0; color: #475569; }
.help-summary { margin-top: 18px; padding: 14px 16px; background: #eff6ff; border-radius: 8px; color: #1e40af; }
.help-code { display: inline-block; margin: 2px 0; padding: 2px 8px; font-family: Consolas, monospace; font-size: 13px; background: #f1f5f9; border-radius: 4px; color: #0f172a; word-break: break-all; }
.help-table { width: 100%; margin: 8px 0; border-collapse: collapse; font-size: 13px; }
.help-table th, .help-table td { padding: 8px 10px; border: 1px solid #e2e8f0; text-align: left; vertical-align: top; }
.help-table th { background: #f8fafc; font-weight: 600; }
.help-link { color: #2563eb; text-decoration: none; }
.help-link:hover { text-decoration: underline; }
.help-checklist { margin: 0; padding-left: 22px; }
.help-checklist li { margin-bottom: 8px; }
</style>

<div class="portlet light bordered">
    <div class="portlet-title tabbable-line">
        <ul class="nav nav-tabs" style="float:left;">
            <li class="{if $page==0}active{/if}">
                <a href="{dr_url('module/help/index', ['page' => 0])}"><i class="fa fa-sitemap"></i> {dr_lang('架构说明')}</a>
            </li>
            <li class="{if $page==1}active{/if}">
                <a href="{dr_url('module/help/index', ['page' => 1])}"><i class="fa fa-list-ol"></i> {dr_lang('操作流程')}</a>
            </li>
            <li class="{if $page==2}active{/if}">
                <a href="{dr_url('module/help/index', ['page' => 2])}"><i class="fa fa-th-large"></i> {dr_lang('后台菜单')}</a>
            </li>
            <li class="{if $page==3}active{/if}">
                <a href="{dr_url('module/help/index', ['page' => 3])}"><i class="fa fa-check-square-o"></i> {dr_lang('快速上手')}</a>
            </li>
        </ul>
    </div>
    <div class="portlet-body">
        <div class="help-wrap">

            {if $page==0}
            <div class="help-section-body">
                <p class="help-note">CMS建站系统插件（Module）提供「<strong>站点 → 模块 → 栏目 → 内容</strong>」四层架构，是迅睿生态中的 L1 核心插件，支撑企业官网、新闻门户、产品展示等常见建站场景。</p>

                <div class="help-feature">
                    <h3 class="help-feature-title">1. 站点</h3>
                    <div class="help-feature-desc">
                        <p>多站点环境下，每个站点拥有独立的配置、模板与内容数据。单站点使用时，默认操作当前站点即可。</p>
                        <p>典型配置：站点名称、Logo、模板风格、时区、关站提示；手机端独立域名/模板；站点级域名绑定。</p>
                    </div>
                </div>

                <div class="help-feature">
                    <h3 class="help-feature-title">2. 模块</h3>
                    <div class="help-feature-desc">
                        <p>模块代表一种<strong>内容类型</strong>，如新闻（news）、产品（product）、案例（case）。安装包自带示例 <span class="help-code">News</span> 模块，也可通过「创建模块」一键生成新类型。</p>
                        <ul>
                            <li><strong>共享模块</strong>：多个内容类型共用一套栏目树，适合常规建站（News 即为此模式）。</li>
                            <li><strong>独立模块</strong>：模块自带栏目，互不干扰，适合大型或复杂站点。</li>
                        </ul>
                    </div>
                </div>

                <div class="help-feature">
                    <h3 class="help-feature-title">3. 栏目</h3>
                    <div class="help-feature-desc">
                        <p>「共享栏目」是全站统一的栏目树，绑定模块后形成前台导航与列表入口。栏目类型包括：</p>
                        <ul>
                            <li><strong>列表栏目</strong>：展示某模块下的内容列表</li>
                            <li><strong>单页栏目</strong>：展示固定单页内容（关于我们等）</li>
                            <li><strong>外链栏目</strong>：跳转到外部 URL</li>
                        </ul>
                    </div>
                </div>

                <div class="help-feature">
                    <h3 class="help-feature-title">4. 内容</h3>
                    <div class="help-feature-desc">
                        <p>具体文章、产品、案例等数据，发布在对应模块的栏目下。支持草稿、回收站、审核、推荐位、同步多栏目等运营能力。</p>
                    </div>
                </div>

                <div class="help-feature">
                    <h3 class="help-feature-title">5. 生态联动</h3>
                    <div class="help-feature-desc">
                        <p>建站系统是迅睿生态的 L1 核心，多数业务插件围绕「模块内容」展开，可按需组合安装：</p>

                        <p><strong>用户与权限</strong></p>
                        <ul class="help-list">
                            <li><strong>用户系统（Member）</strong>：会员注册登录、用户组、投稿、栏目权限、内容审核、用户中心</li>
                            <li><strong>通知（Notice）</strong>：审核结果、系统消息、会员站内通知</li>
                            <li><strong>积分/经验（Scorelog / Explog）</strong>：投稿、评论等行为奖励，与用户组升级联动</li>
                            <li><strong>第三方登录（Ucsso 等）</strong>：微信/QQ 等 OAuth 登录，关联会员账号</li>
                        </ul>

                        <p><strong>内容互动</strong></p>
                        <ul class="help-list">
                            <li><strong>评论（Comment）</strong>：内容详情页评论、审核、回复</li>
                            <li><strong>表单（Form / Mform）</strong>：独立表单或模块级表单，收集留言、报名、预约等</li>
                            <li><strong>TAG 标签</strong>：内容打标签、标签聚合页、相关推荐</li>
                            <li><strong>投票（Vote）</strong>：调查问卷、投票活动挂接内容或独立发布</li>
                            <li><strong>问答 / 论坛（Wenda / Bbs / Ask）</strong>：以模块或栏目承载社区互动内容</li>
                        </ul>

                        <p><strong>静态化与 SEO</strong></p>
                        <ul class="help-list">
                            <li><strong>静态生成（Chtml）</strong>：栏目页、内容页、模块首页批量静态化；支持分离部署静态目录</li>
                            <li><strong>多语言（Duoyuyan / Website）</strong>：多语种站点、内容翻译、独立 SEO</li>
                            <li><strong>分站（Fenzhan）</strong>：城市站/区域站，独立域名与栏目内容</li>
                        </ul>

                        <p><strong>电商与付费</strong></p>
                        <ul class="help-list">
                            <li><strong>支付（Pay）</strong>：微信/支付宝等收款，配合会员充值、订单</li>
                            <li><strong>商城（Store）</strong>：商品模块、购物车、订单、售后</li>
                            <li><strong>下载（Book / Xiazaisf）</strong>：付费下载、附件销售、阅读权限</li>
                            <li><strong>虚拟币 / 卡密</strong>：积分兑换、卡密发放等虚拟商品场景</li>
                        </ul>

                        <p><strong>运营与展示</strong></p>
                        <ul class="help-list">
                            <li><strong>广告（Adcontent）</strong>：幻灯、横幅等广告位，挂接模板展示</li>
                            <li><strong>专题（Special）</strong>：聚合多篇内容做专题页、活动页</li>
                            <li><strong>碎片（Block）</strong>：可复用内容块，模板中灵活调用</li>
                            <li><strong>归档（Archive）</strong>：历史内容归档检索</li>
                        </ul>

                        <p><strong>多端与扩展</strong></p>
                        <ul class="help-list">
                            <li><strong>小程序（Xcx）</strong>：微信小程序对接模块内容与会员</li>
                            <li><strong>多端互联（Client）</strong>：PC/手机/APP 等多终端统一内容</li>
                            <li><strong>API（Httpapi）</strong>：对外提供内容、栏目数据接口</li>
                            <li><strong>字段标签（Mbdy）</strong>：模板标签可视化生成，配合前台开发</li>
                            <li><strong>AI 助手（Ai_helper 等）</strong>：AI 创作、发布到指定模块栏目</li>
                        </ul>

                        <p class="help-note" style="margin-top:12px;margin-bottom:0;">以上插件均可在「应用插件 → 应用市场」搜索安装；具体能力以各插件文档为准。</p>
                    </div>
                </div>
            </div>
            {/if}

            {if $page==1}
            <div class="help-section-body">
                <p class="help-note">管理员负责建站与内容运营；访客浏览站点；会员（需用户系统）在有权限时可投稿。以下按角色说明典型路径。</p>
                <ol class="help-steps">
                    <li class="help-step">
                        <span class="help-step-title">第一步：站点基础配置</span>
                        <p class="help-step-desc">
                            在 <a class="help-link" href="{dr_url('module/site_config/index')}">网站设置</a> 完成站点参数；
                            在 <a class="help-link" href="{dr_url('module/site_param/index')}">网站信息</a> 维护幻灯、友链等；
                            按需配置 <a class="help-link" href="{dr_url('module/site_mobile/index')}">手机设置</a>、
                            <a class="help-link" href="{dr_url('module/site_domain/index')}">域名绑定</a>、
                            <a class="help-link" href="{dr_url('module/site_image/index')}">图片设置</a>。
                        </p>
                    </li>
                    <li class="help-step">
                        <span class="help-step-title">第二步：搭建内容结构</span>
                        <p class="help-step-desc">
                            在 <a class="help-link" href="{dr_url('module/module_create/index')}">创建模块</a> 中新建内容类型（或使用自带 News 模块）；
                            在 <a class="help-link" href="{dr_url('module/module/index')}">模块管理</a> 中调整审核、列表字段、排序规则等；
                            在 <a class="help-link" href="{dr_url('category/index')}">共享栏目</a> 中建立栏目树并绑定模块，形成前台菜单与列表。
                        </p>
                    </li>
                    <li class="help-step">
                        <span class="help-step-title">第三步：SEO 与 URL</span>
                        <p class="help-step-desc">
                            在 SEO 设置中配置
                            <a class="help-link" href="{dr_url('module/seo_site/index')}">站点 SEO</a>、
                            <a class="help-link" href="{dr_url('module/seo_module/index')}">模块 SEO</a>、
                            <a class="help-link" href="{dr_url('module/seo_category/index')}">栏目 SEO</a>；
                            在 <a class="help-link" href="{dr_url('module/urlrule/index')}">URL 规则</a> 与
                            <a class="help-link" href="{dr_url('module/urlrule/rewrite_index')}">伪静态解析</a> 中设置链接格式，并部署到 Web 服务器。
                        </p>
                    </li>
                    <li class="help-step">
                        <span class="help-step-title">第四步：发布与审核内容</span>
                        <p class="help-step-desc">
                            在 <a class="help-link" href="{dr_url('module/content/index')}">内容管理</a> 中按栏目发布、编辑、排序内容；
                            使用草稿箱/回收站管理未完成或误删数据；
                            在内容审核中处理会员或编辑提交的待审稿；
                            可选配置 <a class="help-link" href="{dr_url('module/module_search/index')}">模块搜索</a>。
                        </p>
                    </li>
                    <li class="help-step">
                        <span class="help-step-title">第五步：模板与前台</span>
                        <p class="help-step-desc">
                            在模板目录中调整 index、list、show、search 等页面；
                            通过模板标签调用栏目与内容数据；
                            开启模块首页静态或安装静态插件做全站静态化。
                        </p>
                    </li>
                    <li class="help-step">
                        <span class="help-step-title">访客：浏览与搜索</span>
                        <p class="help-step-desc">访问网站首页与各栏目列表；点击进入内容详情；使用搜索功能查找文章（受后台搜索配置控制）。</p>
                    </li>
                    <li class="help-step">
                        <span class="help-step-title">会员：投稿与管理（可选）</span>
                        <p class="help-step-desc">登录用户中心，进入已授权模块；选择有权限栏目填写内容并提交或存草稿；等待管理员审核通过后前台展示。</p>
                    </li>
                </ol>
                <div class="help-summary">
                    <strong>{dr_lang('简要流程')}：</strong>
                    {dr_lang('站点配置 → 创建模块与栏目 → SEO/URL → 发内容与审核 → 模板上线')}
                </div>
            </div>
            {/if}

            {if $page==2}
            <div class="help-section-body">
                <p class="help-note">以下对照后台「设置」与「内容」菜单，便于快速找到对应功能入口。</p>

                <h3 class="help-section-title">{dr_lang('设置')}</h3>
                <table class="help-table">
                    <thead>
                        <tr>
                            <th>{dr_lang('菜单')}</th>
                            <th>{dr_lang('功能')}</th>
                            <th>{dr_lang('入口')}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>{dr_lang('网站设置')}</td>
                            <td>{dr_lang('站点名称、Logo、模板、时区、关站等基础参数')}</td>
                            <td><a class="help-link" href="{dr_url('module/site_config/index')}">{dr_lang('进入')}</a></td>
                        </tr>
                        <tr>
                            <td>{dr_lang('手机设置')}</td>
                            <td>{dr_lang('手机端独立域名与模板配置')}</td>
                            <td><a class="help-link" href="{dr_url('module/site_mobile/index')}">{dr_lang('进入')}</a></td>
                        </tr>
                        <tr>
                            <td>{dr_lang('域名绑定')}</td>
                            <td>{dr_lang('站点级、栏目级域名绑定')}</td>
                            <td><a class="help-link" href="{dr_url('module/site_domain/index')}">{dr_lang('进入')}</a></td>
                        </tr>
                        <tr>
                            <td>{dr_lang('创建模块')}</td>
                            <td>{dr_lang('新建内容类型（新闻、产品等）')}</td>
                            <td><a class="help-link" href="{dr_url('module/module_create/index')}">{dr_lang('进入')}</a></td>
                        </tr>
                        <tr>
                            <td>{dr_lang('模块管理')}</td>
                            <td>{dr_lang('模块安装/卸载、审核、列表字段、推荐位等')}</td>
                            <td><a class="help-link" href="{dr_url('module/module/index')}">{dr_lang('进入')}</a></td>
                        </tr>
                        <tr>
                            <td>{dr_lang('模块搜索')}</td>
                            <td>{dr_lang('搜索字段、排序、时间范围等规则')}</td>
                            <td><a class="help-link" href="{dr_url('module/module_search/index')}">{dr_lang('进入')}</a></td>
                        </tr>
                        <tr>
                            <td>{dr_lang('站点 SEO')}</td>
                            <td>{dr_lang('全站 title/keywords/description 模板')}</td>
                            <td><a class="help-link" href="{dr_url('module/seo_site/index')}">{dr_lang('进入')}</a></td>
                        </tr>
                        <tr>
                            <td>{dr_lang('模块 SEO')}</td>
                            <td>{dr_lang('各模块首页、列表、详情 SEO 模板')}</td>
                            <td><a class="help-link" href="{dr_url('module/seo_module/index')}">{dr_lang('进入')}</a></td>
                        </tr>
                        <tr>
                            <td>{dr_lang('栏目 SEO')}</td>
                            <td>{dr_lang('各栏目的 SEO 模板')}</td>
                            <td><a class="help-link" href="{dr_url('module/seo_category/index')}">{dr_lang('进入')}</a></td>
                        </tr>
                        <tr>
                            <td>{dr_lang('URL 规则')}</td>
                            <td>{dr_lang('内容页、列表页链接格式')}</td>
                            <td><a class="help-link" href="{dr_url('module/urlrule/index')}">{dr_lang('进入')}</a></td>
                        </tr>
                        <tr>
                            <td>{dr_lang('伪静态解析')}</td>
                            <td>{dr_lang('生成 Nginx/Apache 伪静态规则')}</td>
                            <td><a class="help-link" href="{dr_url('module/urlrule/rewrite_index')}">{dr_lang('进入')}</a></td>
                        </tr>
                    </tbody>
                </table>

                <h3 class="help-section-title" style="margin-top:24px;">{dr_lang('内容')}</h3>
                <table class="help-table">
                    <thead>
                        <tr>
                            <th>{dr_lang('菜单')}</th>
                            <th>{dr_lang('功能')}</th>
                            <th>{dr_lang('入口')}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>{dr_lang('内容管理')}</td>
                            <td>{dr_lang('按模块/栏目浏览、发布、编辑、排序内容')}</td>
                            <td><a class="help-link" href="{dr_url('module/content/index')}">{dr_lang('进入')}</a></td>
                        </tr>
                        <tr>
                            <td>{dr_lang('网站信息')}</td>
                            <td>{dr_lang('幻灯片、友情链接等站点自定义参数')}</td>
                            <td><a class="help-link" href="{dr_url('module/site_param/index')}">{dr_lang('进入')}</a></td>
                        </tr>
                        <tr>
                            <td>{dr_lang('共享栏目')}</td>
                            <td>{dr_lang('栏目树管理、绑定模块、栏目字段与权限')}</td>
                            <td><a class="help-link" href="{dr_url('category/index')}">{dr_lang('进入')}</a></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            {/if}

            {if $page==3}
            <div class="help-section-body">
                <p class="help-note">首次安装建站系统后，按以下清单逐项完成，即可快速上线一个可访问的内容站点。</p>

                <div class="help-feature">
                    <h3 class="help-feature-title">{dr_lang('安装与初始化')}</h3>
                    <div class="help-feature-desc">
                        <ol class="help-checklist">
                            <li>确认「建站系统」插件已安装，并在 <a class="help-link" href="{dr_url('module/module/index')}">模块管理</a> 中装载共享模块到当前站点</li>
                            <li>确认示例 <span class="help-code">News</span> 模块已安装（或自行 <a class="help-link" href="{dr_url('module/module_create/index')}">创建模块</a>）</li>
                            <li>修改模块、栏目或 URL 规则后，执行<strong>系统缓存更新</strong></li>
                        </ol>
                    </div>
                </div>

                <div class="help-feature">
                    <h3 class="help-feature-title">{dr_lang('建站五步走')}</h3>
                    <div class="help-feature-desc">
                        <ol class="help-checklist">
                            <li><a class="help-link" href="{dr_url('module/site_config/index')}">网站设置</a>：填写站点名称，选择模板目录（<span class="help-code">{SITE_TEMPLATE}</span>）与主题风格（<span class="help-code">{SITE_THEME}</span>）</li>
                            <li><a class="help-link" href="{dr_url('category/index')}">共享栏目</a>：建立栏目树，将列表栏目绑定到 news 等模块</li>
                            <li><a class="help-link" href="{dr_url('module/content/index')}">内容管理</a>：在对应栏目下发布测试文章</li>
                            <li><a class="help-link" href="{dr_url('module/urlrule/index')}">URL 规则</a> + <a class="help-link" href="{dr_url('module/urlrule/rewrite_index')}">伪静态解析</a>：配置并部署服务器规则</li>
                            <li>访问前台首页与栏目列表，确认内容正常展示</li>
                        </ol>
                    </div>
                </div>

                <div class="help-feature">
                    <h3 class="help-feature-title">{dr_lang('常见问题')}</h3>
                    <div class="help-feature-desc">
                        <ul class="help-list">
                            <li><strong>{dr_lang('前台 404 或模块不存在')}</strong>：检查模块是否已安装到当前站点，并更新系统缓存</li>
                            <li><strong>{dr_lang('栏目无法使用')}</strong>：确认共享模块（Module）已装载；多站点时注意在对应站点操作</li>
                            <li><strong>{dr_lang('伪静态不生效')}</strong>：后台规则配置后，还需在 Nginx/Apache 中写入对应 rewrite 规则</li>
                            <li><strong>{dr_lang('修改模板无变化')}</strong>：{dr_lang('确认模板目录（SITE_TEMPLATE）与主题风格（SITE_THEME）正确；清除浏览器缓存；若开启静态化需重新生成')}</li>
                        </ul>
                    </div>
                </div>
            </div>
            {/if}

        </div>
    </div>
</div>

{template "footer.html"}
