网易数帆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月前
|
存储 数据可视化 关系型数据库
火热的低代码和无代码赛道
火热的低代码和无代码赛道
|
2月前
|
存储 小程序 Serverless
盘点:2024年国内较为主流的七大低代码开发平台!
低代码开发平台,可以让你在不需要专业工程师人员的情况下,快速使用零代码或无代码、低成本快速构建你的应用、接口、逻辑、业务和数据。以下是2024年整理的,国内较为主流的七大低代码开发平台!排名不分先后。
|
2月前
|
数据可视化 搜索推荐 数据管理
2023 年度国内低代码平台排名榜 (这 5 款低平台备受欢迎!)
2023 年度国内低代码平台排名榜 (这 5 款低平台备受欢迎!)
498 0
|
11月前
|
人工智能 数据可视化 Cloud Native
国内低代码平台排名 十大低代码开发平台排行榜
对于企业来说,低代码平台在成本方面也非常友好,因为它们无需投入大量资源购买设备和招聘专业技术人员,而且简单易操作的页面使得没有丰富经验的人员也能够快速上手,搭建符合需求的应用软件。那么,国内低代码平台有哪些呢?白码小编罗列了目前市场上比较受欢迎的前十低代码开发平台排名,供企业参考选择:
|
12月前
|
数据采集 移动开发 数据可视化
低调且强大——JNPF低代码平台
低调且强大——JNPF低代码平台
142 0
|
12月前
|
移动开发 运维 数据可视化
国内常见的16款低代码开发平台介绍
企业级低代码开发平台,企业级这一概念是指:能把企业方方面面的业务需求全都能覆盖到,(包括很多定制化且高度复杂的核心应用系统,如ERP、MES、PLM等)
|
人工智能 监控 Oracle
低代码火,阿里宜搭、华为Astro Zero 入选Gartner2022低代码魔力象限
低代码火,阿里宜搭、华为Astro Zero 入选Gartner2022低代码魔力象限
464 0
超火的低代码平台长什么样
如果您对低代码生态系统感兴趣,本篇文章码匠将带您详细了解有关低代码的一切。
345 0
超火的低代码平台长什么样
|
敏捷开发 前端开发 JavaScript
低代码是什么?国内排名前 5 的低代码开发平台对比
低代码是一套可视化开发工具,它帮开发者把前后端基础功能写扎实,开发者只需要通过填表配置或拖拽生成前端组件的方式,即可完成后台管理系统的快速搭建。由于低代码仍需要写少量 JS 代码,所以低代码开发平台主要面向程序员,帮助程序员敏捷开发。本文使用企业级低代码开发平台「卡拉云」举例说明,什么是低代码开发平台。低代码卡拉云把后台管理系统(CRM、ERP、CMS、MES等),拆分抽象成三部分。「前端组件」+「后端数据」+「连接前后端的简单 JS 代码」
1070 0
低代码是什么?国内排名前 5 的低代码开发平台对比