微搭低代码学习之基础操作

news2024/11/26 16:42:28

低代码开发平台,是一种方便产生应用程序的平台软件,软件会开发环境让用户以图形化接口以及配置编写程序,而不是用传统的程序设计作法。此平台可能是针对 某些种类的应用而设计开发的,例如数据库、业务过程、以及用户界面。这类平台可能可以产生完整且可运作的应用程序,也可能在一些特殊的情形下仍需要编写程序。
——维基百科

文章目录

  • 前言
  • 一、微搭低代码平台功能模块介绍
    • (一)编辑页整体结构
    • (二)菜单栏
    • (三)高阶功能区
    • (四)发布区
    • (五)组件区
    • (六)编辑区
    • (七)配置区
  • 二、基本操作练习
    • (一)文本组件使用
    • (二)按钮组件使用
    • (三)数据列表组件使用
    • (四)发布
  • 总结


前言

本文是参加新星计划2023【微搭低代码搭建小程序】学习方向的学习笔记,感谢“低代码布道师”老师的知识分享。下面主要介绍微搭低代码平台基础知识学习过程,供各位小伙伴参考。


一、微搭低代码平台功能模块介绍

(一)编辑页整体结构

如下截图,微搭低代码编辑页分为左侧菜单栏、高阶功能区、发布区、组件区、编辑区、配置区,共6个区域。
在这里插入图片描述

(二)菜单栏

菜单栏包含返回控制台、页面设计、数据源、素材、应用设置按钮。
在这里插入图片描述

(三)高阶功能区

可以修改新增变量、跳转到代码编辑页面。
在这里插入图片描述

(四)发布区

页面编辑完成后,点击右上角发布按钮可以将做好的内容进行发布。
在这里插入图片描述

(五)组件区

可以拖动组件到中间编辑区,根据需求选择组件构成我们的页面。
在这里插入图片描述

(六)编辑区

页面设计选择的模板和拖动的组件会呈现在编辑区中,可以在编辑区中编辑、排版,并供我们预览。
在这里插入图片描述

(七)配置区

对组件内容进行配置,比如配置其属性和样式。
在这里插入图片描述

二、基本操作练习

(一)文本组件使用

  1. 将左侧组件区中的文本选项拖至中间编辑区。
    在这里插入图片描述
  2. 于右侧配置区属性选项中的文本内容栏处编辑文本。
    在这里插入图片描述
  3. 配置区样式选项可以修改本文字体颜色、大小等,颜色支持自定义rbg(点击样式编辑右侧CSS)。
    在这里插入图片描述
# 克莱因蓝
self {
    color: rgb(0, 47, 167)
}

在这里插入图片描述

(二)按钮组件使用

  1. 将左侧组件区中的按钮选项拖至中间编辑区。
    在这里插入图片描述
  2. 点击小铅笔也可以直接编辑按钮样式
    在这里插入图片描述

(三)数据列表组件使用

  1. 将左侧组件区中的数据列表选项拖至中间编辑区。
    在这里插入图片描述
  2. 编辑数据列表,可以直接选择数据库数据进行展示。
    在这里插入图片描述

(四)发布

  1. 点击右上角发布
    在这里插入图片描述

  2. 发布效果
    在这里插入图片描述


总结

  • 使用感受:
    微搭低代码平台已将文本、表单、按钮等集成为可视化选项的小组件,用户的主要操作是通过拖拽形式,将组件拖至编辑区进行排版,并在配置区进行属性和样式的配置。
  • 工作痛点:
    入行5年,最经常遇到的矛盾点就是业务方觉得需求简单,嫌弃开发速度慢,而开发觉得需求难以实现,抱怨业务方天马行空。归根揭底就是因为技术壁垒,业务和开发难以同频。低代码平台正是解决这一矛盾的,通过组件配置,可以让开发的速度提高,甚至让业务方自主完成简单的低代码开发工作,避免IT驱动导致的开发周期长,修改困难问题。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/429212.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

