检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用JS面板 在常规代码开发中，您需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。
效果：设置组件的透明度、轮廓样式及光标样式。 图8 设置显示效果 样式设置完成后，设计器会自动完成以下动作。 如果当前样式在选择器中没有选中任何一个类名或者ID，会自动生成随机类名。 将在样式面板设置完成的样式写入类名规则中。 图9 样式写入到类名样式 将样式选择器自动生成或者选中的类名绑定到当前组件属性中。
components都包含三个文件，一个index.js，一个*.vue文件和一个componentBundle.json文件，其中index.js和componentBundle.json这两个文件名字不可更改。 图2 components文件夹 componentBundle.json：用于定义一组组件的
添加全局变量 使用说明 全局变量是在整个应用中都可访问的变量。它们的作用域是全局的，可以在应用的任何一个页面调用。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
量、迭代的变量名、索引变量名、以及唯一的key。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 拖拽组件至画布，例如拖拽一个“段落”组件。 添加变量，例如loop
新增类名 使用说明 当选中一个组件，还没有自动生成类名时，您可以单击输入框手动输入类名，然后继续编辑样式面板的样式。 此时，组件会自动绑定您输入的类名，然后将在样式面板编辑的样式生成代码，写入到全局样式中。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。
业务场景及设计流程说明 应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面，帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在AstroPro中，构建一个上述登录页面的流程，如图图1所示。
${this.props.lastName}` } sette：用于设置（写入）类的私有属性的值。Setter方法通常接受一个参数，该参数是要设置的新值，并且可能包括一些逻辑来验证或处理这个值，然后才将其赋给属性。 示例： function setter() { // const [firstName
方法名称：输入方法名称，名称可以由字母、数字、下划线、$ 符号组成，不能以数字开头。 可以选择已有方法或者添加新方法，如果选项添加新方法，单击“确定”之后将在JS面板中创建一个该名称的新方法。 扩展参数：调用当前事件传入的真实参数，数组格式，追加在原有事件参数之后如: onClickNew(eventArgs, extParam1
设计前端应用流程 前端应用可以由一个或多个页面组成一个完整的业务系统。在AstroPro中，通过创建应用、（可选）创建文件夹、创建页面、页面设计和生成应用代码五步，即可快速完成前端应用设计，具体流程如图1所示。 图1 创建应用 步骤一：新建一个应用 参考登录AstroPro界面中操作，登录AstroPro界面。
项目是使用AstroPro核心业务的入口。在使用AstroPro进行应用建模前，需要先创建一个项目。 支持区域： 华北-北京四 如何创建项目？ 项目角色管理 服务组 服务组用于对项目中的服务进行分组，一般一个分组对应一个研发团队。创建项目后，默认会创建一个和项目同名的服务组，所有新建服务默认在此分组下。 支持区域：
的关系 项目是使用AstroPro核心业务的入口。服务组用于对项目中的服务进行分组，一般一个分组对应一个研发团队。服务组创建后，即可为项目添加服务。服务是业务概念，即提供某种服务的某个进程。每一个服务都具有自主运行的业务功能，对外开放不受语言限制的API，多个服务组成应用程序。
项目创建完成后，在左侧导航栏中，选择“服务管理 > 服务”。 选择步骤一：添加一个项目中创建的项目和服务组，单击“新建服务”。 创建项目时，默认会创建一个和项目同名的服务组，所有新建服务默认在此分组下（本示例使用默认服务组）。服务组用于对项目中的服务进行分组，一般一个分组对应一个研发团队。 图5 新增服务 设置服务的基本信息。
项目是一个功能相对完备的业务系统，通常情况下由一个或多个服务组组成。项目是使用AstroPro核心业务的入口。 服务组 服务组用于对某个项目中的服务进行分组，一般一个分组对应一个研发团队。 （微）服务 （微）服务是业务概念，即提供某种服务的某个进程。每一个服务都具有自主运行的业务功能，对外开放不受
创建项目 项目是使用AstroPro核心业务的入口。在使用AstroPro前，需要先创建一个项目。 创建服务组 服务组用于对项目中的服务进行分组，一般一个分组对应一个研发团队。创建项目后，默认会创建一个和项目同名的服务组，所有新建服务默认在此分组下。 添加服务 在新增服务界面，通过简单的配置，完成服务框架的搭建。
Pro实例版本。 图1 选择参考架构 单数据库DB(参考单表查询QPS < 1w)：只有一个数据源。 读写分离数据库(参考单表查询QPS < 3w)：默认添加两个数据源，一个负责写数据，一个负责查数据。如果数据源使用DevSpore，就使用devspore-datasource
存量服务云原生改造 应用场景 存量服务架构归一 存量业务系统中代码三方依赖管理多，希望可以统一管理，降低升级维护成本。 安全漏洞整改耗时周期长，解决安全漏洞无法统一管理、升级等问题。 存量服务切换技术栈 存量服务切换技术语言框架，技术栈归一到Java微服务架构。 价值 提供多种微服
配置模板信息后，单击“下一步”。 模板名称：输入模板名称，名称仅允许以英文字母开头，包含英文字母和数字，一般采用驼峰格式或“-”连接，长度最低为两位。 模板类型：默认为架构模板，暂不支持修改。 模板范围：根据3选择的项目，确认模板范围。 图2 配置模板基本信息 设置模板基本配置后，单击“下一步”。
使用模板创建页面 使用已创建的模板，一键生成页面，轻松实现个性化网站构建，节省时间，提高效率。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，进入“页面管理”页面。
工程目录：设置生成代码的工程目录样式，默认为DDD。 单Module：工程目录结构只有一个模块。 base/service：工程目录结构包含base和service两个模块。 DDD：和单Module一样，工程目录结构只有一个模块。 图3 工程目录不同类型设置效果 module添加服务名前缀：配
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
