Skip to main content

第一个项目

本教程帮助你 15 分钟内走完 Qixin Automation Platform 全流程：创建应用、编辑页面、保存、启动、打开运行页。

你将学到​

  • 创建第一个应用
  • 认识编辑器界面
  • 在页面上添加文本标签
  • 修改控件属性
  • 保存页面
  • 启动应用并打开运行页

前提条件​

第 1 步：创建应用​

  1. 在 App Hub 左侧栏点击 Create。
  2. 输入应用名称，例如 我的第一个项目。
  3. 工作区路径保持默认（留空），点击确认。

截图占位：App Hub 创建应用界面

应用创建后自动进入编辑器工作区。

第 2 步：认识编辑器界面​

编辑器分为几个主要区域：

区域位置用途
资源区左侧管理对象、页面、Graph、脚本和素材文件
工作区中间页面画布、Graph 画布或代码编辑器
属性面板右侧编辑当前选中对象的属性
AI 面板最右侧（默认关闭）AI 辅助配置和排错

截图占位：新建应用的编辑器界面，标注各区域名称

新建应用会自动包含一个默认页面。左侧资源区 > Pages 下可以看到它。

第 3 步：添加一个 Label​

Label 是最基础的文本显示控件。

  1. 在中间画布空白处右键，弹出控件菜单。
  2. 在搜索框输入 Label。
  3. 点击 Label，画布上出现一个文本标签。

截图占位：右键菜单选择 Label 控件

第 4 步：修改文本和样式​

  1. 单击选中画布上的 Label。
  2. 右侧属性面板显示 Label 的可配置字段。
  3. 找到 text 字段，将内容改为 你好，Qixin Automation Platform！。画布上的文字会实时更新。
  4. 在 Content 标签下调整字号（fontSize），比如改成 24。

截图占位：选中 Label 后在属性面板修改 text 和 fontSize

第 5 步：保存页面​

  1. 点击工作区上方的保存按钮（或按 Ctrl+S / Cmd+S）。
  2. 页面 tab 上的圆点指示消失，表示已保存。

截图占位：保存按钮和 tab 上的未保存圆点

第 6 步：启动应用​

  1. 在编辑器顶部命令栏找到 Run 按钮。
  2. 点击 Run，应用开始启动。
  3. 状态指示从 Stopped 变为 Running。

截图占位：命令栏的 Run 按钮和 Running 状态

第 7 步：打开运行页​

  1. 应用 Running 后，点击编辑器左上角返回箭头回到 App Hub。
  2. 在应用卡片上点击打开运行页（或右键选择）。
  3. 浏览器打开运行页，你会看到自己的页面：你好，Qixin Automation Platform！

截图占位：运行页显示 "你好，Qixin Automation Platform！"

第 8 步：修改并刷新​

  1. 回到编辑器，把 Label 的 text 改成 你好，世界！。
  2. 保存（Ctrl+S）。
  3. 切换到运行页，刷新浏览器。
  4. 页面自动显示新文本。

学到了什么​

你完成了一个完整的编辑-保存-运行循环。Qixin Automation Platform 的工作方式就是： 编辑文件 → 保存 → 刷新运行页看到效果（改动 .cs 或 .qxgraph 则需要额外构建）。

接下来学什么​

你想做的事阅读
添加按钮、表格、输入框等更多控件页面与组件
配设备对象（PLC、控制器、轴）对象与设备
画自动化流程图Graph 自动化
接外部系统（MES、ERP）数据与集成
管理应用用户和权限用户与权限
用 AI 帮你生成配置AI 助手
了解编辑器所有功能编辑器基础