STM32锁芯片,解锁方法(J-LINK)

在烧写STM32时,不小心把usb口给弄掉了,然后就尴尬了,芯片被锁了。 烧写的时候报错,如下: 然后就搜了一下,大致有两个方法, 第一种需要通过接3.3V到板子上BOOT0重新上电第二种是直接通过软件…

Golang语言Windows环境搭建(Visual Studio Code)

一、Golang语言简介 二、Windows环境搭建 1、软件下载 Golang语言安装包官网下载地址:https://golang.google.cn/dl/ Visual Studio Code编辑器下载:https://code.visualstudio.com/ 2、Golang安装及环境变量配置 2.1 Golang语言安装包 双击安装…

可配置物料-文章资料分享

可配置物料项目一般很少用到,用到就是要命,推荐一下之前查资料收集的资料,分享给大家。感谢这位大佬收集的文章! Variant Configuration (LO-VC) - Product Lifecycle Management - Support Wikihttps://archive.sap.com/document…

5V的LDO电源的WCCA分析-可靠性分析计算过程

WCCA(WorstCase Circuit Analysis)分析方法是一种电路可靠性分析设计技术,用来评估电路中各个器件同时发生变化时的性能,用于保证设计电路在整个生命周期的都可以可靠工作。通过WCCA分析,验证在上述参数在其容差范围内发生变化时,…

C++模板基础(八)

数值模板参数与模板模板参数 ● 模板可以接收&#xff08;编译期常量&#xff09;数值作为模板参数 – template class Str; template<int a> int fun(int x) {return x a; }int main(int argc, char *argv[]) {QCoreApplication a(argc, argv);std::cout << fun…

相机SD卡无法读取提示格式化 相机SD卡无法读取怎么修复

相机SD卡中储存着的照片和视频&#xff0c;承载着我们美好的回忆。因为相机SD卡的容量有限&#xff0c;我们会定期对SD卡中的数据进行云盘备份&#xff0c;然后清理相机SD卡中的数据。在打开相机SD卡时&#xff0c;可能会遇到SD卡无法读取的情况。那么&#xff0c;相机SD卡无法…

Umi‘s Friends 冠名 VC MeetUP 酒会,圆满举办!

香港加密新政的整体目的是令虚拟资产交易明确化和合法化&#xff0c;通过不断完善的监管框架&#xff0c;促进香港虚拟资产行业的可持续和负责任地发展。在加强合规和持牌经营的监管思路下&#xff0c;长期审慎合规经营的老牌机构和项目&#xff0c;显然将获得先发优势。随着香…

开放式蓝牙耳机哪个好,分享几款舒适性高的开放式蓝牙耳机

开放式耳机的兴起是近几年来才出现的新概念&#xff0c;开放式耳机也是近几年来才开始流行起来&#xff0c;在我看来开放式耳机的兴起是科技进步的产物。随着蓝牙耳机技术和设备的发展&#xff0c;蓝牙耳机也越来越普及&#xff0c;但是也给用户带来了很多困扰。而开放式耳机就…

前端学习:HTML链接

目录 一、HTML超链接&#xff08;链接&#xff09; 二、HTML链接语法 三、target属性 target属性值展示 四、name属性 五、补充 关于创建电子邮件链接时如何发送邮件内容 在进行抄送时&#xff0c;需要使用关键字&#xff1a;cc 在进行密送时&#xff0c;需要使用关键字&a…

2.rabbitmq-linux安装

目录 一.环境准备 二.安装 一.环境准备 1.RabbitMQ版本 和 Erlang 版本兼容性关系 https://www.rabbitmq.com/which-erlang.html 2.官方安装包下载地址 【erlang下载地址】&#xff1a;https://github.com/rabbitmq/erlang-rpm/releases/tag/v21.3.1【rabbitmq下载地址】&a…

初识视觉SLAM(视觉SLAM十四讲ch1~ch2的收获与总结)

