检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
成前端应用设计。 支持区域： 华北-北京四 如何创建前端应用？ 如何创建页面？ 如何使用组件设计页面？ 如何设置组件样式？ 如何设置组件属性？ 如何设置条件渲染？ 如何设置循环渲染？ 如何绑定事件？ 如何开发自定义组件？
单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开数据源管理页面。 单击，展开设置数据源页面。 选择数据源类型（可选对象数组、树结构），并输入数据源名称。 单击“获取远程字段”，设置请求地址、请求方式及请求参数。 图1 创建数据源 单击“发送请求”，请求成功后获取到接口
基本信息中配置的内容会呈现在代码中，需用户根据实际情况进行勾选配置。 在服务列表中，单击新增一个服务中已创建服务后的“编辑”。 在基本配置中，按需进行设置。 图1 基本配置 基本配置：若本地已有配置好的服务元数据，可通过单击“导入元数据”，直接导入。 微服务名称：自动关联新增一个服务中创建的服务名称。
前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开状态管理页面。 选择“应用状态”，单击“添加全局变量”。 设置变量基本信息。 stores：是包含所有状态（state）、视图（view）和行为（actions）的容器。 store属性名称只能以字母
8、x-response-void 作用： 设置api接口返回值为void。 标签值类型： Boolean 使用位置： paths.path.operation.x-response-void（定义在指定api上时，只会将该api的返回值设置为void） 当设置此值为true时，默认接口返回值
间。开通工作空间后，即可在该工作空间内创建项目。 设置项目的基本信息，单击“确定”。 图1 设置项目的基本信息 项目名称：新增项目的名称，只能包含大小写字母、数字、连字符（-）和下划线（_）。 描述：设置项目的描述信息，通常设置为项目的用途或者功能。 版权信息：自定义代码的版权信
在左侧插件栏中，单击，进入“页面管理”页面。 鼠标悬浮在待复制的页面名称上，将显示设置按钮。 单击，进入页面设置页面。 在基本设置页签下，勾选“设为主页”。 图9 设置主页 在弹框中，单击“确定”，完成主页设置。 父主题： 前端应用管理
在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开数据源管理页面。 单击，展开设置数据源页面。 配置数据源类型（可选对象数组、树结构），数据源名称以及数据源字段。 图1 创建数据源 图2 新增数据源字段 单击“保存”，完成数据源创建。
前端应用管理 初识应用设计器 设计前端应用流程 前端开发视频指导 创建前端应用 页面管理 使用组件 属性设置 样式设置 高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 变量管理 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
DB_SHARDING MOD HASH_MOD INTERVAL 固定字段 支持 支持 支持 枚举字段 支持 支持 支持 自定义DTO 支持 支持 支持 脱敏规则（全局定义） 支持 支持 支持 BO类型 FINAL VALUE_OBJECT FINAL VALUE_OBJECT ABSTRACT FINAL
前端应用由一个或多个组件拼装而成。在左侧插件栏打开物料资产包，选择合适的组件，拖拽到中间画布中。在画布选中组件，设置组件的属性、样式、以及绑定事件等。 图5 添加组件 图6 设置组件基本属性 图7 设置组件样式 图8 设置组件高级属性 步骤五：生成代码 根据配置的页面设计，生成应用的基本代码。代码生成后，会下载至本地，供您使用。
在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开数据源管理页面。 单击，展开设置数据源页面。 选择数据源类型（可选对象数组、树结构），并输入数据源名称。 图1 创建数据源 单击“新增字段”，添加静态数据源。 图2 添加静态数据源
label 展示的属性配置label Object content[0].cols - - content[0].rules 属性值的校验规则。 Array content[0].labelPosition 配置面板文本定位。 string content[0].hidden 是否展示该属性配置。
创建一个空服务，并指定服务的版本。创建服务前，请确保已创建项目和服务组。 基本配置 设置服务框架、版本和单元化策略等信息，请根据实际业务直接在界面进行勾选。 框架配置 设置服务的架构、数据库、缓存和安全认证等信息，请根据实际业务直接在界面进行勾选。 生成策略 设置服务的API、代码风格、部署和性能测试等信息，请根据实际业务直接在界面进行勾选。
在已购买的实例中，单击“操作”，选择“扩容”。 图4 选择扩容 在购买扩容包页面，设置购买数量，单击“立即购买”。 一个资源扩容包，包含用户数50个、应用数20个、实体个数200个，请按需设置购买数量。 图5 购买扩容包 选择支付方式，单击“确认付款”，完成订单支付。 父主题：
ase/service”样式，关于“单Module”和“DDD”样式的代码目录结构说明，请参见服务开发框架详解。 图4 设置代码风格 图5 工程目录不同类型设置效果 父主题： 创建企业核心应用
在已购买的实例中，单击“操作”，选择“扩容”。 图4 选择扩容 在购买扩容包页面，设置购买数量，单击“立即购买”。 一个资源扩容包，包含用户数50个、应用数20个、实体个数200个，请按需设置购买数量。 图5 购买扩容包 选择支付方式，单击“确认付款”，完成订单支付。 返回As
前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，选择onClick事件。 在弹框中设置绑定事件。 方法名称：选择已有方法或者添加新方法，如果选项添加新方法，单击“确定
如何自定义DTO 使用说明 自定义DTO相当于数据传输对象，主要用于自定义API时添加参数或返回体。 操作步骤 在业务设计页面，单击“自定义DTO”。 图1 自定义DTO 单击“新增”，添加一个自定义DTO。 图2 自定义一个Dto1 在自定义API的参数或返回体中，使用自定义DTO。
在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开并查看页面大纲树。 图1 设置主页 父主题： 前端应用管理
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
