!!!"#$%&'()*+,-./0)10/12345'6789:;<=>?@A:BCDEFG'!"#$%&'()*+,-./.0123-用户手册1/12版权©2024用友集团版权所有。未经用友集团的书面许可，本用户手册任何整体或部分的内容不得被复制、复印、翻译或缩减以用于任何目的。本用户手册的内容在未经通知的情形下可能会发生改变，敬请留意。请注意：本用户手册的内容并不代表用友网络所做的承诺。用户手册2/12目录第一章操作指南...............................................................................................................................................31.1开发服务...............................................................................................................................................31.1.1应用引擎............................................................................................................31.2开发资源管理......................................................................................................................................61.2.1资源中心............................................................................................................6用户手册3/12第一章操作指南1.1开发服务1.1.1应用引擎1.1.1.1产品价值低代码开发平台包含可视化应用构建和专业开发两种开发模式，其中专业开发模式主要面对的用户群体是具备代码开发能力的专业开发者。YonBuilder从用友30多年的企业服务产品研发和客户交付的经验中提炼产出，目标是为YonBIP公有云客户、专属化客户、生态ISV、领域产品开发提供全面的低代码开发平台支撑，针对不同开发经验的用户群体提供合适的开发工具和流程，包括可被没有或者少量开发经验的业务人员、实施人员使用的无代码标准服务，和为专业开发人员提供代码开发、测试、上线发布全生命周期管理的专业服务。应用引擎是YonBuilder专业开发服务的核心，用于管理专业开发者基于云原生技术开发的微服务，从而对默认框架进行扩展。1.1.1.2操作说明应用引擎列表页可以管理应用引擎，开发者可以查看、编辑和删除自己创建的引擎用户手册4/12开发者点击新建引擎可以创建自建引擎，需要输入引擎编码、名称和业务对象类型点击查看进入引擎点击脚手架，可以下载脚手架，或者输入Git仓库信息，将脚手架推送到自己的代码仓库用户手册5/12点击创建流水线，在弹窗中根据提示信息填写必需的技术参数配置，即可创建流水线进行用户手册6/12CICD1.2开发资源管理1.2.1资源中心1.2.1.1功能概述通过组件注册中心扩展组件，可以实现扩展组件的共享。一处定义多处使用。通过设计器进行组件属性、动作的自定义设置，来支持用户的二次开发。用户手册7/121.2.1.2关键应用组件注册中心分为四态：开发态、配置态、设计态、运行态。开发态：进行组件的开发、调试。配置态：在组件注册中心管理页面进行组件的属性、动作等信息定义。设计态：在设计器中设计定义扩展组件的信息运行态：运行时扩展组件渲染。1.2.1.3操作说明1.2.1.3.1开发态安装cli工具，创建项目，首先确定我们当前开发目录，在根目录下执行以下命令后，将进入一个交互状态，提示输入工程名称等信息。在运行组件脚手架工程之前，需要我们安装依赖包，可以使用npm，在园区内网还可以使用[ynpm](https://package.yonyoucloud.com/"\t"_blank)。用户手册8/12进入工程目录，输入该命令可在./components目录下创建一个新的组件，组件名称为必填项。这个名称后续我们在组件中心配置页面会用到，最好记住。在工程目录，输入该命令可将编写的demo打包并在浏览器中预览。默认组件的样式不会打包进去，会生成一个默认的index.css.如果需要打包到index.js中，需要在config.json上添加"extraCss":false。1.2.1.3.2配置态登录工作台，在应用构建菜单下，找到组件扩展中心菜单。首页会有两个页签，一个是资源库一个是组件包。在资源库中进行组件库的添加，在组件库中添加相关的组件，配置组件相关的信息。在组件包中进行组件包的创建、组件包的打包。打包之后组件包会自动同步到当前租户下的设计器中。1、点击<新增>按钮，进行组件库新增。用户手册9/122、新增组件选中刚刚新增的组件库上数据，点击<配置>按钮，进入组件库的配置页面，在配置页面进行组件的新增、资源上传。用户手册10/12将上面开发的构建（npmrunbuild）时产出的资源index.min.js（dist目录）进行上传。注：每次上传新资源，只有在组件包管理页面进行打包后，设计态、运行态才会引用到最新的。3、增加组件属性和动作扩展的组件属性、动作会显示在设计器的左侧面板。设置的属性值会通过props方式传入到组件中。用户也可以通过动作面板扩展相关的动作。基础组件的props中会有一个pageModel属性，代表当前页面模型viewModel。通过viewModel的execute时间来触发事件。在扩展脚本中通过viewModel的on事件来绑定模型。容器组件的props中会传入页面模型viewModel，通过viewModel的execute时间来触发事件。在扩展脚本中通过viewModel的on事件来绑定模型。1.2.1.3.3设计态登录工作台，打开设计器，可以看到自己的扩展组件。将组件拖入到到画布区，选择组件进行的组件属性、动作的配置用户手册11/121.2.1.3.4运行态设计后，点击<保存>，预览时可以直接看到最终效果。运行态的扩展组件渲染机制与设计态是一致的。因此运行态不需进行额外处理。
