网易数帆CodeWave低代码开发平台强势来袭

简介: 【1月更文挑战第7天】网易数帆CodeWave低代码开发平台强势来袭

在进行功能测评之前,先来了解一下什么是CodeWave智能开发平台?

CodeWave智能开发平台

CodeWave智能开发平台是以智能大模型和全栈低代码为基座,为企业提供更加智能化的软件生产方式,让IT人员可以轻易实现从“智能生成”到“可视化拖拽调整”的全栈低代码应用搭建,让复杂应用开发更加高效,加快企业数字化与智能化进程。

正如CodeWave智能开发平台的产品设计理念一样:业务数智化 皆可低代码

总的来说就是一款低代码开发平台,下面我们直接来上手操作吧。

注册账号

在开始使用CodeWave智能开发平台之前,你首先需要注册账号,CodeWave智能开发平台首页地址:https://community.lcap.qz.163yun.com/CommunityParent/CommunityIndex

image.png

点击【注册】输入手机号、验证码以及企业信息完成注册后设置租户名,等待1~3分钟完成用户注册

image.png

创建应用

在Codewave智能开发平台首页点击页面上的【创建应用】

image.png

在创建应用弹出页面,新手选择【从HelloWorld教学应用开始】

image.png

在创建应用的详细内容页面输入应用名称、应用标识,其他内容默认选项即可

image.png

点击【创建】完成第一个低代码开发平台应用的创建。应用创建成功后会进入应用初始化页面,初始化成功之后可以看到低代码开发平台页面如下信息

image.png

搭建应用

应用创建完成之后,现在就开始搭建应用,这里由于选择的是新手模版,新手模版默认的是对于免费试用的一系列操作,那么我们这里就把Index首页原来的免费试用按钮都去掉,然后我们自己添加一个按钮来体验整个流程。

去掉原来的免费试用按钮

去掉Index首页的免费试用按钮

image.png

去掉ContentPage 页面的免费试用按钮

image.png

添加 免费试用 按钮

ContentPage 页面上添加新的 免费试用 按钮

image.png

对于按钮的属性,比如宽度,高度,文字内容等,都可以在按钮上操作。或者到右侧按钮的属性、事件、样式上操作都是可以的,很方便。

这里直接通过鼠标拉伸或者缩小按钮的大小,双击按钮更改按钮文字内容等

image.png

在属性栏目下可以修改按钮文字内容、文字大小等各种主要属性、状态属性、样式属性、交互属性等。

添加 点击事件

按钮样式调整好之后可以为按钮添加点击事件,点击按钮跳转到form表单

image.png

在事件逻辑页面点击中间 + 号,选择 跳转页面

image.png

编辑表单

点击ApplicationFrom(填写表单) 简化表单内容,删掉红框选定字段,添加地区字段

image.png

选中 【所在地区】,点击右侧【组件】选择【地区选择】拖拽到指定位置

image.png

为下拉框输入占位符信息

image.png

调整地区下拉框宽度和高度,点击【样式】输入宽、高调整,这里的表单页面下拉框宽度和高度不支持鼠标缩放

image.png

继续为地区下拉框选择【数据属性】-【值】

image.png

在值选择页面,选择customer 的属性 localArea拖拽到编辑区域

image.png

完成之后点击预览,等待3~5分钟部署完成之后

image.png

部署成功点击弹框中的【开发环境域名】

image.png

跳转的预览页面,输入姓名、手机号、所在地区,点击【免费试用】

image.png

没有提示 提交成功,到管理后台查看也没有数据

image.png

说明数据在页面校验没有通过,因此导致提交失败,这里查看一下实体对象 customer 的属性信息,点击【数据】-【自定义类型】-【实体】-【Customer】,找到刚才删除的属性信息,选中查看字段属性信息,发现是【必填】,将刚才页面简化的字段的【必填】全部设为非必填。

image.png

重新点击【预览】部署成功之后,点击域名访问,重新添加免费申请数据

image.png

到此时,数据终于提交成功了

image.png

管理后台

点击页面右上角【管理后台】跳转到管理后台页面,(这里说明一下,首次跳转到管理后台页面是需要输入用户名、密码的,用户名和密码就在弹框域名链接后面的)可以看到刚才填写的免费申请数据已经保存成功可以查询到了

image.png

考虑到中间空的字段不太好看,我这里把后台【客户管理】页面的展示列也进行一下简化,点击【页面】-【AMS】-【CustomerManage】,找到需要删除的不展示的列,以及无效的搜索条件,依次点击【删除】按钮删除

