首页 > 其他分享 >绘出「星辰大海」:华为云Astro轻应用新手指南Ⅱ

绘出「星辰大海」:华为云Astro轻应用新手指南Ⅱ

时间:2023-09-03 20:33:30浏览次数:35  
标签:选项 绘出 华为 Astro 点击 菜品 新手 拖拽

收藏这份实用又有趣的新手指南,零基础踏上华为云低代码开发的奇妙旅程。

第Ⅱ章 Astro轻应用奇遇——用鼠标「拖拽」的开发

不被编程所困,像玩拼图一样打造订购系统!

今天,我们用鼠标拖拽的方式开发订餐应用。

读过本章,你可以同理开发出各异的订购小程序。

继续Astro轻应用旅行吧!

第1站:点亮「小提灯」

首先做什么呢?明确一些预期功能,如:菜品列表、供应楼层以及上架情况等。

绘出「星辰大海」:华为云Astro轻应用新手指南Ⅱ_字段


第2站:嗨!智慧百宝箱:华为云Astro

华为Astro低代码是非程序员开发系统的理想工具,你可以调用海量组件玩出设计新花样。再次登录,你会发现迎接画面变了:

绘出「星辰大海」:华为云Astro轻应用新手指南Ⅱ_字段_02


  • 点击「管理运行环境」,这里自动保存了开发过的项目
  • 在「全部应用」版块,点击上次创建的「订餐-进阶版」
  • 选择「菜品信息」面板,点击「新建」
  • 当默认选项有限时,如:想添加「早餐」,但用餐种类仅有「午餐」、「晚餐」,怎么办呢?第3站: 丰富默认预设 给「菜品」加点料
  • 关闭「新建」,点击右上角的「编辑应用」
  • 上方的「菜品信息」边,多了一个纸笔样的图标,点击它
  • 左侧:组件——点击(或拖拽)即可增加新功能
  • 右侧:编辑——修改对应的功能
  • 中间:画布——拖拽即可改变布局。简单伐!
  • 在画布上,鼠标单击第一行,右侧出现编辑选项
  • 在编辑栏「显示名称」,修改原先的「用餐种类」为「开胃菜」(或任何开胃的称呼)
  • 「排列方式」即该区域的呈现方式
  • 「选项」可自定义:
  • 名称(如上截图中粉框位置,点击即修改)
  • 选项卡的色彩(单击选项名称左边的彩点,即可修改)
  • 增删选项
  • 关联其他组件(后续会细致讲解)
  • 「验证」、「字段属性」、该区域「宽度」,按需调整即可
  • 从左侧拖拽了「地址」组件,经过一番修改,变成了上面的样子
  • 「选择布局」可进一步修改样式
  • 单击「选择布局」右边的手机图标,可预览手机端界面
  • 点击左上方的「保存」
  • 点击左上页眉的「菜品信息」返回基础模板
  • 菜单变漂亮了!点击右上方「退出编辑」
  • 再次「新建」,功能也增加了!

下一站,我们进一步完善它!直到符合你心目中理想的效果。在华为云Astro享受快乐开发,将「天马行空」落实成应用!


标签:选项,绘出,华为,Astro,点击,菜品,新手,拖拽
From: https://blog.51cto.com/u_16187586/7342996

相关文章

  • 【动态规划】“新手动态规划合集”题解
    动态规划三要素阶段,状态,决策动态规划经典模型LIS(最长上升子序列)给定长度为\(N\)的序列\(A[i]\),求出其最长上升子序列的长度。(以不严格上升为例)阶段:已经处理的序列长度\(i\)状态:\(f[i]\)表示以\(A[i]\)结尾的LIS长度转移\[f[i]=\max\limits_{j\in\left[1,......
  • florr新手指北
    (未完成)florr游戏链接florr简介:florr,全名florr.io。是一款由M28制作的多人网游。玩家在游戏中需要通过击杀地图中的生物从而获取花瓣,同时通过提升等级增强自身实力,从而挑战更高等级的生物。等级机制:在florr中,无论是生物还是玩家的花瓣,都有等级这个机制。等级大小:Commo......
  • Gopher进阶神器:拥抱刻意练习,从新手到大师。
    发现一个非常友好的工具,帮助我们回顾练习过程,设定目标,并提供丰富多样的Gopher主题练习题。刻意练习:从新手到大师。Carol心理学家CarolDweck做过一个实验,她找了一些十岁的孩子,随机分成两组,让他们做道题。之后,对第一组那些完成题目的孩子说:你真聪明。对第二组那些做得不错的......
  • MAUI+Masa Blazor APP 各大商店新手发布指南(二)小米篇
    目录前言审核注意事项准备材料测试与审核总结前言先说一下我们上架厂家应用商店的原因:除了方便用户下载之外,需要厂家的离线推送和微信内容分享等都需要上架应用商店(微信分享不上架有调用次数限制)。如果你的App需要在国内使用离线推送功能,也就是App不启动的场景下接收消息推送,......
  • [一只菜鸟的做题记录]攻防世界_1(新手模式)
    一只网络安全菜鸟--(˙<>˙)/--写博客主要是想记录一下自己的学习过程,过两年毕业了也能回头看看自己都学了些啥东西。由于本人水平有限内容难免有错误、疏漏、逻辑不清、让人看不懂等各种问题,恳请大家批评指正如果我写的东西能对你有一点点帮助,那真是再好不过了......
  • MAUI+Masa Blazor APP 各大商店新手发布指南-小米篇
    目录前言审核注意事项准备材料测试与审核总结前言先说一下我们上架厂家应用商店的原因:除了方便用户下载之外,需要厂家的离线推送和微信内容分享等都需要上架应用商店(微信分享不上架有调用次数限制)。如果你的App需要在国内使用离线推送功能,也就是App不启动的场景下接收消息推送,......
  • PyTorch数据处理工具箱-新手笔记
    数据下载和预处理是机器学习、深度学习实际项目中耗时又重要的任务,尤其是数据预处理,关系到数据质量和模型性能,往往要占据项目的大部分时间。PyTorch提供了专门的数据下载,数据处理包,可以极大提高开发效率及数据质量。数据处理工具箱概述torch.utils.data工具包:Dataset:一个抽象类......
  • python新手小白 初入 第一节
    建议:先基础,后入门常用功能:如何书写标题:六级标题(1~6)  1.几个警号就是代表几级标题例如##########2.ctrl+0可让标题回到普通文本状态。3.快捷键方式:ctrl+数字#数字是几就是几级标题如何书写无序标题1.*加空格 快捷键ctrl+shift+]2.连续按两下回车键退出无序标题如何......
  • 【新手必备】Flutter开发入门实战详解,带你学习Flutter原理
    前言跨平台开发过于复杂不易实施而且性能不足,而Flutter的出现打破了这种尴尬的局面。Flutter与weex、reactnative相比,性能更强高流畅度,接近native,Flutter对于Android和IOS开发者来说,非常容易上手。特点Flutter采用Dart语言开发,Dart语言相当于Java的改进版本,语法跟Scala相近,提供了......
  • swift--添加新手引导页
    swift和oc逻辑上都是一样的,只是写法不一样,可以使用一个view,也可以使用一个viewController,两种都可以的,使用view注意初始化的时候给他一个frame,vc的话,直接在本控制器里面写控制即可! 1,创建一个vc,然后在里面初始化一个scrollview,升值contentsize为3*页面宽度,然后添加图片,最后可以实......