从零到一构建智能会务助理（微站）

星汇小蜜书支持通过 AI 协同生成和可视化拖拽，帮助会务组织者在几分钟内从零构建一个功能完备的会务助理微站。本教程将引导你完成这一全流程。

---

第一步：录入会议核心数据

在设计微站前，必须先在 Console 后台录入基础的会议数据。因为 VisuSpace 的业务组件（如议程、嘉宾、座位）是直接动态绑定并读取这些数据的：

1. 基础信息：Console 后台 → 创建会议，填写会议名称（Title）、时间、地点。
2. 议程嘉宾：在 议程管理 与 嘉宾管理 中，录入详细的大会议程表及演讲嘉宾的头像、头衔。
3. 签到设置：配置好签到模式（如是否开启地理围栏或开启电子票）。

---

第二步：进入 VisuSpace 编辑器

1. 进入会议管理后台 → 点击左侧菜单的 微站编辑 (VisuSpace)。
2. 首次进入时，可以选择“空白页面”冷启动，或者在“模板库”中选择 Admin 上传的预设全局模板。

---

第三步：使用 AI 快速生成页面 (0到1冷启动)

利用 VisuSpace 的 AI 辅助生成功能，你可以直接使用自然语言描述你的页面构想：

1. 点击顶部工具栏的 AI 生成 按钮。
2. 在弹出的对话框中，输入你的提示词（Prompts）。

推荐的 AI 生成提示词示例：

• 示例 1 (综合首页)：

  “生成一个科技感强烈的行业峰会主页。页面背景设置为深蓝渐变色（#000B29 到 #001A54），顶部放置一个倒计时组件（倒计时至2026-10-18T09:00:00），接着放置一个大会议程列表（detailMode 设置为 modal），接着放置一个 AI 会务 Chatbox 聊天框（高度 400px，欢迎语为：您好！我是您的智能小助手，有任何问题请问我），页面最下方放置‘立即签到’与‘参会报名’按钮并排展示。”

• 示例 2 (极简签到与座位页)：

  “创建一个清新绿色风格的现场服务页面。页面顶部写上‘欢迎来到智能会务现场’的标题，接着放置一个座次查询组件，下面放置现场定位签到组件，整体间距保持紧凑。”

3. 输入完毕后点击 开始生成。AI 会自动设计出完整的 JSON DSL 结构，并在中央画布上即时渲染出来。

---

第四步：人工可视化微调

AI 自动生成页面结构后，你可以在画布上进行可视化润色：

1. 页面背景调整：在右侧属性面板的“页面”标签下，可以选择背景展示模式为 cover (铺满)、contain (适应) 或 tile (平铺)。
2. 微调边距与圆角：选中组件后，修改其右侧 Style 中的 marginTop、padding 和 borderRadius 等。
3. 配置跳转导航：对于按钮或宫格，选中后在右侧属性的 Action 中配置点击响应：
   • 设为 navigate 并填入目标 Page ID 实现页面间跳转。
   • 设为 open-map 并填入经纬度坐标（例如 116.397,39.908）以开启地图导航。

---

第五步：多页面管理与 Tab 栏配置

一个完整的会务助理通常由“主页”、“议程”、“我的服务”等多个页面组成：

1. 在左侧页面树点击 新建页面，如创建一个名为 page_agenda 的页面，并在其中拖入 business-agenda-list 议程列表组件。
2. 开启底部 Tab 导航：在页面属性中，勾选 “显示在底部导航栏 (is_in_tabbar)”，并设置：
   • 名称 (name)：网页的路由 Slug（如 agenda）。
   • 图标 (icon)：填入图标名（如 clock-o 或 apps-o）。
   • Tab标签 (tabbar_label)：输入底部导航上显示的文案（如 日程）。
   • 排序 (sort_order)：输入数字（如 1、2、3）控制其从左到右的排列顺序。

---

第六步：预览与一键发布

1. 沙箱预览：点击顶部工具栏的 预览 按钮，系统会弹出一个新窗口。该窗口会模拟真实的 MeetApp / 微信小程序 WebView 运行环境，并自动读取刚才录入的真实会议数据，你可以直接在此测试报名表单提交、座位查询和 AI 问答。
2. 发布上线：确认无误后，点击 发布 按钮。微站即刻在 C 端参会者的 MeetApp 中上线，参会者通过扫描会议专属二维码即可立刻享受到 AI 智能会务服务。