CodeWave智能开发平台--02--目标:文档快速阅读

在这里插入图片描述

CodeWave智能开发平台的02次接触-实现快速了解CodeWave平台

CodeWave参考资源

网易数帆CodeWave开发者社区课程中心

在这里插入图片描述

网易数帆CodeWave开发者社区文档中心

在这里插入图片描述

CodeWave智能开发平台-文档快速阅读指北

大家如果看了本专栏中的第一篇博客,应该知道我接触CodeWave不久,如何快速入门一个技术呢,见本文最后的部分。
本文的目标就是

实现参考文档的快速阅读
网易数帆CodeWave开发者社区文档中心

为什么建议先看文档,不先看视频,对我来说,相比看视频,看文档的速度要快的多。但视频中包含的一些细节是优于文档的。
需要说明的是,因为我有编程经历,对低代码平台也有了解,所以适合快速阅读,如果零基础的朋友,建议仔细阅读参考文档。

成长地图

参考:https://community.lcap.qz.163yun.com/CommunityParent/fileIndex?filePath=0.成长地图.md&version=3.4

成长地图包括如下几个方面:
CodeWave智能开发平台--02--目标:文档快速阅读_第1张图片

由于以上内容,文档中都很详尽,我就不再赘述,接下来的内容主要侧重点在于配合文档学习中的自我实践环节记录。

试用流程

浏览https://sf.163.com/product/lcap网页
点击免费试用
CodeWave智能开发平台--02--目标:文档快速阅读_第2张图片

调整到登录注册页面
CodeWave智能开发平台--02--目标:文档快速阅读_第3张图片

安装要求注册完毕后,可以设置租户域名
CodeWave智能开发平台--02--目标:文档快速阅读_第4张图片

点击 创建并进入低代码平台
CodeWave智能开发平台--02--目标:文档快速阅读_第5张图片

体验应用使用过程

紧接上一步,稍等后,自动进入平台首页
链接平台首页
CodeWave智能开发平台--02--目标:文档快速阅读_第6张图片

  1. 初识CodeWave-查看帮助视频
    CodeWave智能开发平台--02--目标:文档快速阅读_第7张图片

  2. 了解代码应用
    CodeWave智能开发平台--02--目标:文档快速阅读_第8张图片

点击向下箭头后,会探出可体验的应用
CodeWave智能开发平台--02--目标:文档快速阅读_第9张图片

选择点击PC端的项目管理系统
CodeWave智能开发平台--02--目标:文档快速阅读_第10张图片

点击立即体验后,可以查看到体验项目的首页
CodeWave智能开发平台--02--目标:文档快速阅读_第11张图片

接下来就点点点就可以了,可以体验下这个项目的流程。

体验应用创建过程

创建第一个应用
CodeWave智能开发平台--02--目标:文档快速阅读_第12张图片

可以先点击操作文档,查看帮助文档内容,如下:
CodeWave智能开发平台--02--目标:文档快速阅读_第13张图片

这个里面有详细的文档,按照文档操作,即可,大概十分钟。

首先点击向右→箭头,点击创建应用。
CodeWave智能开发平台--02--目标:文档快速阅读_第14张图片

设置应用信息
CodeWave智能开发平台--02--目标:文档快速阅读_第15张图片

点击创建后,稍等初始化后,进入应用设计主页
CodeWave智能开发平台--02--目标:文档快速阅读_第16张图片

注意上面中有左侧目录使用技巧和右侧目录使用技巧。

步骤如下(共5步),具体可以参考视频

体验页面设计(1/5):添加“免费试用”按钮

打开要编辑的页面:双击ContentPage(首页),首页会在可视化编辑器区域打开,再到页面上操作
CodeWave智能开发平台--02--目标:文档快速阅读_第17张图片

点击左侧的结构树,依据布局选择对应的页面,选择右侧组件,拖拽按钮至页面适合位置。
CodeWave智能开发平台--02--目标:文档快速阅读_第18张图片

设置按钮文本为“免费试用”,并调整按钮大小
CodeWave智能开发平台--02--目标:文档快速阅读_第19张图片

设置按钮约束
CodeWave智能开发平台--02--目标:文档快速阅读_第20张图片

体验组件事件设置(2/5):设置“免费试用”按钮点击事件,点击后跳转页面

给“免费试用”按钮添加点击事件
CodeWave智能开发平台--02--目标:文档快速阅读_第21张图片

