打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
微搭低代码零基础入门课

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

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

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

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

网页三件套

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

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

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

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

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

小例子

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

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

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

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

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

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

然后设置一个圆角的效果

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

cursor: pointer;

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

设置执行动作为弹窗

最终效果

总结

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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Bootstrap WPF Style,Bootstrap风格的WPF样式
干货!实例组件化设计与开发合作分享 – 学UI网
玩转表单之花样表单 表单,花样表单 [网页制作HTMLCSS] IT.com.cn IT世界网
如何在HTML中插入空格
0041 用600行CSS代码实现的网页漂亮吗
编写模块化 CSS(第 1 部分)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服