1 注册并登录
注册地址：https://pre-mobile.utyun.com/oauth2/#/。
2 设计、开发项目
登录成功后，系统会你默认创建一个工程，并打开【设计模式】，你可以在当前画布内进行项目设计与开发。
下面以一个教育项目为例，演示项目设计开发过程。
项目背景
随着互联网技术的飞速发展，线上教育已经成为人们获取知识的重要途径之一。讲师课程管理系统作为教学资源的重要支撑，其便捷性、高效性和可扩展性成为了衡量其品质的重要标准。为了满足日益增长的线上教育需求，我们致力于开发讲师课程管理Web端系统。
核心功能
- 讲师注册登录功能
- 讲师课程管理
2.1 架构设计
首先，我们进行项目设计，根据需求分析，该项目架构设计有3个部分，web管理端，课程管理模块以及注册登录模块。
具体操作：在画布右侧下方基础组件库中，分别拖动【Web】【模块】组件到画布中，选中模块组件，右侧显示模块属性栏，修改模块名称，如下图所示。
2.2 【微开讲web端】设计
下面，我们开始进行【微开讲web端】 设计。
双击web容器。进入web设计界面。
【微开讲web端】根据需求，我们设计三个页面，分别是【登录】【首页】和【课程管理】。
首先先进行【登录】页面的设计。在画布左侧打开基础组件库，拖动一个容器到界面，并在右侧组件属性栏配置属性，完成界面布局设计。
具体设计过程为：在内容属性，将高度改为“固定高度”，“不允许内容滚动”——>在样式属性，边框设为0，取消阴影
然后在通过拖拽容器、文本框、文本、图片等组件，配置属性，完成登录页的设计。
最后在画布后侧的属性栏，点击【应用设置】，调整一个应用主题色，如下图。
接下来，我们按照需求，添加多张页面，并重命名，如下图所示。
选择【容器】组件做菜单背景，【图片】做logo，【label】组件来做菜单。
然后拖一个【标签页】组件，在右侧属性栏进行属性设置。
最后拖拽【表格】组件，【按钮】组件，【弹窗】组件完成前端页面的设计。
2.3 【课程管理模块】设计、开发
双击打开课程管理模块。根据需求，此模块设计一个课程服务。
具体操作：在左侧【基础组件】中拖出一【框架容器】，在右侧属性栏修改名称为“课程服务”。
双击打开【课程服务】，内设五层架构，按照架构规范进行数据表、函数、术语、状态机以及界面组件的设计与开发。
2.3.1数据表设计、开发
首先，进行数据表的设计，在左侧拖拉【数据表】组件到数据库中，并在右侧属性栏修改名称，设计数据表字。
按同样的方法，我们完成【课程表】和【课程分类表】的设计。
2.3.2 函数设计、开发
接下来开发函数，用同样的方法，在左侧拖拉【函数】组件到函数层中，并在右侧属性栏完成函数的设计和开发，下面我们在线进行ava代码开发【创建课程】函数。
函数的设计开发过程：拖拽函数组件——>函数命名——>选择函数类型——>选择java语言——>打开IDE，开发函数，提交代码——>入参定义——>返参定义。
点击【打开IDE】跳转到代码开发页面，参照模板，完成函数代码开发，开发完成后，务必点击提交。
然后，在回到画布中，进行函数的入参和返参的定义。
至此，我们完成了【创建课程】的函数设计、开发。然后我们再找同样的方法，完成所有函数的设计、开发。
2.3.3 界面组件设计、开发
前端基础组件库没有我们需要的组件时，我们可以在框架容器里自定义开发界面组件。
界面的设计开发过程：拖拽界面组件——>组件命名——>选择组件类型——>上传组件图标——>打开IDE，开发组件，提交代码。
点击【打开IDE】，参照模板开发自定义组件。开发完成后，务必点击提交。
完成了【轮播图】自定义组件的设计、开发。
至此，我们完成了整【课程服务】和【课程管理模块】的开发。
2.4 【登录模块】设计、开发
鼠标左键双击【登录模块】，进入登录模块内部画布，如下图所示。
接下来，我们分别进行【登录服务】和【登录流程】的开发。
2.4.1 函数引用
登录服务中的函数我们无需自己开发，可以通过引用平台公开组件库的函数实现。
用同样引用的方法，我们再引用【用户名_手机号_密码登录】函数。
2.4.2 术语设计、开发
为了应对业务流程的多变，这里我们设计两个术语，用来作为流程容器中的节点。后面，我们会在流程容器中，用术语表达业务流程图。
术语的设计开发过程：拖拽界面组件——>术语命名与语句定义——>选择术语类别——>选择术语类型——>定义标准语句。
用同样的方法，完成【账号密码登录】术语的设计。
以上我们完成了【登录服务】的设计。
2.4.3 流程容器设计、开发
我们关闭【登录服务】回到【登录模块】，拖拽一个【流程】容器。
流程容器目前只支持一个流程，由一个【空心圆】组件表示开始，有一个【实心圆】表示结束。流程节点由术语构成，我们可以从左侧画布节点树和公开组件库中引用术语，作为流程的节点。
最后将所有术语连线，形成业务流程。
至此，我们完成了后台服务的设计、开发，在后台点击【保存】——>【编译】——>【发布】，发布成功，标识后台服务部署成功。
2.5 【微开讲web端】开发
接下来，，我们开始进行【微开讲web端】 开发。
双击web容器。进入web设计界面。
打开【微开讲web端】我们在画布左侧【基础组件】下，可以看到自定义组件【轮播图】，通过拖拽就可以使用这个组件了。
然后，我们开始对页面组件进行逻辑配置。下面展示了【讲师登录】按钮实现登录的配置过程。
继续按照逻辑配置【讲师登录】按钮，按照业务配置的结果如下图所示。
下面，我们设置【表格】组件的数据源。
在上图中点击【管理查询对象】，配置并绑定数据源，如下图所示。
下面配置【创建课程】按钮的事件，一并完成创业课程的功能逻辑开发。
至此，我们完成了【微开讲web端】的设计、开发工作，然后可以联调，联调成功后，点击右上角【部署】功能，上线前端工程。
