微搭低代码零基础入门课

简介: 微搭低代码零基础入门课

很多初学者,会问一个问题,学习微搭低代码需要什么基础。如果你看宣传,人人都是开发者,感觉好像不需要什么基础。但是你真正开始做应用的时候,发现每一个很小的基础点都难以逾越。究其原因,就是没有先学习编程知识,就开始实操了。

有很多人会持有一个理念,知识我遇到啥就学习啥。这个观点成立的前提是,你通过长时间的训练和学习,已经掌握了这个行业的总体知识,新的知识的出现也是在延续旧的知识。因为有了基础,掌握了学习的方法,所以感觉遇到啥学习啥不困难。

对于跨行业,或者零起点开始学习的同学来说,如果不把知识梳理成体系,循序渐进的学习,你会发现每走一步都很困难。

为了解决上述出现的问题,我们准备了这个系列的课程,从编程的基础开始讲起。要想学会就得动手实践,那我们的实践工具就是微搭低代码这款低码工具。将编程中的知识转译到低代码工具中,让你既掌握编程的基础知识又逐步熟悉工具的使用方法,达到事半功倍的效果。

网页三件套


我们在互联网上浏览各类网页时,可以查看文字,点击按钮可以进行交互,播放视频等。网页一般由三部分组成,内容、样式、交互动作三部分组成。这三部分对应三种技术,分别是html、css和javascript。

到低代码中,将html的各种基础组件进行了分装,变成了如普通容器、文本、按钮等组件。所以低代码开发和传统开发最大的不同是传统开发是用标签的形式来完成页面内容的搭建,低码开发是通过组件的组装来完成页面的组装。

并不是说通过组件组合编程难度就降低了,难度是一样的,都是需要理解不同的内容要用到哪些元素或者组件来实现。但是如果低码厂商适配的业务场景越多,那么他的组件就越通用,我们在组装页面时候就更快。低码所说的降本增效就是指单位时间内可以干更多的活。

CSS决定页面的样式,比如背景色,背景图,文本的颜色、字体等。低代码中对CSS并没有做过多的封装,CSS的属性都是可以进行设置的。只不过它有两种模式,低码模式可以通过界面进行设置,纯码模式可以直接写样式代码。

第三部分就是javascript了,在低码中叫行为。每个组件都可以配置各种各样的行为,比如点击、长按、滑动、触底、值改变等等。有了行为按钮就活了起来,点击的时候可以按照你自己设置的规则来执行各种任务,比如将数据保存到数据库中,调用小程序的api,或者调用腾讯系的各种功能,如腾讯文档、微信支付、腾讯会议。

小例子


我们用文本组件做一个可以点击的按钮,先往页面里放置文本组件,修改文本内容

切换到样式页签,如果不设置样式,我们的文本的宽度是占整行的,我们不想文本占整行,但又可以设置宽度,可以设置布局为inline-block

可以看到现在宽度已经包围文本了。然后我们可以设置文本的宽度为250,高为80

默认情况,文本是在左上角,我们需要水平和垂直居中。可以设置对齐为居中对齐

然后就是行高设置80就实现了垂直居中

然后可以设置背景色,按颜色填充

然后设置一个圆角的效果

鼠标移动上去希望鼠标变成一个小手,这种特殊的样式,就需要写样式代码了,点击样式代码编辑,输入鼠标的样式

cursor: pointer;

样式设置好之后,给按钮设置行为

设置执行动作为弹窗


最终效果


总结


我们本节介绍了微搭低代码中的基础概念,开发了一个小例子,适合零基础入门学习使用。后续我们逐步将技术概念融入到低码工具中,逐步的掌握理论,有理论再加实践,编程就入门了。

相关文章
|
3月前
|
机器学习/深度学习 人工智能 搜索推荐
Codewave学习体验分享:低代码开发世界的黑马
Codewave学习体验分享:低代码开发世界的黑马
|
运维 数据可视化 搜索推荐
低代码平台:10分钟从入门到原理
低代码平台:10分钟从入门到原理
524 0
|
3月前
|
SQL 安全 API
课8-隐语SCQL的开发实践
SCQL 是一种用于安全联合数据分析的工具,开放API供用户集成。通过SCDBClient可体验其功能,支持开发封装产品或集成到业务。使用流程包括部署系统、项目设置和联合分析。SCQL部署涉及环境准备及SCDB和SCQLEngine启动。示例场景是金融机构Alice联合电商平台Bob进行用户画像分析。SCDB中,项目、身份认证、数据表管理和权限信息管理是关键概念。用户需创建数据库、用户、项目,并设置权限和CCL后,发起联合分析查询。SCQL架构包含SPU,支持P2P模式,可用于聚合查询等操作。SecretNote UI界面的部署和使用,用于演示SCQL的业务场景。
|
3月前
|
移动开发 小程序 UED
微搭低代码从入门到精通01应用介绍
微搭低代码从入门到精通01应用介绍
|
数据可视化 Oracle 搜索推荐
一文吃透什么是低代码开发?
一文吃透什么是低代码开发?
187 0
|
移动开发 小程序 JavaScript
微搭低代码入门教程04
微搭低代码入门教程04
微搭低代码入门教程04
|
存储 小程序 JavaScript
微搭低代码零基础入门课(第四课)
微搭低代码零基础入门课(第四课)
微搭低代码零基础入门课(第四课)
|
前端开发 API
微搭低代码零基础入门课(第二课)
微搭低代码零基础入门课(第二课)
微搭低代码零基础入门课(第二课)
|
小程序 JavaScript 前端开发
微搭低代码零基础入门课(第三课)
微搭低代码零基础入门课(第三课)
微搭低代码零基础入门课(第三课)
|
数据可视化
微搭低代码零基础入门课(第五课)
微搭低代码零基础入门课(第五课)
微搭低代码零基础入门课(第五课)