特惠专区

ECS 限时秒杀，多重好礼等你拿

免费体验中心

免费领取90+产品体验

华为云企业邮箱 优惠

即开即用，不限账号数
[快速入门]华为网页制作
MetaStudio_入门

数字内容生产，使能视频制作、直播、交互应用 提供分身数字人、3D数字人IP快速生成及定制服务，AI重塑数字内容生产，使能视频制作、直播、交互应用 购买 专家咨询 3步快速申请体验数字内容生产线 3步快速申请体验数字内容生产线 注册华为云并实名认证 打开华为云网站，单击“注册”，根
Flexus数字人

即购即享更便捷 一次下单完成全部制作资源购买。 制作简单更省心 手机录制2分钟，即可轻松完成高质量数字人制作。 真实自然 1:1复刻真实形象，95%口型匹配 高性价比，千元以下即可体验 体验最新数字人技术，经济实惠，适用广泛 应用场景 形象制作 声音制作 视频制作 形象制作 产品介绍 只需提供2分钟的视频，即可复刻高保真形象和声音
企业主机安全 HSS-产品入门

了解详情 使用华为云CodeArts实现20分钟一行代码上云 在短时间内熟悉并利用软件开发生产线CodeArts快速搭建项目，并部署在弹性云服务器ECS上 了解详情 华为云计算服务实践 通过学习华为云计算服务的概念、发展及技术架构，体验云计算服务日常操作，揭秘华为云计算服务的优势
企业主机安全 HSS-资源与学习

全运营、网页防篡改等功能，帮助企业更方便地管理主机安全风险，实时发现黑客入侵行为，以及满足等保合规要求 企业主机安全（Host Security Service）是服务器贴身安全管家，通过资产管理、漏洞管理、基线检查、入侵检测、程序运行认证、文件完整性校验，安全运营、网页防篡改等
云客服CEC-平台开放

