引入变量 此重构允许您创建新变量，通过选定的表达式进行初始化，并使用创建变量的引用替换原始表达式。这与内联变量相反。 执行重构 在代码编辑器中，将光标放置在要提取到变量的表达式上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce Variable。或者按“Ctrl+Alt+V”。

查看更多 →

引入常量 此重构允许您创建新常量，通过使用选定的表达式进行初始化，并使用创建常量的引用替换原始表达式。 执行重构 在代码编辑器中，将光标放置在要提取到常量的表达式上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce Constant。或者按“Ctrl+Alt+C”。

查看更多 →

引入变量 通过此重构，您可以创建一个新变量，使用所选表达式对其进行初始化，然后使用对所创建变量的引用替换原始表达式。这与内联变量重构相反。 执行重构 案例 父主题： 代码重构

查看更多 →

复杂的页面拆分成多个低耦合的模块，有助于代码维护。 使用语言 Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是可以自底向上逐层应用Vue。Vue易于上手，也便于与系统进行整合。 开发自定义组件前，请先了解JS和Vue相关知识，具备一定的JS和Vue开发经验。 自定义组件结构 自定义组件包，目录结构如下。

查看更多 →

AUI为内部开源使用，外部无法访问，底层逻辑使用Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。 vue create my-app

查看更多 →

查看解压后的组件目录。 目录结构如图3所示，其中userLogin.js文件是写vue业务逻辑的代码，userLogin.ftl用于写html代码，userLogin.css用于写样式代码，userLogin.editor.js以及packageinfo.json是配置文件。 图3 目录结构

查看更多 →

在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“应用开发”，进入设计器。 在左侧插件栏中，单击，展开物料资产包。 在物料资产包中选择按钮组件，并拖拽至中心画布中。 添加npm utils 在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“npm”。

查看更多 →

单击“+”，选择“Node.js”。 图6 选择Node.js “JavaScript file”选择“node_demo.js”，单击“OK”，完成配置。 图7 选择node_demo.js 调用API（Node.js）示例 在工程中引入signer.js。 var signer =

查看更多 →

新增密钥 将开发指导中生成的卡片JS进行上传管理。 将打包后的mylib.umd.min文件名修改为index，并同需要引用的静态资源压缩在同一级目录。 图4 zip示例截图 图5 上传卡片 Vue CLI生成的卡片输出为完整js，需要将其重命名为index.js，放置在zip压缩包内。否则会出现验证不通过的异常。

查看更多 →

提取/引入重构 简介 引入变量 引入参数 引入字段 引入常量 提取方法 提取接口 提取超类 提取委托 引入功能参数 引入功能变量 提取方法对象 引入参数对象 父主题： 重构

查看更多 →

引入字段 此重构允许您创建一个新的类字段，使用选定的表达式初始化它，并使用对创建的类字段的引用替换原始表达式。这与内联字段重构相反。 执行重构 在代码编辑器中，将光标放置在要提取到类字段的表达式上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce Fiel

查看更多 →

Functional Parameter对话框中，提供引入参数的名称和其他重构选项。 在Parameters of type列表中，为提取的参数选择其中一种的类型。 选择是否应将提取的参数声明为final参数。 要保留原始方法并使用引入的参数定义新方法，请选中Delegate via overloading

查看更多 →

引入参数对象 此重构允许您将方法的参数移动到新的包装类或某些现有的包装类。所有参数的用法都将替换为对包装类的相应调用。 执行重构 在代码编辑器中，将光标放置在要提取到包装类的参数上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce Parameter Object。

查看更多 →

引入依赖库 支持的依赖库说明 FunctionGraph支持引入标准库及第三方依赖库。 标准库 对于标准库，无论是在线编辑或是线下开发打包上传至FunctionGraph，均可以直接在代码中引入，使用其功能。 FunctionGraph支持的非标准库 FunctionGraph内

查看更多 →

{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。

查看更多 →

单击“+”，选择“Node.js”。 图6 选择Node.js “JavaScript file”选择“node_demo.js”，单击“OK”，完成配置。 图7 选择node_demo.js 调用API（Node.js）示例 在工程中引入signer.js。 var signer =

查看更多 →

如果函数工程引入了第三方依赖，可以将第三方依赖打成ZIP包，在函数代码界面设置外部依赖包；也可以将第三方依赖和函数工程文件一起打包。 将工程打成ZIP包，上传到OBS存储桶。 Java 8 如果函数没有引用第三方件，可以直接将函数工程编译成Jar包。 如果函数引用第三方件，将函数工

查看更多 →

oken发回给第三方系统，由第三方系统确认是否为本系统发的请求，请参见开发token生成机制与认证验证接口。 华为方使用HTTPS传输协议确保信息传输通道安全，请第三方确保开发的鉴权功能具备“口令复杂度校验”、“防暴力破解”、“防DOS攻击”等安全防护能力。 引入相关依赖框架，构

查看更多 →

函数支持引入的依赖库有哪些？ 支持的依赖库说明 FunctionGraph支持引入标准库及第三方依赖库。 标准库 对于标准库，无论是在线编辑或是线下开发打包上传至FunctionGraph，均可以直接在代码中引入，使用其功能。 FunctionGraph支持的非标准库 Funct

查看更多 →

文件名 文件说明 TabsWidget.js 组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明，请参见高级页面组件中预置的API。 TabsWidget.editor.js 组件属性定义文件，负责组件在编辑状态时，需要渲染的界面和逻辑。“*

查看更多 →

如果函数工程引入了第三方依赖，可以将第三方依赖打成ZIP包，在函数代码界面设置外部依赖包；也可以将第三方依赖和函数工程文件一起打包。 将工程打成ZIP包，上传到OBS存储桶。 Java 8 如果函数没有引用第三方件，可以直接将函数工程编译成Jar包。 如果函数引用第三方件，将函数工

查看更多 →