点击事件,弹出事件组件,拖动调整页面,设置页面跳转
CodeWave智能开发平台--02--目标:文档快速阅读_第22张图片

点击右上角的预览,预览应用效果,初次预览,会需要较长的加载时间。
CodeWave智能开发平台--02--目标:文档快速阅读_第23张图片

预览发布完成,可以点击应用的开放域名,即可免费使用,会看到可以正常切换页面
CodeWave智能开发平台--02--目标:文档快速阅读_第24张图片

进入自己的应用页面后,点击免费使用

跳转到表单页面
CodeWave智能开发平台--02--目标:文档快速阅读_第25张图片

体验组件能力属性(3/5):修改“所在地区”输入框为地区选择器

打开要编辑的页面:ApplicationFrom(填写表单)
CodeWave智能开发平台--02--目标:文档快速阅读_第26张图片

替换组件为“地区选择”组件,修改选择框占位符文本
CodeWave智能开发平台--02--目标:文档快速阅读_第27张图片
如下:
CodeWave智能开发平台--02--目标:文档快速阅读_第28张图片

选择上面右侧中的值,弹出的区域中,选择变量下的客户下的本地区域,设置“地区选择”的值属性
CodeWave智能开发平台--02--目标:文档快速阅读_第29张图片

修改“地区选择”的样式
CodeWave智能开发平台--02--目标:文档快速阅读_第30张图片

再次点击预览,查看预览效果

体验实体属性设置(4/5):数据实体修改

填写应用中表单数据
CodeWave智能开发平台--02--目标:文档快速阅读_第31张图片

点击免费试用,跳转到如下页面
CodeWave智能开发平台--02--目标:文档快速阅读_第32张图片

点击右上角的后台管理链接,输入用户名和密码。查看需要的实现效果
CodeWave智能开发平台--02--目标:文档快速阅读_第33张图片

点击登录后跳转到后台,可以查看刚才填写完成的表达,如下
CodeWave智能开发平台--02--目标:文档快速阅读_第34张图片

回到可视化开发界面,点击左侧的数据,进行数据建模,选择实体中的ApplicationRecord,获得内置实体介绍
CodeWave智能开发平台--02--目标:文档快速阅读_第35张图片

添加“备注”属性,设置属性展示位置
CodeWave智能开发平台--02--目标:文档快速阅读_第36张图片

到此,数据建模完成

体验一步生成数据管理功能(5/5):实现“申请记录管理”功能

进入ApplicationRecord页面
CodeWave智能开发平台--02--目标:文档快速阅读_第37张图片

拖拽“ApplicationRecord”实体,选择列表全,生成数据”增删改查“功能
CodeWave智能开发平台--02--目标:文档快速阅读_第38张图片

删除“创建”按钮,预览效果
CodeWave智能开发平台--02--目标:文档快速阅读_第39张图片

点击预览,体验申请记录数据管理功能,即可完成数据的增删改查
CodeWave智能开发平台--02--目标:文档快速阅读_第40张图片

未完待续

接下来的文章中,我将按照教程,进行实践,带你从入门敬请期待哦

快速入门一个技术

快速入门一个技术可以分为以下几个步骤:

  1. 确定学习目标:明确你想掌握的技术领域和具体技能。
  2. 搜集学习资源:根据学习目标,搜集相关的书籍、在线教程、视频教程等资源。
  3. 制定学习计划:规划学习时间表,设定短期和长期的学习目标。
  4. 动手实践:理论结合实际,通过实际操作来加深理解。
  5. 解决问题:在实践过程中遇到问题时,通过查找资料、参与社区讨论或请教专家来解决。
  6. 持续学习:定期复习,保持知识的新鲜度,并随着技术的发展不断更新知识。
  7. 参与社区:加入相关技术社区,交流学习经验,了解行业动态。
  8. 项目实战:参与实际项目,将所学知识应用于实践中,提高解决问题的能力。
  9. 反思总结:定期对学习过程进行反思和总结,调整学习策略。
  10. 建立作品集:将你的项目和实践经历整理成作品集,有助于展示你的技能和经验。
  11. 获取认证:考虑获取相关技术的官方认证,以证明你的技能水平。
  12. 持续进步:保持好奇心和学习的热情,不断探索新技术,提升自己的技术深度和广度。

你可能感兴趣的:(CodeWave,低代码)