视图设计器

Doggy 视图设计器是一个可视化的页面布局工具，支持拖拽式设计、数据源绑定和实时预览。

概述

视图系统基于以下实体构建（src/Entity/Platform/）：

• View.php：视图定义（布局配置、数据源）
• ViewField.php：视图中每个字段的配置

管理入口在 App\Controller\Admin\Platform\ViewEditorController，API 入口在 ViewEditorApiController。

视图结构

View
├── 布局配置（栅格行/列）
├── 字段绑定（ViewField）
│   ├── 数据表格
│   ├── 表单
│   ├── 统计卡片
│   └── 文本内容
└── 数据源配置

使用方式

1. 进入 低代码平台 → 视图管理（/admin/platform/view）
2. 点击 新建视图
3. 编辑视图布局（editor.html.twig）
4. 配置组件属性和数据源
5. 预览效果（editor_section_properties.html.twig）
6. 保存发布

数据源绑定

视图数据源通过 DataSource.php 实体配置，支持：

• 实体数据源：绑定动态模型的数据
• API 数据源：调用自定义 API
• 静态数据源：固定数据

代码生成

保存视图后，系统生成对应的 Twig 模板文件到 templates/views/ 目录：

templates/views/
├── hello/
│   └── 1_0/
│       ├── hello.html.twig
│       └── hello.design.twig
└── 组织架构/
    └── post_management/
        └── 1_0/
            ├── post_management.html.twig
            └── post_management.design.twig

生成的模板可直接使用或二次开发。

相关服务

• FormFieldBuilderService.php：表单字段构建
• ViewFolderType.php、ViewType.php：表单类型定义