参数给华为系统 2.华为系统根据设定的调度外呼任务（时间、频度、定时时间等），呼叫用户被叫号码，并直接放音或通过TTS把文字转化成提示音播放 事件提醒(如告警、语音验证码等）： 1.根据实时事件信息（如告警信息/文字验证码、信息源、被叫号码），调用华为系统API 2.华为系统调度
MetaStudio

多款热卖产品和组合套餐供选择，云底座算力加持，性能表现更优 多款热卖产品和组合套餐供选择 智能交互 视频直播 视频制作 形象制作 声音制作 查看更多 收起 为什么选择华为云数字内容生产线 高拟真 高拟真 表达精准，口型匹配度＞95% 情感语音，10+风格拟人表达 广电级主播语音播报，准确率99
Web应用防火墙 WAF

客户案例 顺丰科技 盟广信息 金蝶云 T3出行 华为云WAF助力顺丰科技智慧供应链领跑 华为云Web应用防火墙 WAF资源弹性扩容，支撑顺丰科技从容应对业务高峰突发流量，助力顺丰科技智慧供应链领跑行业 了解详情 华为云WAF携手盟广信息技术 华为云Web应用防火墙 WAF助力盟广打造智能
融合视频商业案例

络，回传至济南移动MEC边缘节点和北京赛事制作中心，实现随时随地的超高清视频内容采集、制作和传播。 通过MEC边缘节点的视频拼接、转码、分发能力和专业内容制作工具，可就近提供超广角VR、180° VR、360°全景VR直播所需的边缘制作服务。 超级观众体验 现场观众只需在5G手机
盘古多模态大模型

文旅宣传 影视制作 图像生成与视频生成技术赋能影视制作，可智能生成场景、角色与特效，实现动态剧情生成，提升制作效率与创意灵活性。 互动娱乐 智能驾驶 广告营销 文旅宣传 影视制作 客户案例 与盘古多模态大模型一起 加速智能创作，极致效率创新，拥抱无尽创意 万兴科技 万兴科技与华为云达成战
[相关产品]华为网页制作
iGuard网页防篡改系统

程序的发布更新是网页内容变化的唯一合法渠道，因此确保网页发布过程的安全性是网页防篡改系统需要高度关注的问题。基于可信计算的思想，iGuard可以实现防护对象的可信发布。可信发布的核心设计思想是为防护对象建立起网页发布的可信源，只有来自可信源的网页更新才是合法的网页更新。iGuar
模型制作服务

全新的智慧讲解体验，将丰富展区虚拟内容与历史事件的全息再现，打造全国第一家智慧全息讲解纪念馆。模型制作服务Model making service，创新了全新的智慧讲解体验，将丰富展区虚拟内容与历史事件的全息再现，打造智慧全息讲解纪念馆。借助虚实融合的技术，全面提升手机用户在参观
全景制作平台

全景制作是基于互联网、VR虚拟现实技术、整合社会传播需求而打造的云端沉浸式全景漫游制作平台全景制作是基于互联网、VR虚拟现实技术、整合社会传播需求而打造的云端沉浸式全景漫游制作平台，平台主要通过将专业设备拍摄或专业渲染的全景图转化为曲面图，通过镜头拉伸、场景切换、空间层级互动，以
浩辰云图网页版软件

浩辰云图CAD网页版软件，包括后端各种API能力+前端JS SDK，专门为企业量身定制的CAD在线看图产品，无需安装任何插件，可无缝集成到各类BS系统、APP软件、微信小程序中，实现企业图纸管理、协同办公等私有化。浩辰云图CAD网页版软件，是基于浏览器的无控件的在线CAD图纸浏览
ieGuard 网页防篡改安全服务

便捷化、用户透明化和管理全面化。ieGuard 网页防篡改安全系统的篡改检测模块使用密码技术，为网页对象计算出唯一性的指纹，公众每次访问网页时。都将网页内容与指纹进行对比；一旦发现网页被非法修改，即进行自动恢复，保证非法网页内容不被公众浏览。并前置文件驱动过滤技术，在操作系统核心
响应式网站建设,制作

24、支持网站的前、后台PC、手机、IPAD等多个终端的访问与操作，自动适应屏幕技术 25、支持功能的无限扩充与升级 26、全面采用HTML5+CSS3最新技术制作 27、整个网站所有能见到的文字内容、图片、设置都可以进行后台管理与随时修改 28、免费把您的产品、SEO信息推广到几十万家网站上去，帮助您全天候做到无死角广告全覆盖
定制化网站制作服务

01．所见即所得H5建站产品 02．后台管理简单、方便 03．无需额外租用云空间 04．完善、智能的建站系统 05．轻松快速创建企业的官网 06．整站内置SEO搜索引擎优化机制H5响应式建站网站，静态缓存响应快，不同分辨率屏幕自动适应H5响应式网站定制服务与未来一起，打破拘束产品
三维内容制作

乐等场景中的高效应用。制作说明包含数字人平面设计、三视图设计，三维模型制作，模型的绑定、贴图、材质效果，以及数字人的实时渲染制作。定制类型：卡通数字人、二次元类型数字人、写实类数字人。提供广电媒体节目、晚会、发布会、演唱会等三维虚拟场景设计建模技术于特效制作服务。应用场景数字代言
安恒网站卫士网页防篡改系统

网站卫士网页防篡改系统采用专利级Web入侵检测技术对网站进行多层次的安全检测分析，有效保护网站静态/动态网页及后台数据库信息。产品功能 网页防篡改：事前将网页文件保护起来，除了指定的可信IP、进程、用户之外，禁止其它任何来源修改受保护的网页文件，在非法进程尝试篡改网页文件之前阻止，防患于未然。
[相似文章]华为网页制作
网站制作教程_html网页制作_网站建设网站源码

查看详情 收起 展开 步骤四：设置网站前台 收起 展开 包含制作PC版网站前台、制作手机版网站前台和备份网站数据。 • 制作PC版网站前台：将模板的数据替换为您自己的数据，并在模板的基础上新增或者修改网站模块。 • 制作手机版网站前台：将PC版的网站内容生成手机版，当客户使用手机访问时自动适配到手机版。
怎么制作一个网站_网站制作流程_创建一个网站_如何制作网页-华为云

您完成PC版、手机版网页的制作，以及网站数据的备份。 查看详情 收起 展开 网站备案 收起 展开 域名备案原则是您的服务器资源在哪里就需要在哪里备案。购买企业门户后，需要在华为云备案。如果您的域名已经在第三方备案过，当前需要把此域名绑定到企业门户，依然要在华为云备案。 查看详情 智能建站的常见问题
免费h5制作网站_h5模板网站_在线_h5页面制作平台_移动端网页制作

站”。 H5页面怎么制作？ H5页面制作的大致流程：找一个专业靠谱的H5网页制作平台，开通站点后，选择合适的模板，就能开始编辑您的网页了。 华为云H5模板建站平台 企业门户服务（Cloud Site-building Service）是一款帮助您搭建网站的华为云服务。提供PC、手
网站建设网页制作需要什么技术_可以达到什么目的

四、设置网站前台 收起 展开 制作PC版网站前台、制作手机版网站前台和备份网站数据。 4、设置网站前台：包含制作PC版网站前台、制作手机版网站前台和备份网站数据。 制作PC版网站前台：将模板的数据替换为您自己的数据，并在模板的基础上新增或者修改网站模块。 制作手机版网站前台：将PC版的
如何制作一个网页_有什么方法和需要注意的

系统策略 如何制作一个网页 制作网页方法 收起 展开 开通网站 收起 展开 ① 制作网站前，您需要先购买网站站点，并为此站点购买模板（可选）、安装模板，构造出一个网站的框架。 ② 网站框架构建完成后，您需要为网站绑定一个域名，此域名为客户访问网站的入口。没有域名可在华为云购买、备案。
专门做网站制作的公司_做网站制作公司-华为云

专门做网站制作的公司-华为云 公司专业建站-企业门户 做网站制作公司- 华为云-企业门户 华为云建站为您提供上千套网站模板，覆盖上百行业，无论您需要个人网站模板、企业网站模板还是HTML5网站模板、H5响应式网站模板，华为云建站都能满足您的需求，让您零基础快速搭建个人网站，企业网站。
什么是数字人_视频制作-创建声音制作-华为云1

界面左侧是声音制作页面，右侧为声音制作流程。声音制作录制教程，可以帮助用户快速制作声音。 图1 定制声音 配置声音制作参数 副文本最多一行 配置声音制作参数 区域 说明 请选择声音制作服务 系统提供如下声音制作服务，请选择一种声音制作服务。 基础版声音制作：仅需20条语料。音频格
自己怎么制作网站_网站制作费用_网站制作广东

管理、物流配送管理等，实现轻量线上交易 6、网站安全，华为云保驾护航 云速建站支持HTTPS使网站防劫持、防篡改、防监听。客户更加信任您 立即购买 免费体验 自己怎么制作网站常见问题 自己怎么制作网站常见问题 云速建站自己制作网站购买时包含了全部费用吗？ ▶ 云速建站购买后包含了
容器引擎_制作容器镜像-华为云

1。 docker images 制作镜像压缩包 本节指导您将容器镜像制作成tar或tar.gz文件压缩包。 以root用户登录容器引擎所在机器。 执行如下命令查看镜像。 docker images 查看需要导出的镜像及tag。 执行如下命令制作镜像压缩包。 docker save

华为网页制作

操作场景

华为云Astro轻应用低代码平台为组件设计了事件-动作机制，实现组件与组件、组件与页面之间的交互。

  • 事件是应用在运行时，页面内发生的动作或者用户执行的操作（例如单击组件、组件加载等）。
  • 动作是响应事件后，按照设定的方式，对事件做出回应（如页面跳转）。例如，用户在网页上单击一个按钮，通过显示一个信息框来响应这个动作。

本章节将向您介绍华为云Astro轻应用低代码平台预置的常用事件及动作，以及在高级页面中如何为组件配置事件。

初识事件-动作

  1. 查看组件可配置事件列表。

    以雷达图组件为例，在画布中拖入并选中雷达图组件，在右侧“组件属性设置”栏中选择“事件”页签，会显示当前组件可配置的事件列表。

    图1 事件配置示例
    表1 预置事件列表

    事件名称

    事件说明

    点击

    通过鼠标左键，单击该组件时触发。

    双击

    通过鼠标左键，双击该组件时触发。

    右击

    通过鼠标右键，单击该组件时触发。

    右双击

    通过鼠标右键，双击该组件时触发。

    鼠标滑过

    鼠标光标滑过该组件时触发。

    组件加载

    组件加载完成后触发。

    单击组件标题

    单击组件标题时触发。

    当点击图例时

    单击图例时触发。

    当点击数据时

    单击数据时触发。

    图1所示的“跳转页面”事件，并非低代码平台预置的事件，而是在“雷达图”组件中注册的事件，当单击该组件标题时触发。即事件列表中也会展现该组件注册的事件，用于配置。组件中如何注册事件，请参见通过事件动作实现高级页面内组件的交互。

    事件在开发态（高级页面编辑页面）不能触发，只有在页面的运行态（应用运行状态或预览页面）才能触发生效。

  2. 配置事件触发时的响应动作。

    单击事件名称后的，在弹出的“事件编辑”页面，可配置该事件触发时的响应动作。

    图2 配置事件示例
    • “事件编辑”弹窗说明
      如下图所示，其中标签1“新建动作”按钮，可为当前事件添加响应动作，标签2为当前事件已配置的动作列表，可在列表中操作列对其再次编辑或删除。
      图3 事件编辑弹窗
    • 预置动作说明
      图4 动作列表示例

      如上图所示，当单击“新建动作”按钮后，可展现当前事件可配置的动作列表。

      表2 预置动作列表

      动作类别

      动作名称

      详细说明

      默认

      页面跳转

      跳转至其他页面，配置参数说明：

      • 页面类型：设置待跳转的页面是当前应用中的标准页面、高级页面或外部页面。
      • 高级页面、标准页面、外部页面：选择高级页面、标准页面或输入外部页面的地址。
      • 动作参数：通过页面宏传递参数，可暂且不关注。
      • 页面打开方式：设置跳转页面的打开方式，可选项包含当前浏览器窗口打开或新窗口打开。

      显示组件

      选择要显示的组件。

      隐藏组件

      选择要隐藏的组件。

      自定义

      自定义动作

      自定义动作可通过代码，实现响应动作的逻辑。

      //var flag=true 
//{widgetxxx}.flag=flag;
console.log('测试自定义动作');

      BPM动作

      提交实例

      工作流中一个重要的内容就是用户任务，而用户任务所有的交互都是通过页面实现的。工作流与页面的交互模式采用了业界“依赖反转”的设计模式。一般情况下，页面之间的跳转应该在页面的事件代码中定义，但在页面上是无法确定下一步应该做什么，因此，又需要依赖工作流进行页面的跳转，即“依赖反转”。这种做法的好处在于，可以复用页面而无需考虑页面的下一步是什么。

      在高级页面的自定义事件中，内置了一些交互的API，但由于高级页面使用了懒加载的方式，故其API表达为闭包形式：

      • 获取变量： $工作流(op => op.loadVariables(variables))
      • 提交实例： $工作流(op => op.submitInstance(variables))
      • 提交任务： $工作流(op => op.submitTask(variables))
      • 更改变量： $工作流(op => op.putVariables(variables))
      另外，在高级页面的自定义组件的JS文件中，也可以通过以下代码即可触发名称为“test工作流”的工作流流程，并将“test1”作为“val”变量的值传到工作流流程中。 
      $工作流(op => op.submitInstance({
   "name": "test工作流",
   "variables":{
      "val": "test1"
   }
}))

      提交任务

      转派任务

      更改变量

      图4中所示的“满月饼图”动作，并非低代码平台预置的动作，而是在“满月饼图”组件中注册的动作，即动作列表中也会展现在画布中所有组件注册的动作，用于配置。组件中如何注册事件，请参见同页面内组件的交互。

  3. 配置完成后，单击页面上方的，保存页面。
  4. 单击，进入预览页面，查看已配置的事件和动作是否能正常触发。

自定义组件中事件、动作

如果AstroZero低代码平台预置的事件与动作不能满足您的开发需求，还可以在组件中对其进行自定义，以实现业务逻辑。

AstroZero低代码平台提供的组件模板中，包含了事件和动作的模板组件（widgetEventTemplate、widgetActionTemplate）。在环境配置的“维护 > 全局元素 > 页面资产管理 > 组件模板”中，可查找并下载组件模板。如何下载组件模板，请参见管理组件模板

图5 事件、动作组件模板

组件模板中包含多种功能的示例组件，可以参考组件模板开发自定义组件，组件模板的下载及说明请参见在线开发华为云Astro轻应用高级页面自定义组件。

在组件模板代码中，包含低代码平台定义的事件、动作的注册和触发API（应用程序接口），详细介绍如表3所示。

表3 事件、动作API说明

类型

函数

功能及参数描述

事件

Studio.registerEvents(

thisObj,

"eventName",

"Event Label",

[]

);

低代码平台定义的注册事件的API，只有通过此API注册后的事件，才会在组件的事件列表中展现。

  • thisObj：当前组件实例对象，指为该组件注册事件。
  • "eventName"：事件名称，应该与触发事件API中的第一个参数保持一致。
  • "Event Label"：事件标签名，在事件列表中展示的事件标题。
  • []：定义该事件触发时传递的参数模型，例如[{"name": "param"}] 。

thisObj.triggerEvent(

"eventName",

{}

);

低代码平台定义的触发事件的API。

  • "eventName"：指定触发的事件名称。
  • {}：为事件触发时传递的参数赋值，例如{param: value}。

动作

Studio.registerAction(

thisObj,

"actionName",

"Action Label",

[],

$.proxy(this.receiveActionCbk, this),

[]

);

低代码平台定义的注册动作的API，只有通过此API注册后的动作，才会在组件的动作列表中展现。

  • thisObj：当前组件实例对象，指为该组件注册动作。
  • "actionName"：动作名称。
  • "Action Label"：动作标签名，在动作列表中展示的动作标题。
  • []：事件触发时传入的参数。
  • $.proxy(this.receiveActionCbk, this)：该动作的回调函数，在回调函数中定义该动作的执行逻辑。
  • []：此参数在开发过程中置为空数组即可。

本章节以模板组件widgetEventTemplate、widgetActionTemplate为例，向您介绍上述关于事件和动作API的使用方法。

在事件和动作的模板组件中，主要实现如下图所示。单击widgetEventTemplate中的“trigger Event”按钮，可将此组件输入框中的文本传递给widgetActionTemplate组件，在widgetActionTemplate组件中执行动作，将文本显示到该组件的输入框中。

图6 事件、动作组件示例

其主要实现如下：

  • widgetEventTemplate组件

    在“widgetEventTemplate.js”文件中注册名称为“sendEvent”的事件，并在单击“trigger Event”按钮时触发“sendEvent”事件，代码如下所示。

    • 注册“sendEvent”事件 
      var sendEventConfig = [{
    "name": "param1",
    "displayName": "Param1"
}];
Studio.registerEvents(
    thisObj,
    "sendEvent",
    "Send Event",
    sendEventConfig
);
    • 在“trigger Event”按钮的单击事件中，触发“sendEvent”事件。 
      $("#triggerEvent", elem).bind('click', function () {
     if ($("#eventParam", elem).val()) {
         thisObj.triggerEvent("sendEvent", {
             param1: $("#eventParam", elem).val()
         });
     }
})
  • widgetActionTemplate组件

    在widgetActionTemplate组件“widgetActionTemplate.js”文件中注册“receiveAction”动作，并定义“receiveActionCbk”作为该动作的回调函数，设置输入框的值。

    • 注册“receiveAction”动作。 
      Studio.registerAction(
    thisObj, 
    "receiveAction", 
    "Receive Action", 
    [], 
    $.proxy(this.receiveActionCbk, this), 
    []
);
    • 定义“receiveActionCbk”回调函数。 
      receiveActionCbk: function(data){
    var thisObj = this;
    var elem = thisObj.getContainer();
    $("#receivedParam",elem).val(data.eventParam.param1)
}

同页面内组件的交互

将模板组件widgetEventTemplate、widgetActionTemplate上传至组件库，并在高级页面中测试。

  1. 参考上传自定义组件中操作，上传组件模板widgetEventTemplate、widgetActionTemplate。
  2. 上传组件后，打开一个高级页面，在组件列表中将已上传的组件，拖拽到画布中。

    图7 使用事件、动作组件模板

  3. 配置事件、动作。

    选中组件widgetEventTemplate，在“事件”页签下单击“sendEvent”后的，选择“新建动作 > widgetActionTemplate (widget数字) > Receive Action”。

  4. 单击页面上方的，保存页面。
  5. 保存成功后，单击，发布页面。
  6. 成功发布后，单击 ，进入预览页面，查看效果。
查看更多 >>

华为网页制作常见问题

更多常见问题 >>
  • 网站制作教程_html网页制作_网站建设网站源码

    华为云建站为您提供上千套网站模板，覆盖上百行业，华为云建站可以让您零基础快速搭建个人网站，企业网站。本文为您介绍企业门户服务的配置、网站搭建的流程、网页建设的注意事项、网页搭建的视频指导及更多相关内容。

  • 怎么制作一个网站_网站制作流程_创建一个网站_如何制作网页-华为云

    华为云怎么制作一个网站专题为用户提供模板建站定义、智能建站流程、企业门户评价、网站建设的注意事项、付费模板与免费模板的区别、智能建站的常见问题以及智能建站操作指导视频等相关内容。

  • 免费h5制作网站_h5模板网站_在线_h5页面制作平台_移动端网页制作

    华为云企业门户提供PC、手机、微信公众号、小程序、APP五站合一的模板建站产品，无需代码，自由拖拽，快速生成中小企业H5网站及网店、微信网店等。

  • 网站建设网页制作需要什么技术_可以达到什么目的

    企业门户服务提供不同规格的建站产品，是一款帮助您搭建网站的华为云服务。无需代码，自由拖拽，快速生成中小企业网站及网店、微信网店等。您可以根据需要自行使用网站模板快速搭建网站，也可根据需要设计编辑网站。

  • 如何制作一个网页_有什么方法和需要注意的

    华为云怎么制作一个网站专题为用户提供模板建站定义、智能建站流程、企业门户评价、网站建设的注意事项、付费模板与免费模板的区别、智能建站的常见问题以及智能建站操作指导视频等相关内容。

  • GaussDB常见问题

    GaussDB是华为自主创新研发的分布式关系型数据库。具备企业级复杂事务混合负载能力，同时支持分布式事务，同城跨AZ部署，数据0丢失，支持1000+节点的扩展能力，PB级海量存储。

华为网页制作教程视频

最佳实践视频帮助您快速了解搭建流程 了解更多

更多相关专题
查看更多 收起
更多精彩内容
L实例 短信批量发送 SSL证书是什么 SSL免费证书申请 国外CDN加速 网站建设搭建