image.png

image.png

查询条件以及展示列简化之后再次点击【预览】等待部署成功后跳转的管理后台页面查看效果。

image.png

同样的方法,由于现在申请记录管理是没有配置页面展示信息以及查询条件的

image.png

那么我们可以参照【客户管理】页面进行操作,添加【申请记录管理】页面的数据展示。点击【页面】-【AMS】-【ApplicationRecordManage】打开页面后,放置不动,再次点击【数据】-【自定义类型】-【实体】-【ApplicationRecordManage】拖拽到布局框

image.png

选择【列表(全)】展示页面

image.png

选择完成后可以看到如下列表页面

image.png

调整页面展示之后,点击【预览】页面部署,等待部署成功后再次登录可以看到申请记录管理页面已经正常展示了

image.png

点击【修改】可以更改申请状态

image.png

点击【提交修改】按钮之后列表自动刷新可以看到申请状态已经是【已批准】了

image.png

到这里整个应用从创建应用到前台页面申请,后台数据展示的操作就完成了。

CodeWave操作感受

整个CodeWave从开始操作到结束,大概耗时2.5小时,这里主要是中间需要穿插博文记录操作步骤,以及在初次提交免费试用时页面及后台都没有反应,耽误了一点排查时间,如果是新人小白的话,按照我的这篇部署文档来说,整体下来可能20分钟就足够了。

希望后续可以增加页面必填项校验弹框提示,比如实体对象中的必填字段,这样在提交不成功时,即使没有后台日志也可以通过前台页面的提示语得知有属性值为空的情况,方便流程进行下去。

整个流程操作起来比较顺手,另外就是对于CodeWave前端页面的样式调整、逻辑添加、事件添加、数据操作、实体对象相关的内容都比较浅显易懂,因此说还是比较适合没有代码基础的前端小白搭建自己的低代码应用的。感兴趣的快来尝试吧。

相关文章
|
人工智能 数据可视化 前端开发
低代码平台有哪些 国内十大低代码开发平台排名[对比]
目前国内市场上已经出现了很多低代码和无代码的典型企业,各大服务商都各有自己独特的产品特色。因此,我为大家找到了以下10个低代码开发平台,整理了它们的一些产品情况给你们参考一下。
低代码平台有哪些 国内十大低代码开发平台排名[对比]
|
8天前
|
数据可视化 搜索推荐 小程序
LowCode:低代码平台,2024国内十大主流低代码平台年终盘点
低代码平台是一种加速软件开发的高效工具,通过可视化和模型驱动的方式减少手动编码,快速构建应用。它能显著提升开发效率,降低开发成本,支持企业快速实现数字化转型。国内主流低代码平台如织信Informat、白码、钉钉宜搭等,各具特色,可根据企业需求选择合适的平台。私有化部署更是确保数据安全和定制化的重要手段。
|
6月前
|
数据可视化 搜索推荐 数据管理
2023 年度国内低代码平台排名榜 (这 5 款低平台备受欢迎!)
2023 年度国内低代码平台排名榜 (这 5 款低平台备受欢迎!)
658 0
|
数据采集 移动开发 数据可视化
低调且强大——JNPF低代码平台
低调且强大——JNPF低代码平台
175 0
|
安全 项目管理
如何看待腾讯阿里入局“低代码”赛道?
如何看待腾讯阿里入局“低代码”赛道?
超火的低代码平台长什么样
如果您对低代码生态系统感兴趣,本篇文章码匠将带您详细了解有关低代码的一切。
390 0
超火的低代码平台长什么样
|
运维 架构师 API
低代码音视频开发训练营火热来袭!
阿里云视频云资深技术专家讲解vPaaS音视频应用开发平台趋势,实操干货5讲,带你从入门到精通。
低代码音视频开发训练营火热来袭!
火热招募|钉钉低代码大赛诚邀您的加入
“钉钉低代码创新大赛”正在火热进行中!快来参加~
919 2
火热招募|钉钉低代码大赛诚邀您的加入
|
存储 监控 IDE
年终力荐:网易一站式的自动化测试解决方案
年终力荐:网易一站式的自动化测试解决方案
457 0
|
人工智能 数据可视化 IDE
分享10款2021年国外顶尖的lowcode开发平台
笔者近期调研了几家国外的lowcode平台, 也参考了很多资料, 确实收获很多, 接下来就来给大家介绍一下国外比较有名的lowcode开发平台.
395 0