![在这里插入图片描述](http://img.e-com-net.com/image/info8/bf5fd12db3734359965c3a659ff83b4c.jpg)
CodeWave智能开发平台的02次接触-实现快速了解CodeWave平台
CodeWave参考资源
网易数帆CodeWave开发者社区课程中心
![在这里插入图片描述](http://img.e-com-net.com/image/info8/b70309dee7c0492897e8b54374039edf.jpg)
网易数帆CodeWave开发者社区文档中心
![在这里插入图片描述](http://img.e-com-net.com/image/info8/da3cbf3f509644a8a9c7a6187ea4acb9.jpg)
CodeWave智能开发平台-文档快速阅读指北
大家如果看了本专栏中的第一篇博客,应该知道我接触CodeWave不久,如何快速入门一个技术呢,见本文最后的部分。
本文的目标就是
实现参考文档的快速阅读
网易数帆CodeWave开发者社区文档中心
为什么建议先看文档,不先看视频,对我来说,相比看视频,看文档的速度要快的多。但视频中包含的一些细节是优于文档的。
需要说明的是,因为我有编程经历,对低代码平台也有了解,所以适合快速阅读,如果零基础的朋友,建议仔细阅读参考文档。
成长地图
参考:https://community.lcap.qz.163yun.com/CommunityParent/fileIndex?filePath=0.成长地图.md&version=3.4
成长地图包括如下几个方面:
![CodeWave智能开发平台--02--目标:文档快速阅读_第1张图片](http://img.e-com-net.com/image/info8/6349af926137432c9211edc7d958555d.jpg)
由于以上内容,文档中都很详尽,我就不再赘述,接下来的内容主要侧重点在于配合文档学习中的自我实践环节记录。
试用流程
浏览https://sf.163.com/product/lcap网页
点击免费试用
![CodeWave智能开发平台--02--目标:文档快速阅读_第2张图片](http://img.e-com-net.com/image/info8/ab287e727b2f40b28b124c537818afca.jpg)
调整到登录注册页面
![CodeWave智能开发平台--02--目标:文档快速阅读_第3张图片](http://img.e-com-net.com/image/info8/eb5821e31e7d4e4d9490facffc2009ed.jpg)
安装要求注册完毕后,可以设置租户域名
![CodeWave智能开发平台--02--目标:文档快速阅读_第4张图片](http://img.e-com-net.com/image/info8/6615690194d54926a15212660544074e.jpg)
点击 创建并进入低代码平台
![CodeWave智能开发平台--02--目标:文档快速阅读_第5张图片](http://img.e-com-net.com/image/info8/b77500429b9441b0a8c809121c8368f5.jpg)
体验应用使用过程
紧接上一步,稍等后,自动进入平台首页
链接平台首页
![CodeWave智能开发平台--02--目标:文档快速阅读_第6张图片](http://img.e-com-net.com/image/info8/243f518b0b44425c87e3a90ab80b3bcf.jpg)
-
初识CodeWave-查看帮助视频
![CodeWave智能开发平台--02--目标:文档快速阅读_第7张图片](http://img.e-com-net.com/image/info8/7e2b829107cd4b8fa5588bba7ea26ccb.jpg)
-
了解代码应用
![CodeWave智能开发平台--02--目标:文档快速阅读_第8张图片](http://img.e-com-net.com/image/info8/98bd74a0075040b48fbfc7ad5d979c9b.jpg)
点击向下箭头后,会探出可体验的应用
![CodeWave智能开发平台--02--目标:文档快速阅读_第9张图片](http://img.e-com-net.com/image/info8/1364a72e93c649268eb52f6aecc33be1.jpg)
选择点击PC端的项目管理系统
![CodeWave智能开发平台--02--目标:文档快速阅读_第10张图片](http://img.e-com-net.com/image/info8/8ebedbc5cf4b46678cac27cc0ea27848.jpg)
点击立即体验后,可以查看到体验项目的首页
![CodeWave智能开发平台--02--目标:文档快速阅读_第11张图片](http://img.e-com-net.com/image/info8/f015f1f47ae14bd098318103dff77169.jpg)
接下来就点点点就可以了,可以体验下这个项目的流程。
体验应用创建过程
创建第一个应用
![CodeWave智能开发平台--02--目标:文档快速阅读_第12张图片](http://img.e-com-net.com/image/info8/b23e3ca1ebdb4d3291b082854e7f6835.jpg)
可以先点击操作文档,查看帮助文档内容,如下:
![CodeWave智能开发平台--02--目标:文档快速阅读_第13张图片](http://img.e-com-net.com/image/info8/a972a8d6c6af4891af585a4f09e9a4ab.jpg)
这个里面有详细的文档,按照文档操作,即可,大概十分钟。
首先点击向右→箭头,点击创建应用。
![CodeWave智能开发平台--02--目标:文档快速阅读_第14张图片](http://img.e-com-net.com/image/info8/eeed4fa6f6594dc39d1b97283015f1e5.jpg)
设置应用信息
![CodeWave智能开发平台--02--目标:文档快速阅读_第15张图片](http://img.e-com-net.com/image/info8/ca42da07de004ce3a5fc3440ba60f072.jpg)
点击创建后,稍等初始化后,进入应用设计主页
![CodeWave智能开发平台--02--目标:文档快速阅读_第16张图片](http://img.e-com-net.com/image/info8/7175d7fbd5714a3cb7246c59e96687fd.jpg)
注意上面中有左侧目录使用技巧和右侧目录使用技巧。
步骤如下(共5步),具体可以参考视频
体验页面设计(1/5):添加“免费试用”按钮
打开要编辑的页面:双击ContentPage(首页),首页会在可视化编辑器区域打开,再到页面上操作
![CodeWave智能开发平台--02--目标:文档快速阅读_第17张图片](http://img.e-com-net.com/image/info8/fbb1f6f99eef495caa9ed0fa55eadf94.jpg)
点击左侧的结构树,依据布局选择对应的页面,选择右侧组件,拖拽按钮至页面适合位置。
![CodeWave智能开发平台--02--目标:文档快速阅读_第18张图片](http://img.e-com-net.com/image/info8/dd7958cade584241adae5aa0aebe7967.jpg)
设置按钮文本为“免费试用”,并调整按钮大小
![CodeWave智能开发平台--02--目标:文档快速阅读_第19张图片](http://img.e-com-net.com/image/info8/4a1597aa1f9e4a8897d424b05ef6235a.jpg)
设置按钮约束
![CodeWave智能开发平台--02--目标:文档快速阅读_第20张图片](http://img.e-com-net.com/image/info8/57bd30aa2ec74a44bec4ce8b6868a7a7.jpg)
体验组件事件设置(2/5):设置“免费试用”按钮点击事件,点击后跳转页面
给“免费试用”按钮添加点击事件
![CodeWave智能开发平台--02--目标:文档快速阅读_第21张图片](http://img.e-com-net.com/image/info8/9239ddfe9d9445738312eb2375dfbc6d.jpg)
点击事件,弹出事件组件,拖动调整页面,设置页面跳转
![CodeWave智能开发平台--02--目标:文档快速阅读_第22张图片](http://img.e-com-net.com/image/info8/990d58dc8778413f9b9c419059023e3f.jpg)
点击右上角的预览,预览应用效果,初次预览,会需要较长的加载时间。
![CodeWave智能开发平台--02--目标:文档快速阅读_第23张图片](http://img.e-com-net.com/image/info8/adb596b5fe1c4bcbb72514a6d06a2609.jpg)
预览发布完成,可以点击应用的开放域名,即可免费使用,会看到可以正常切换页面
![CodeWave智能开发平台--02--目标:文档快速阅读_第24张图片](http://img.e-com-net.com/image/info8/f3725fe160c04b58885cc35a6aad86fe.jpg)
进入自己的应用页面后,点击免费使用
跳转到表单页面
![CodeWave智能开发平台--02--目标:文档快速阅读_第25张图片](http://img.e-com-net.com/image/info8/7c44bb01d0a74688ba5e4c54403a22bd.jpg)
体验组件能力属性(3/5):修改“所在地区”输入框为地区选择器
打开要编辑的页面:ApplicationFrom(填写表单)
![CodeWave智能开发平台--02--目标:文档快速阅读_第26张图片](http://img.e-com-net.com/image/info8/7d8d31c69d3e4eda92610c8c3c4d5be5.jpg)
替换组件为“地区选择”组件,修改选择框占位符文本
![CodeWave智能开发平台--02--目标:文档快速阅读_第27张图片](http://img.e-com-net.com/image/info8/c3e59addfaa74958b0e6b704f2cc718e.jpg)
如下:
![CodeWave智能开发平台--02--目标:文档快速阅读_第28张图片](http://img.e-com-net.com/image/info8/9ca6379a97f541b389bac7c35bc2f103.jpg)
选择上面右侧中的值,弹出的区域中,选择变量下的客户下的本地区域,设置“地区选择”的值属性
![CodeWave智能开发平台--02--目标:文档快速阅读_第29张图片](http://img.e-com-net.com/image/info8/46dbcc3bd79548a4878b91dc11252511.jpg)
修改“地区选择”的样式
![CodeWave智能开发平台--02--目标:文档快速阅读_第30张图片](http://img.e-com-net.com/image/info8/405b3009d4d449f9a31f9ffb96a6f6dd.jpg)
再次点击预览,查看预览效果
体验实体属性设置(4/5):数据实体修改
填写应用中表单数据
![CodeWave智能开发平台--02--目标:文档快速阅读_第31张图片](http://img.e-com-net.com/image/info8/797254d491ef4b81a6fe4819265b739a.jpg)
点击免费试用,跳转到如下页面
![CodeWave智能开发平台--02--目标:文档快速阅读_第32张图片](http://img.e-com-net.com/image/info8/52499e2a11874113afaa492eca594565.jpg)
点击右上角的后台管理链接,输入用户名和密码。查看需要的实现效果
![CodeWave智能开发平台--02--目标:文档快速阅读_第33张图片](http://img.e-com-net.com/image/info8/033074645de54a75bcc2f62f8f61d865.jpg)
点击登录后跳转到后台,可以查看刚才填写完成的表达,如下
![CodeWave智能开发平台--02--目标:文档快速阅读_第34张图片](http://img.e-com-net.com/image/info8/654dca718b9d41258593b94f5118f12a.jpg)
回到可视化开发界面,点击左侧的数据,进行数据建模,选择实体中的ApplicationRecord,获得内置实体介绍
![CodeWave智能开发平台--02--目标:文档快速阅读_第35张图片](http://img.e-com-net.com/image/info8/625990f61f85414a82aa2c96e7f0d0ba.jpg)
添加“备注”属性,设置属性展示位置
![CodeWave智能开发平台--02--目标:文档快速阅读_第36张图片](http://img.e-com-net.com/image/info8/23436af29ba74767888cea9b8c01ac48.jpg)
到此,数据建模完成
体验一步生成数据管理功能(5/5):实现“申请记录管理”功能
进入ApplicationRecord页面
![CodeWave智能开发平台--02--目标:文档快速阅读_第37张图片](http://img.e-com-net.com/image/info8/ab496d72e872405587ee40de7e0ef048.jpg)
拖拽“ApplicationRecord”实体,选择列表全,生成数据”增删改查“功能
![CodeWave智能开发平台--02--目标:文档快速阅读_第38张图片](http://img.e-com-net.com/image/info8/d62d93236c5040ceaa0ae88dcd6b6320.jpg)
删除“创建”按钮,预览效果
![CodeWave智能开发平台--02--目标:文档快速阅读_第39张图片](http://img.e-com-net.com/image/info8/9020e1c503ab4580a5a35e20ddc0dc33.jpg)
点击预览,体验申请记录数据管理功能,即可完成数据的增删改查
![CodeWave智能开发平台--02--目标:文档快速阅读_第40张图片](http://img.e-com-net.com/image/info8/6db1f2ac6dd843f68d64d428e20d2bb4.jpg)
未完待续
接下来的文章中,我将按照教程,进行实践,带你从入门敬请期待哦
快速入门一个技术
快速入门一个技术可以分为以下几个步骤:
- 确定学习目标:明确你想掌握的技术领域和具体技能。
- 搜集学习资源:根据学习目标,搜集相关的书籍、在线教程、视频教程等资源。
- 制定学习计划:规划学习时间表,设定短期和长期的学习目标。
- 动手实践:理论结合实际,通过实际操作来加深理解。
- 解决问题:在实践过程中遇到问题时,通过查找资料、参与社区讨论或请教专家来解决。
- 持续学习:定期复习,保持知识的新鲜度,并随着技术的发展不断更新知识。
- 参与社区:加入相关技术社区,交流学习经验,了解行业动态。
- 项目实战:参与实际项目,将所学知识应用于实践中,提高解决问题的能力。
- 反思总结:定期对学习过程进行反思和总结,调整学习策略。
- 建立作品集:将你的项目和实践经历整理成作品集,有助于展示你的技能和经验。
- 获取认证:考虑获取相关技术的官方认证,以证明你的技能水平。
- 持续进步:保持好奇心和学习的热情,不断探索新技术,提升自己的技术深度和广度。