视觉SLAM14讲ch1和ch2的学习视觉SLAM14讲ch1和ch2的学习前言&#xff1a;一、SLAM是什么二、视觉SLAM14讲学习前的基础三、初步了解1. 小萝卜的例子2. 了解一些视觉SLAM的框架3. 一些数学问题的表述视觉SLAM14讲ch1和ch2的学习 前言&#xff1a; 开始学习视觉SLAM&#xff0c…

MMDetection 3.x 自定义数据集

最近在调研目标检测方面的技术实现&#xff0c;发现关于 MMDetection 自定义数据集的文章&#xff0c;多是就 2.x 版本进行描述的&#xff0c;而关于 3.x 版本的则比较少。有些文章在制作COCO数据集的时候&#xff0c;需要修改多处源代码&#xff0c;而这是没有必要的。本文主要…

【论文阅读】PureGaze

复现论文 PureGaze PureGaze Overview 这篇文章在purify的角度重新定义了gaze estimation的这个问题。 对提纯问题的定义 基于提纯的思想&#xff0c;可以把 gaze estimation 的问题定义为 g F( E( I ) )。 其中&#xff0c;E 是一个特征提取的函数&#xff0c;F 是一个回…

Java中的null总结

日常工作&#xff0c;遇见几次null的语法报错&#xff0c;整理以下Java中null&#xff1a; &#x1f341; null是一个关键字&#xff0c;对大小写敏感&#xff0c;像public、static… &#x1f341; null是所有引用数据类型的默认值&#xff08;int默认0、boolean默认false…)…

HTB-Jeeves

HTB-Jeeves信息收集80端口50000端口![在这里插入图片描述](https://img-blog.csdnimg.cn/5824bf345bc040ee9e449bebeade9495.png)开机kohsuke -> Administrator信息收集 80端口 ask jeeves是一款以回答用户问题提问的自然语言引擎&#xff0c;面对问题首先查看数据库里是否…

耳机输出电路中的耦合电容设计

分析耳机输出电路。 因为其中的输出耦合电容有6个这么多&#xff0c;有点奇怪。 耳机输出电路的实物外观长这样&#xff1a; 音频解码芯片&#xff08;型号WM8988&#xff09;输出音频信号&#xff0c;经过6个耦合电容&#xff0c;最终在耳机接口输出&#xff1a; 关键看靠近…

我的世界 为何用java开发?

mc用java开发就很好滴说明了一点编程语言本身只是个工具工具的意义在于被使用&#xff0c;老外搞这些工具&#xff0c;都带有一个明确的目的性&#xff0c;就是我要做什么然后再来看&#xff0c;我们怎么用手头上的工具将其实现。 mc的开发人员最早就是一个普通的java程序员&a…

GloVe词向量自定义函数实现词向量降维

TEXT.build_vocab(train_data, max_size10000, vectorsglove.6B.100d) LABEL.build_vocab(train_data) pretrained_embedding TEXT.vocab.vectors上面代码加载了glove.6B.100d词向量&#xff0c;假设我需要设计一个函数&#xff0c;将词向量长为100映射到长为50&#xff0c;这…

在Ubuntu20.04下安装Autoware.universe和Carla并进行联合仿真

在Ubuntu20.04下安装Autoware.universe和Carla并进行联合仿真一、安装Carla0.9.13二、安装 UnrealEngine 4.26三、安装Autoware.universe四、设置 OpenPlanner五、运行Carla和Autoware一、安装Carla0.9.13 1、进入Carla 的官方 github 页面&#xff0c;找到0.9.13版本 https:/…

代码随想录算法训练营第五十八天-单调栈1|739. 每日温度 496.下一个更大元素 I

739. Daily Temperatures public class DailyTemperatures {//暴力解法public int[] dailyTemperatures(int[] T){int length T.length;int[] result new int[length];for(int i 0; i < length; i){int current T[i];if(current < 100){for(int j i 1; j < len…