编者荐语:
“开发软件必须写代码吗?有没有真正不写代码的疾速开发工具?”这是 CSDN 测试开发畛域的万粉博主曲鸟始终思考的问题。往年 5 月底接触到 smardaten,仅用 3 天自学配置,开发出一款学生管理系统。不得不说,真是优良!快来看看他是怎么做的~
(以下文章来源于 python 砖家,作者曲鸟)
一、前言
互联网产品在咱们的生存中无处不在,但你晓得开发一个这样的产品须要的老本有多大吗?
传统的产品研发模式是:性能需要,须要调研,画原型,开发,测试,上线,跟踪经营。每个环节波及到不同业余人员,就单讲开发这一块,最短通常都须要几周的工夫,更不用说后期调研、后续测试的工夫了。另外,一个程序员的薪资老本也是绝对很大的,依据国家统计局公布了《中国统计年鉴 2022》,在城镇私营和非私营待业人员平均工资排行中,信息传输、软件、信息技术服务行业(简称 IT 行业)的薪资都稳居榜首:
还有不可漠视的一点是,互联网环境变动的十分快,可能当下风行某种元素,一年后就变冷门了。所以还须要产品利用疾速落地的能力,以此来缩小试错老本。
所以基于这些问题衍生出了无代码开发平台,因为它不须要代码,升高了开发门槛,让业务人员等非程序员都可能进行开发设计。只有搭好模块,通过一些利落拽的形式就能够实现成果,可能实现需求只是关上几个程序的开关,或者只有几小时就能开发出想要的产品。
市面上的无代码平台有很多,抉择起来也很麻烦。所以我征询了一位这方面比拟有教训的敌人,他给我举荐了 smardaten 这款无代码平台,之后我也理解到开发它的企业入围了 2022 年中国零代码行业综合影响力企业 TOP15 榜单。能取得这样的奖项置信应该不会踩坑,所以我抉择了 smardaten 进行无代码开发的体验,不出预料,这次的体验成果很好,也让我领会到了无代码平台的高效率和低门槛,上面就将体验过程分享给大家。
二、通过 smardaten 开发学生管理系统
1)性能概览次要性能蕴含几个模块首页、班级治理、学生治理、学科治理:
该学生管理系统波及到的性能点还是挺多的,例如:菜单、表格、弹窗表单、图表以及数据交互获取等。根本后盾零碎常见的性能点都笼罩了。把握了我分享的开发过程后,你也能够应用 smardaten 开发一个企业级的利用。
2)实现过程
整个零碎开发的实现步骤会按上面五步一步一步来:
2.1 创立利用
咱们点击主页的“创立利用”按钮来创立利用,smardaten 也提供了现阶段支流的利用类型和页面布局供咱们抉择:
2.2 菜单栏
依据咱们的性能需要,创立了上面的菜单信息,对于有子菜单的点击下图中的新建目录即可:
另外,咱们还能够点击任意菜单 - 高级设置来配置菜单的图标、拜访权限、关联页面等信息,并能够通过拖拽的形式来扭转菜单的程序:
2.3 表格
表格对很多相似的后盾零碎来讲都是最重要的局部之一,咱们的学生管理系统也不例外。班级、学生治理页都须要表格。在 smardaten 中,咱们能够通过点击顶部的列表按钮来创建表格:
创立实现后,能够点击顶部菜单栏来增加不同类型、起源的列字段数据:
右侧的款式标签页,可对表格的款式精选配置,包含按钮、序号、操作列、分页器等,性能十分的丰盛:
待表头数据创立实现后,咱们能够点击右上角的生成数据按钮来生成 mock 数据:
因为咱们的设计中不须要行操作栏中有详情按钮,咱们能够点击顶部的 ” 按钮配置 - 行内按钮 ” 来暗藏它:
暗藏后的成果:
2.4 数据资产
能够看到生成的数据是静态数据,咱们须要绑定咱们理论应用的数据的话就须要应用数据资产这项性能了。咱们首先须要在数据源页面配置咱们的数据起源,也就是咱们熟知的数据库连贯信息:
而后咱们在资产采集中配置采集信息就能够对数据源进行采集入库了:
采集实现后就能够在资产列表中找到采集的数据:
点击可查看具体数据信息:
而后咱们点击右上角的数据绑定按钮:
对列表字段和映射的资产字段做一个绑定:
绑定实现后,再进行预览就能够看到咱们想要的数据了:
2.5 交互操作和表单
当初,咱们就须要绑定新建、编辑删除等交互操作了。
新建操作
咱们先在资源管理处新增一个表单页面:
而后点击“高级开发 - 输出”,拖拽咱们要应用的组件到编辑区域即可:
还能够在交互页签中设置必填、惟一校验,字符长度限度等操作:
待组件增加实现后,咱们点击右上角的数据绑定按钮,将所有组件名称对应的字段映射到对应的资产字段中即可(咱们之前 class 表中不存在零碎默认的字段,这个时候咱们间接在映射字段中新增即可,点击保留后会主动写入到数据库表中):
绑定实现后,咱们回到班级的表格页,点击按钮配置:
点击新增按钮对应的批改图标:
而后再关联咱们刚创立的表单页,就能够实现点击新增按钮创立数据了:
编辑操作
很棒的一点是,smardaten 会主动帮咱们配置好编辑操作咱们只须要将编辑按钮绑定好方才的弹窗页,后续点击行内编辑按钮时,就会主动关上弹窗并回填数据:
删除操作
同样,smardaten 也会主动帮咱们配置好删除操作,咱们间接点击对应行的删除按钮即可实现删除,无需做其余操作:
之后,咱们依照上述的操作流程咱们再欠缺科目信息、学生治理信息等页面即可。对于学生信息这块有点非凡的中央在于,学生信息须要展现班级名称,但学生表中是通过 class_id 进行关联的,所以咱们须要再数据绑定时设置绑定的关联关系就能够拿到咱们想要的数据了:
绑定字段
建设关联关系
实现后的后果
学生问题的关联关系要绝对简单些:
关联实现后的成果如下:
问题数据往往会很多,而且可能存在学生班级不同单名称雷同的状况,这个时候咱们就能够退出相应的筛选条件来减少检索效率:
在学生编辑页存在一个新的不一样的性能点:抉择班级,这须要咱们增加一个下拉框组件来实现:
而后配置好数据起源为咱们的资产数据即可,就能很不便的关联实现:
实现后的成果如下:
2.6 图表
咱们的数据根本曾经筹备实现了,这个时候就能够再首页增加一些图表来展现咱们的概览数据,比方各班级学生人数统计、学生性别占比等。对于相似“各班级学生人数统计”这样存在表关联的数据,咱们须要在数据分析仪中做:
咱们点击“新增 - 数据分析”进入数据分析编辑页,将两张表的关联关系绑定:
而后点击底部的“+”按钮新增一个工作区:
在工作区中先增加 name#class 作为 X 轴,在抉择 name#student,统计形式设置为“计数”作为 Y 轴:
而后拖入柱状图就能够实现各班级人数的统计了:
咱们能够看到尽管实现了柱状图的绘制,但咱们 Y 轴展现的是“name#student(计数)”,表白的意思不够明确,咱们能够点击该字段,而后再点击别名进行批改即可:
这里我批改为了“学生人数”,这样展现就变得更明确了:
而后在咱们的利用编辑页中,抉择“分析仪”,再将刚创立的图表拖入到咱们的画布中即可:
至于男女学生的占比,咱们依照同样的思路操作一遍即可:
三、总结
体验下来,smardaten 的确是一款容易上手且功能强大的无代码平台。特地是在表格利用上,作为一个做过前端的开发是特地能领会到表格开发的复杂度和难度的:分页、查问、抉择、行内编辑等各种交互通过以往的代码模式来开发的话,所破费的工夫也是十分多的,而且也特地容易出 BUG。当初,smardaten 将这些操作都预制进去,模块化了。通过拖拽和简略配置就能实现之前须要大量工夫开发的工作,同时因为模块化也缩小了很多 BUG。而且数据流转清晰了不少。除了本次分享的性能外,smardaten 还有诸如 GIS 交互、三维模型等弱小的性能提供给咱们应用。也有很多非常复杂的我的项目是通过 smardaten 开发进去的:
smardaten 还为咱们用户搭建了专门的学习社区,提供学习视频、性能文档、问答交换等等,帮忙用户学会产品,并在具体的我的项目中利用起来。面对一些刚入门的老手、或者继续做开发交付的用户,咱们也提供从入门到高阶的无代码开发教学视频,去满足不同应用水平的用户。对感兴趣的功能模块间接搜寻,每个课程视频都有配套文档资料。在问答区,用户应用中能够发问,也能够检索常见的应用问题。文档区会提供产品操作文档、各版本的更新阐明以及二次开发指南:
除此之外,smardaten 的利用商超也提供了很多模板供咱们应用很多模板能够下载间接用,还有开箱即用的无代码软件成品能够下载:
现在的互联网环境让咱们倍感压力,想要落地一款产品所须要的工夫和资金老本是十分大的。这样一款无代码平台的呈现能够说是千万企业的福音,想要开发一款产品不再须要具备简单的代码常识或者花大量老本组建程序员团队。小伙伴们还在等什么?赶快拜访 https://s3.smardaten.com/,开启更高效快捷的开发之旅吧!