CaseShow - 成功案例展示插件

📖 插件简介

CaseShow 是 InnoShop 的成功案例展示插件，支持在网站前台展示客户成功案例，帮助提升企业可信度和转化率。适用于 B2B 企业官网、服务商网站、SaaS 产品页等场景。

插件类型：feature（功能扩展） 版本：v1.0.0 最低要求：InnoShop + PHP 8.2+

✨ 核心功能

后台管理

• 案例 CRUD：创建、编辑、删除案例
• 行业分类：15 个大类、100+ 子分类，覆盖传统行业与 2026 新兴热门行业
• 双编辑模式：富文本编辑器（TinyMCE）+ 代码模板（CodeMirror）
• 图片管理：图标和封面图均通过文件管理器选择
• 标签系统：关联系统标签模块，支持搜索选择
• 排序与状态：自定义排序，启用/禁用控制

前台展示

• 三种列表布局：
  • Card（卡片）：网格卡片，hover 浮动效果
  • List（列表）：横向图文，信息密度高
  • Slider（轮播）：水平滚动 + 翻页控制
• 三种详情模板：
  • Default（默认）：左内容 8 + 右侧边栏 4
  • Full Width（全宽）：无侧边栏，内容居中
  • Sidebar（侧边栏）：左侧边栏 4 + 右内容 8
• 响应式设计：桌面/平板/手机自适应

Hook 机制

• @hookinsert('plugin.caseshow.show') — 在任意位置插入案例列表
• hook_filter('plugin.caseshow.card_list') — 通过过滤器获取案例

🚀 安装使用

1. 安装插件

后台 → 插件管理 → 找到「成功案例展示」→ 点击安装 → 启用

2. 管理案例

安装启用后，点击「使用」按钮进入案例管理页面，创建案例。

3. 前台展示

在主题模板中使用 Hook 插入案例列表：

{{-- 基础用法：显示 6 个案例 --}}
@hookinsert('plugin.caseshow.show')

{{-- 自定义数量 --}}
@hookinsert('plugin.caseshow.show', ['limit' => 3])

{{-- 指定样式 --}}
@hookinsert('plugin.caseshow.show', ['style' => 'list'])

{{-- 按行业筛选 --}}
@hookinsert('plugin.caseshow.show', ['industry' => '人工智能'])

4. 插件设置

在插件列表点击「编辑」可配置：

• 每页显示数量：案例列表每页展示的条数（默认 6）
• 默认展示样式：Card / List / Slider
• 详情页模板：Default / Full Width / Sidebar

📁 目录结构

CaseShow/
├── Boot.php                     # 插件启动类（注册 Hook）
├── config.json                  # 插件配置
├── fields.php                   # 后台设置字段
├── Migrations/                  # 数据库迁移
│   ├── *_create_case_items_table.php
│   └── *_alter_case_items_table.php
├── Models/
│   └── CaseItem.php             # 案例模型
├── Repositories/
│   └── CaseItemRepo.php         # 数据仓库（含行业分类）
├── Controllers/
│   ├── Panel/CaseController.php # 后台控制器
│   └── Front/CaseController.php # 前台控制器
├── Routes/
│   ├── panel.php                # 后台路由
│   └── front.php                # 前台路由
├── Views/
│   ├── panel/
│   │   ├── index.blade.php      # 案例列表
│   │   └── form.blade.php       # 案例编辑表单
│   ├── front/
│   │   ├── card-list.blade.php  # 前台列表展示（3 种样式）
│   │   ├── detail.blade.php     # 案例详情（3 种模板）
│   │   ├── index.blade.php      # 案例列表页
│   │   └── partials/
│   │       └── sidebar.blade.php
│   └── Public/images/           # 插件图标
└── Lang/
    ├── en/common.php             # 英文翻译
    └── zh-cn/common.php          # 中文翻译

⚙️ 配置项

🔗 前台路由

💡 使用示例

在首页展示 3 个 AI 行业案例（卡片样式）

@hookinsert('plugin.caseshow.show', ['limit' => 3, 'industry' => '人工智能', 'style' => 'card'])

在关于我们页面用列表样式展示

@hookinsert('plugin.caseshow.show', ['style' => 'list', 'limit' => 10])

用轮播样式展示精选案例

@hookinsert('plugin.caseshow.show', ['style' => 'slider', 'limit' => 8])

📋 案例字段说明