网易数帆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前端页面的样式调整、逻辑添加、事件添加、数据操作、实体对象相关的内容都比较浅显易懂,因此说还是比较适合没有代码基础的前端小白搭建自己的低代码应用的。感兴趣的快来尝试吧。

相关文章
|
机器学习/深度学习 人工智能 搜索推荐
Codewave学习体验分享:低代码开发世界的黑马
Codewave学习体验分享:低代码开发世界的黑马
|
Java
CompletableFuture在异常处理方面的一些常见问题和解决方案,建议牢记!
CompletableFuture在异常处理方面的一些常见问题和解决方案,建议牢记!
876 0
CompletableFuture在异常处理方面的一些常见问题和解决方案,建议牢记!
|
网络协议 Ubuntu Linux
如何搭建权威DNS服务器
【1月更文挑战第3天】
682 2
|
3月前
|
存储 SQL 供应链
如何开发仓库管理系统中的出入库管理板块 ?(附架构图+流程图+代码参考)
本文详细介绍了仓库管理系统(WMS)中出入库管理模块的开发与实现。内容涵盖功能模块设计、业务流程梳理、技术实现技巧及实际应用效果,助力企业高效构建定制化仓库管理系统,提升库存管理效率与准确性。
|
人工智能 数据可视化 程序员
史上最全盘点:一文告诉你低代码(Low-Code)是什么?为什么要用?
在后疫情时代,低代码(Low-Code)+ 人工智能(AI)的组合被认为是加速社会数字化转型的重要技术。低代码通过可视化和模型驱动的理念,结合云原生和多端体验技术,显著提升了开发效率和灵活性。它不仅让专业开发者受益,还使业务人员成为“平民开发者”,弥补了专业人才缺口。此外,低代码平台能够快速响应市场变化,帮助企业构建各种应用,如四川某制造企业仅用一个月就搭建出一套内部协作和生产监控系统。结合AI的能力,低代码平台还能实现智能化的建议和优化,进一步提升用户体验和开发速度。
|
11月前
|
安全 Java API
Nacos 3.0 Alpha 发布,在安全、泛用、云原生更进一步
近期,我们欣喜地宣布 Nacos 3.0 的第一个版本 Nacos 3.0-ALPHA 已经发布。Nacos 3.0 的目标是在 2.0 的基础上,进一步优化安全性、易用性和标准化。同时,我们将引入更多功能,帮助用户在分布式协调、AI 大模型、云原生等多种场景中更好地使用 Nacos,以提升其广泛适应性。
495 125
|
数据可视化 搜索推荐 小程序
LowCode:低代码平台,2024国内十大主流低代码平台年终盘点
低代码平台是一种加速软件开发的高效工具,通过可视化和模型驱动的方式减少手动编码,快速构建应用。它能显著提升开发效率,降低开发成本,支持企业快速实现数字化转型。国内主流低代码平台如织信Informat、白码、钉钉宜搭等,各具特色,可根据企业需求选择合适的平台。私有化部署更是确保数据安全和定制化的重要手段。
|
数据可视化 搜索推荐 前端开发
编码如画,以梦驭马——CodeWave低代码平台全侧写
编码如画,以梦驭马——CodeWave低代码平台全侧写
480 0