低代码应用开发（上篇共上中下3篇）_第1页
低代码应用开发（上篇共上中下3篇）_第2页
低代码应用开发（上篇共上中下3篇）_第3页
低代码应用开发（上篇共上中下3篇）_第4页
低代码应用开发（上篇共上中下3篇）_第5页
已阅读5页，还剩119页未读， 继续免费阅读

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第1章

绪论

授课教师：低代码应用开发010203目录低代码简介低代码的功能低代码未来发展趋势低代码的简介01低代码的概述是一种可视化的应用程序开发方法，即用较少的代码、以较快的速度来交付应用程序，将程序员不想开发的代码做到自动化。定义利用图形化用户界面（GUI）设计器及可定制的脚本和配置来定义与构建应用程序、数据库、业务逻辑、流程、表单和其他技术工件低代码平台的特点低代码产生的原因低代码产生的原因1、传统的软件开发不能适应大数据时代发展的步伐2、低代码技术对软件开发的门槛要求更低。3、“解放”程序员4、产业政策推动低代码发展的重要因素低代码技术的类型①页面驱动：是指用户直接设计页面、表单、规则，而不考虑数据模型，用户根据低代码平台提供的UI控件实现布局、表单、页面、单据设计，页面显示就是把设计还原呈现，最后直接供最终用户使用。②数据驱动：重视解决数据“从哪里来”“给谁用”的问题。从基础表单向数据驱动递进，其功能性逐渐提升，覆盖更多业务场景。③模型驱动：首先把表示的对象模型及模型关系规划并设计好，然后根据模型去设计页面、表单、单据等，页面上能呈现的数据来源于提前设计好的数据模型按照驱动方式进行分类低代码的功能02低代码的能力低代码具备三大核心能力，即全栈可视化编程、全生命周期管理和低代码扩展能力。低代码的核心能力多端应用开发、可视化开发、应用生命周期、产物可复用。低代码平台的能力低代码平台的优势提高开发效率和降低成本、降低应用开发的准入门槛、打破信息系统的孤岛、加速各种业务数字化服务的进程。低代码平台的特点以及应用场景低代码平台具有开放度广、集成能力强、易用性及安全性高等特点。低代码平台特点低代码平台应用场景企业数字化应用场景

物联网应用场景门户网站B2C移动应用低代码的配置过程0102030405快速搭建数据

对接底层数据库设计，实现数据库设计可视化配置业务功能灵活编排功能节点，实现复杂逻辑的可视化构建丰富页面

通过拖曳组件快速构建页面，并通过可视化配置页面交互多系统集成

封装通用协议，还支持第三方系统快速对接快速生成系统

一键生成应用系统，并进行导出部署，支持多租户多应用低代码未来发展趋势03低代码的发展脉络1980年第四代编程语言诞生，IBM公司的快速应用程序开发工具（RAD）被冠以新的名称——低代码，“低代码”概念面世2000年“VPL”（可视化编程语言）出现，在第四代编程语言的基础上，把系统运行的过程以更视觉化的方式呈现2014年Forrester正式提出了“低代码/无代码”概念2018年提出了“aPaas”的概念，市场进入爆发期2021年国外低代码产品正式进入中国市场，国内低代码发展出现第一个波峰技术路径分析从技术路径上分析，低代码通常被认为有表单驱动和模型驱动两种路径表单驱动模型驱动数据与存储结构相结合，整体围绕表单数据展开；其核心是通过工作流在软件系统中运转业务流程，并对业务问题进行分析和设计数据与存储结构分离，面向对象将业务流程进行抽象呈现，在实操层面对业务领域进行建模，通过逻辑判断语句支持完善的业务模型；灵活性较高，能够服务于企业的复杂场景开发需求和整体系统开发，适合大中型企业根据核心业务进行个性化定制赋能企业数字化转型对于数量众多的中小企业来说，在自身IT能力的限制中，如何采取举措将外部的服务能力和自家的IT系统融合，保障企业数字化转型进程的价值赋能，是其接下来需要思考的方向应用侧发展趋势目的性。适应性可获取性。私密和安全丰富而独到的信息无缝的应用连接关系和网络建设使用低代码和无代码来开发数字产品的原则01低代码和无代码平台厂商需结合数字孪生、AI等前沿技术，深入更大的范围、更多的领域，去解决它们无码化的问题。低代码和无代码的应用领域02谢谢第2章

低代码应用开发

基础知识低代码应用开发0102目录相关技术HTML5开发基础CSS中间件通信协议数据库JSON相关技术01HTML5

HTML（HyperTextMarkupLanguage，超文本标记语言）是万维网最核心的超文本标记语言。“超文本”指的是超链接，“标记”指的是标签。HTML是一种用来制作网页的语言，这种语言由一个个标签组成。用这种语言制作的文件保存的是一个文本文件，文件的扩展名为“.htm”或“.html”，一个.htm/.html文件就是一个网页。HTML5

HTML文档通常以文档声明开始，该声明的作用是帮助浏览器确定其尝试解析和显示的HTML文档类型。文档声明必须是HTML文档的第一行且顶格显示，对大小写不敏感。

整个HTML文档包含在一个<html></html>标签对中，由头（head）和体（body）两部分构成。HTML文档的基本结构如下：1、HTML文档的基本结构<!DOCTYPEhtml><html><headlang="en"><metacharset="utf-8"/><title>我的第一个网页</title></head><body>

我的第一个网页</body></html>HTML51）大小写区分问题：网页基本上是不区分大小写的，但在XHTML中，要使用小写字母来定义页面中所有的元素和属性，包括CSS样式表中的属性等也要使用小写字母。2）正确嵌套所有元素3）元素必须要封闭4）属性必须加上双引号5）明确所有的属性值6）推荐使用级联样式表控制外观7）使用注释8）推荐使用外部链接来调用脚本2、XHTML语言的基本语法规范HTML5标签的种类、数量很多，具体可以查看附录中“HTML基本常用标签/属性”的内容。1）基本标签<html>标签用来定义HTML文档结构，<head>标签用来定义HTML文档的头部信息，<meta/>标签用来定义HTML文档的元信息，<title>标签用来定义文档的标题信息，<link/>标签用来定义文档与外部资源的关系，<style>标签用来定义文档的样式信息，<body>标签用来定义HTML文档的正文部分，即可见的页面内容，<script>标签用来定义脚本代码，<!--...-->标签用来定义HTML注释内容。3、标签的使用HTML52）标题标签和图像标题标签用来定义一段文字的标题或主题，并且支持多层次的内容结构。HTML提供了六级标题标签<h1>～<h6>，并赋予了标题一定的外观。段落标签<p>表示一段文字等的具体内容，换行标签<br/>表示强制换行，水平线标签<hr/>表示一条水平线，预定义格式标签<pre>表示可以根据预先编排好的格式显示内容。图像是网页中不可缺少的一种元素，图像标签的基本语法结构如下：<imgsrc="图片地址"alt="替代文字"title="鼠标悬停时的提示文字"width="宽度"height="高度"/><a>标签主要有两种作用：超链接和锚记。基本语法结构如下：超链接：<ahref="链接的地址URL"target="目标窗口位置">链接文本或图像</a>锚记：<aname="锚名"/>target属性用于指定链接在哪个窗口打开，主要取值有_self（自身窗口）、_blank（新建窗口）、_parent（父窗体）、_top（顶级窗体）、自定义窗体名。在超链接中使用锚名时，锚名前需要加上“#”，如<ahref="#锚名"/>。3、标签的使用HTML53）列表标签列表是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的形式显示出来。列表分为3种类型：无序列表（ul+li）、有序列表（ol+li）、定义列表（dl+dt+dd）。3、标签的使用HTML54）表格标签标准的表格通常每行的列数一致，同行单元格的高度一致且水平对齐，同列单元格的宽度一致且垂直对齐，形成一个不易变形的长方形盒子结构，堆叠排列起来结构稳定。表格标签的基本语法结构如下：<table><tr><td>第1行第1列</td><td>第1行第2列</td>…</tr><tr><td>第2行第1列</td><td>第2行第2列</td>…</tr>…</table>表格还可以用<caption>标签设置表格标题，表头部分用<th>标签（默认具有粗体和居中对齐特性）代替<td>标签即可。3、标签的使用HTML55）表单标签在HTML5中，使用<form>标签来实现表单的创建，该标签属于容器标签，其他表单标签需要在它的范围内才能有效地实现表单数据的传递。表单标签的基本语法结构如下：<formmethod="…"action="…">表单元素…</form>其中，method属性表示表单提交数据的方法，值主要有get（默认值）、post等；action属性表示处理表单数据的服务器端页面的URL。3、标签的使用HTML5表单提供了多种表单元素，如单行文本框、密码框、复选框、单选按钮、提交按钮等。在HTML5中，一般使用<input>标签来定义表单元素。<input>标签的基本语法结构如下：<inputtype="类型"name="名字"value="值"…/><input>标签常用的属性如表2-1所示。3、标签的使用HTML5表单中还有一些不使用<input>标签的表单元素，如<button>标签表示普通按钮，<textarea>标签表示多行文本（文本区），<select>和<option>标签分别表示下拉菜单和下拉列表等。表单元素还具有一些特殊的属性，如只读属性readonly、禁用属性disabled、内容提示属性placeholder、必填属性required、表单验证属性pattern等。3、标签的使用CSS

CSS（CascadingStyleSheets，层叠样式表）是一种表现HTML或XHTML文件样式的计算机语言，是用来进行网页风格设计的。

通过建立CSS样式表，可以统一控制HTML中各个标签的显示属性，包括字体属性（如颜色、大小、风格等）、文本属性（如对齐、缩进、行高、修饰等）、边距属性（如内边距、边框、外边距等）、高度、宽度、背景、网页定位等，可以精确地定位网页元素的位置，美化网页的外观。

使用CSS样式表具有以下优势：（1）内容与表现分离。（2）网页的表现统一，容易修改。（3）丰富的样式使页面布局更加灵活。（4）减少网页的代码量，增加网页的浏览速度，节省网络带宽。（5）运用独立于页面的CSS样式文件，有利于网页被搜索引擎收录。CSS

CSS的语法规则如下：（1）CSS规则由两部分构成，即选择器和声明。（2）声明必须放在大括号匹配对（{}）中，并且声明可以是一条或多条。（3）每条声明由属性名与属性值组成，属性名与属性值之间用冒号（:）隔开，以分号（;）结尾。1、CSS的基本语法结构CSS的基本语法结构如下：选择器{属性名1:属性值1;属性名2:属性值2;…}CSS在HTML中引入CSS样式的方法有3种，分别是行内样式、内部样式和外部样式。1）行内样式行内样式也称直接样式，即在HTML标签中直接使用style属性设置CSS样式。行内样式的示例代码如下：<h1style="color:green;">style属性的应用</h1><pstyle="font-size:20px;color:pink;">直接在HTML标签中设置的样式</p>*使用style属性设置的CSS样式仅对当前的HTML标签起作用。2、在HTML中引入CSS样式CSS2）内部样式内部样式也称内嵌样式，即将CSS代码写在<style></style>标签对中。为了能在应用样式前见到样式的定义，通常将<style></style>标签对放在<head></head>标签对中。内部样式的示例代码如下：<styletype="text/css">h1{color:green;}</style>*虽然内部样式方便在页面中修改样式，但是不利于在多页面间共享、复用代码及维护，对内容与表现的分离也不够彻底。2、在HTML中引入CSS样式CSS3）外部样式外部样式是指把CSS代码单独保存为一个扩展名为.css的CSS样式文件。HTML文档引用扩展名为.css的CSS样式文件的方式，有两种，分别是链接式和导入式。链接外部CSS样式文件的方法是通常在HTML文档的<head></head>标签对中使用<link/>标签。语法格式如下：<head>…<linkhref="CSS样式文件"rel="stylesheet"type="text/css"/>…</head>2、在HTML中引入CSS样式CSS导入外部CSS样式文件的方法是在HTML文档中使用@import语句导入外部CSS样式文件，该导入语句必须放在<style></style>标签对中，一般放在开始位置。语法格式如下：<head>…<styletype="text/css"><!--@importurl("CSS样式文件");--></style></head>*外部样式实现了内容与表现的彻底分离，一个CSS样式文件可以应用于多个页面。这样不仅可以减少重复的工作量，有利于网站页面样式的统一和维护，还可以减少用户在浏览网页时重复下载代码，提高网站的运行速度。2、在HTML中引入CSS样式CSS选择器（Selector）是CSS中非常重要的概念。用户只需要通过选择器找到对应的HTML标签，并赋予各种样式声明，即可实现各种效果。CSS选择器主要有基本选择器、层次选择器、属性选择器、伪类选择器等。3．CSS选择器CSS1）CSS的基本选择器在CSS中，有3种基本选择器，分别是标签选择器、类选择器和ID选择器。标签选择器也称元素选择器，是用HTML标签的名称作为相应的标签选择器的名称，如前面内部样式的示例代码里的h1标签选择器通常用于设置页面中的标签样式。类选择器是用一个以句点（.）开头的类名称作为选择器的名称。如果想要在HTML标签中应用类样式，则可以使用标签的class属性引用类样式。ID选择器是用HTML标签的id属性值前面加一个“#”符号组成的名称作为选择器的名称，由于HTML页面中id属性的唯一特性，因此ID选择器的针对性更强，一般只使用一次。3．CSS选择器CSS2）层次选择器层次选择器是通过HTML的文档对象模型（DocumentObjectModel，DOM）元素之间的层次关系来选择元素的，其主要的层次关系包括后代、父子、相邻兄弟和通用兄弟等。具体语法如表2-2所示。3．CSS选择器CSS3）属性选择器在HTML中，可以给标签元素设置各种各样的属性及属性值，如id、class、href等。属性选择器是通过各种各样的属性及属性值选择到对应的元素并设置样式的，其语法如表2-3所示。3．CSS选择器CSS4）伪类选择器伪类选择器（简称“伪类”）通过冒号（:）来定义，它定义了元素的状态（如单击按下、单击完成等）。通过伪类选择器可以为元素的状态修改样式。伪类选择器主要可以分为动态伪类选择器、UI元素状态伪类选择器、结构伪类选择器、否定伪类选择器。3．CSS选择器CSS动态伪类选择器可以用于超链接a标签的应用中。a标签有4种伪类选择器（即对应4种状态），分别是a:link（超链接被访问之前）、a:visited（超链接被访问之后）、a:hover（鼠标指针悬停在超链接上）、a:active（鼠标单击超链接，但是没有松开时）。a标签的这4种伪类选择器的顺序为a:link、a:visited、a:hover、a:active。在同时使用两种或两种以上的伪类选择器时，只有伪类选择器的顺序正确，才能正确显示其效果。表2-4所示为动态伪类选择器的语法。3．CSS选择器CSSUI元素状态伪类选择器主要针对HTML中的form元素进行操作。例如，type="text"有enabled和disabled两种状态，前者为可写状态，后者为不可写状态；type="radio"和type="checkbox"都有checked和unchecked两种状态。表2-5所示为UI元素状态伪类选择器的语法。3．CSS选择器CSS结构伪类选择器可以根据元素在文档中所处的位置来动态选择元素，从而减少HTML文档对ID或类的依赖，有助于保持代码干净、整洁。表2-6所示为结构伪类选择器的语法。3．CSS选择器CSS否定伪类选择器是反向指定元素的一种方式。表2-7所示为否定伪类选择器的语法。3．CSS选择器CSSCSS中常用的样式属性主要有字体、文本、列表、背景、盒子模型、布局、定位等几大类。（1）字体样式属性主要有字体（font）、字体风格（font-style）、字体粗细（font-weight）、字体大小（font-size）、字体类型（font-family）等。其中font属性是组合属性，可以包含一个或多个其他属性的值，各个属性的值中间用空格隔开，语法格式如下：font:font-style||font-variant||font-weight||font-size||font-family（2）文本样式属性主要有文本颜色（color）、首行缩进（text-indent）、行高（line-height）、文本修饰（text-decoration）、文本对齐（水平对齐text-align和垂直对齐vertical-align）、文本阴影（text-shadow）等。4．CSS样式属性CSS（3）列表样式属性主要有列表（list-style）、列表项标记类型（list-style-type）、列表项标记图像（list-style-image）、列表项标记位置（list-style-position）和列表样式（list-style）等。其中list-style属性是组合属性，可以包含一个或多个其他属性的值，各个属性的值中间用空格隔开，语法格式如下：list-style:list-style-image||list-style-position||list-style-type（4）背景样式属性主要有背景（background）、背景颜色（background-color）、背景图像（background-image）、背景重复（background-repeat）、背景附加方式（background-attachment）、背景位置（background-position）、背景尺寸（background-size，主要取值为auto、percentage、cover、contain）、CSS3渐变（线性渐变linear-gradient和径向渐变radial-gradient）等。其中background属性是组合属性，可以包含一个或多个其他属性的值，各个属性的值中间用空格隔开，语法格式如下：background:background-color||background-image||background-repeat||background-attachment||background-position4．CSS样式属性CSS（5）盒子模型样式属性主要有外边距（margin）、内边距（padding）和边框（border，border包括边框宽度border-width、边框风格border-style、边框颜色border-color）等，盒子模型又分上、右、下、左4个方向。其中border属性是组合属性，可以包含一个或多个其他属性的值，各个属性的值中间用空格隔开，语法格式如下：border:border-width||border-style||border-colorCSS3中增加了盒子模型尺寸（box-sizing）、圆角边框（border-radius）、盒子阴影（box_x0002_shadow）等属性。box-sizing属性用于定义盒子模型的尺寸解析方式，主要取值为contain-box、border-box。border-radius属性用于为元素设计圆角的效果。（6）布局样式属性主要有浮动（float）、清除浮动（clear）、溢出（overflow）、显示（display）和可见性（visibility）等。（7）定位样式属性主要有上（top）、下（bottom）、左（left）、右（right）4个方向的位置，以及Z轴索引（z-index）和定位（position，主要取值为static、absolute、fixed、relative）等。4．CSS样式属性开发基础02中间件

中间件（Middleware）是一类连接软件组件和应用的计算机软件，它包括一组服务，可以使运行在一台或多台机器上的多个软件通过网络进行交互。中间件技术所提供的互操作性推动了一致性分布式体系架构的演进，该架构通常用于支持并简化那些复杂的分布式应用程序，它包括Web服务器、事务监控器和消息队列软件。定义功能①通信支持：中间件为其所支持的应用软件提供平台化的运行环境，该环境屏蔽底层通信之间的接口差异，实现互操作，所以通信支持是中间件一个最基本的功能。②应用支持：中间件的目的是服务上层应用，提供应用层不同服务之间的互操作机制。③公共服务：公共服务是对应用中共性的功能或约束的提取，即将这些共性的功能或约束分类实现，并支持复用，作为公共服务提供给应用程序使用。通信协议

通信协议又称通信规程，是指通信双方对数据传送控制的一种约定，即对数据格式、同步方式、传送速度、传送步骤、检验纠错方式及控制字符定义等问题做出统一规定，通信双方必须共同遵守。它也被叫作链路控制规程。

常用的通信协议主要有TCP/IP协议和HTTP协议等。TCP/IP协议

TCP/IP协议是网络中使用的基本的通信协议，是用于计算机通信的一组协议，我们通常称为TCP/IP协议族。

之所以说TCP/IP协议是一个协议族，是因为TCP/IP协议包括TCP、IP、UDP、ICMP、RIP、Telnet、FTP、SMTP、ARP、TFTP等协议，这些协议一起被称为TCP/IP协议。其中TCP（传输控制协议）和IP（网际协议）是保证数据完整传输的两个基本的重要协议。TCP/IP协议

TCP/IP协议由应用层、运输层、网络层、网络接口层这4个层次组成。•应用层：应用层是TCP/IP协议的第一层，是直接为应用进程提供服务的。

不同种类的应用程序会根据自己的需要来使用应用层的不同协议。例如，邮件传输应用使用了SMTP协议，万维网应用使用了HTTP协议，远程登录服务应用使用了Telnet协议等。

应用层还可以加密、解密、格式化数据。

应用层也可以建立或解除与其他节点的联系，这样能够充分节省网络资源。•运输层：运输层是TCP/IP协议的第二层。运输层在整个TCP/IP协议中起到了中流砥柱的作用；在运输层中，TCP和UDP协议同样起到了中流砥柱的作用。•网络层：网络层是TCP/IP协议的第三层。在TCP/IP协议中，网络层可以进行网络连接的建立和终止及IP地址的寻找等。•网络接口层：网络接口层是TCP/IP协议的第四层。由于网络接口层兼并了物理层和数据链路层，因此网络接口层既是传输数据的物理媒介，也可以为网络层提供一条准确无误的线路。1、TCP/IP的组成TCP/IP协议（1）协议标准是完全开放的，可以供用户免费使用，并且独立于特定的计算机硬件与操作系统。（2）独立于网络硬件系统，可以运行在广域网，更适用于互联网。（3）网络地址统一分配，网络中的每个设备和终端都具有一个唯一地址。（4）高层协议标准化，可以提供多种多样、可靠的网络服务。2、TCP/IP协议的特点HTTP协议

HTTP（HyperTextTransferProtocol，超文本传输协议）是一个简单的请求-响应协议，它通常运行在TCP协议之上。它指定了客户端可能发送给服务器什么样的消息，以及得到什么样的响应。请求消息和响应消息的头以ASCII形式给出；而消息内容则具有类似MIME的格式。HTTP协议（1）客户端与服务器端建立连接。（2）客户端向服务器端提出请求。（3）服务器端接收请求，并根据请求返回相应的文件作为应答。（4）客户端与服务器端关闭连接。1、HTTP事务处理过程HTTP协议（1）无状态，HTTP协议对事务处理没有记忆能力。（2）无连接，HTTP协议限制每次连接只处理一个请求。（3）HTTP协议支持客户和服务器模式。（4）HTTP协议非常灵活，允许传输任意类型的数据对象。（5）HTTP协议非常简单、快速，当客户端向服务器端请求服务时，只需要传送请求方法和路径即可。2、HTTP协议的特点数据库

数据库（DataBase，DB）就是用来组织、存储和管理数据的仓库。它的存储空间很大，可以存放大量的、各种类型的数据，包括文本数据、图像、声音等。

数据库在建立、运用和维护时由数据库管理系统统一管理和控制。数据库管理系统（DataBaseManagementSystem，DBMS）是位于用户与操作系统之间的一层数据管理软件，是数据库系统的核心组成部分，它使用户能够方便地定义数据和操纵数据，并能够保证数据的安全性和完整性、多用户对数据的并发使用及发生故障后的系统恢复。数据库

根据建立的数据模型的不同，数据库通常可以分为层次数据库、网状数据库和关系数据库3种，而不同的数据库是按照不同的数据结构来联系和组织的。

在现在的应用中，常见的数据库是关系型（SQL）数据库和非关系型（NoSQL）数据库，常见的关系型数据库有Access、MySQL、SQLServer、DB2、Sybase、Oracle等，常见的非关系型数据库有MongoDB、Redis等。1、数据库的分类数据库

结构化查询语言（StructuredQueryLanguage，SQL）是关系型数据库的标准语言，用来对关系型数据库进行操作和管理，方便数据的存取、查询、更新及管理关系型数据库系统。

SQL语句分为五大类，分别是DQL、DML、DDL、TCL和DCL。2、数据库语言JSON

JSON（JavaScriptObjectNotation，JS对象简谱）是一种轻量级的数据交换格式。它是基于ECMAScript规范的一个子集，ECMAScript规范是由欧洲计算机制造商协会（EuropeanComputerManufacturersAssociation，ECMA）制定的JavaScript规范。JSON采用完全独立于编程语言的文本格式来存储和表示数据，简洁和清晰的层次结构使JSON成为理想的数据交换语言。JSON文档不仅易于阅读和编写，也易于机器解析和生成，并可以有效地提升网络传输效率。JSONJSON语法是JavaScript对象表示语法的子集，语法规则如下：•数据在键/值对中。•数据使用逗号隔开。•使用“\”来转义字符。•使用大括号（{}）保存对象。•使用中括号（[]）保存数组，数组可以包含多个对象。1、JSON语法JSONJSON中有两种结构：对象和数组。（1）对象

大括号“{}”中保存的对象是一个无序的键/值对集合。一个对象以左大括号“{”开始，以右大括号“}”结束。每个键后跟一个冒号（:），键/值对之间使用逗号（,）隔开。（2）数组

中括号“[]”中保存的数组是值（value）的有序集合。一个数组以左中括号“[”开始，以右中括号“]”结束，值之间使用逗号（,）隔开。2、JSON结构谢谢！第3章

低代码脚本

授课教师：低代码应用开发01040203目录低代码脚本语言简介Groovy页面CSS风格代码编写高级数据库SQL代码编写低代码脚本语言简介01为什么需要低代码脚本语言1.需要低代码脚本语言的原因低代码不是零代码，低代码脚本语言就是用来解决业务功能盲区，处理一些非常规的业务场景的。根据已有的开发经验和借鉴其他低代码平台的一些场景案例，大部分低代码平台都可以满足95%的场景，但是恰巧有5%的场景无法通过低代码平台已有的功能实现，所以很多低代码平台都会选择兼容或允许一部分脚本语言来增加平台能力，通过简单、明了的一段低代码脚本进行逻辑编排来适应不同的业务场景。2.低代码脚本语言在低代码平台的作用•可以承接低代码平台上下文的数据处理，改变数据内容、数据流向、数据的封装等。•可以用于实现业务功能，以及作为第三方集成的“粘合剂”，扩展了平台的能力。•可以简化开发、部署、测试等周期，对于一个需要满足多应用场景的平台来说，这无疑提供了极大的方便。低代码脚本语言介绍1.JavaScriptHTML、CSS和JavaScript语言是开发人员和设计师必须掌握的工具，同时JavaScript也是世界上最流行的编程语言之一，已有多年的历史。Web开发人员使用的3种主要工具的作用可以简述如下：•HTML语言用于定义网页内容。•CSS语言用于指定网页的布局。•JavaScript语言用于对网页的行为进行编程。1).JavaScript语言简介JavaScript允许向网站添加交互式功能，包括动态更新的内容、受控的多媒体、动画图像等。之所以在Web浏览器中使用JavaScript，是因为JavaScript具备以下特点：•可以增加网站的交互性。•功能强大，易于学习。•具有出色的工具（如编辑器、Lint工具、浏览器和第三方库等），并可以通过大量活跃的开源社区提供强大的在线支持。低代码脚本语言介绍1.JavaScript（1）JavaScript可以更改HTML内容。2).JavaScript可以做什么？（2）JavaScript可以更改HTML属性值。（3）JavaScript可以更改HTML样式。（4）JavaScript可以隐藏HTML元素。（5）JavaScript可以显示HTML元素。低代码脚本语言介绍2.Groovy

Groovy语言是一种应用于JVM（Java虚拟机）的敏捷动态编程语言，是一种已经成熟的面向对象编程语言，其既可以用于面向对象编程，也可以用作纯粹的脚本语言。在使用该语言时不必编写大量的代码，同时该语言具有闭包和动态语言中的其他特性。1).Groovy语言简介

由于可以用Groovy语言在Java平台上进行Java编程，因此Groovy语言是JVM的一个替代语言，其使用方式与Java语言的使用方式基本相同。该语言特别适合与Spring的动态语言一起使用，Groovy语言在设计时充分考虑了与Java语言集成，这使Groovy代码与Java代码的互操作很容易，Groovy语言和Java语言可以很好地结合编程。低代码脚本语言介绍2.Groovy•Groovy语言是一种基于JVM的敏捷动态编程语言。2).Groovy语言的主要特点•Groovy语言构建在强大的Java语言之上，并添加了从Python、Ruby和Smalltalk等语言中学到的许多特征。•Groovy语言为Java程序开发人员提供了现代最流行的编程语言特性，并且学习成本很低（几乎为零）。•Groovy语言支持DSL（DomainSpecificLanguages，领域定义语言）和其他简洁的语法，让代码变得易于阅读和维护。•Groovy语言拥有原生类型处理能力、面向对象能力及AntDSL能力，使创建ShellScripts变得非常简单。•在开发Web应用、GUI、数据库或控制台程序时通过减少框架性代码，可以大大提高开发人员的效率。•支持单元测试和模拟（对象），可以简化测试。•无缝集成所有已经存在的Java对象和类库。•Groovy代码直接编译成Java字节码，这样可以在任何使用Java的地方使用Groovy。Groovy02环境搭建1.JavaJDK配置第1步：访问Java官网。第2步：进入下载页面，如图所示，单击“立即下载Java”按钮。环境搭建1.JavaJDK配置第3步：下图所示为常用操作系统的JDK软件包。本书的环境是64位的Windows系统，因此选择“Windows”选项卡。根据计算机硬件的架构选择下载对应的安装版本。环境搭建1.JavaJDK配置第4步：下载完成后，在本地硬盘中会出现一个软件包。第5步：安装软件包。第6步：测试JDK是否安装成功。选择“开始”→“附件”→“命令提示符”命令，在弹出的“命令提示符”窗口中输入“java”，如果输出下图所示的信息，则说明JDK安装成功。环境搭建2.Groovy环境变量1）下载Groovy访问Groovy官网，页面如图3-4所示。环境搭建2.Groovy环境变量1）下载Groovy单击Groovy官网页面的菜单栏中的“Download”，进入Groovy下载页面，如图3-5所示。环境搭建2.Groovy环境变量1）下载Groovy在Groovy下载页面中找到“Groovy4.0”区域，如图3-6所示，单击最右侧的“Windowsinstaller”链接，在进入的页面中获得对应Windows系统的Groovy安装程序。环境搭建2.Groovy环境变量1）下载Groovy启动Groovy安装程序，然后执行以下安装步骤。第1步：启动安装程序，进入安装向导界面，如图3-7所示，单击“Next”按钮。环境搭建2.Groovy环境变量1）下载Groovy第2步：进入“End-UserLicenseAgreement”界面，勾选“IacceptthetermsintheLicenseAgreement”复选框，如图3-8所示，单击“Next”按钮。环境搭建2.Groovy环境变量1）下载Groovy第3步：进入“ChooseSetupType”界面，如图3-9所示，这里接受默认组件，选择“Typical”安装类型，单击“Typical”按钮。环境搭建2.Groovy环境变量1）下载Groovy第4步：已准备好安装，如图3-10所示，单击“Install”按钮，开始安装。环境搭建2.Groovy环境变量1）下载Groovy第5步：单击“Finish”按钮完成安装，如图3-11所示。环境搭建2.Groovy环境变量1）下载Groovy执行上述安装步骤之后，用户就可以开始使用GroovyShell了。测试Groovy是否安装成功，选择“开始”→“附件”→“命令提示符”命令，在弹出的“命令提示符-groovysh”窗口中输入“groovysh”，如果输出如图3-12所示的信息，则说明Groovy安装成功。。环境搭建2.Groovy环境变量2）配置环境变量首先新建环境变量GROOVY_HOME，变量值是安装路径；然后配置环境变量PATH，在PATH的值中添加“%GROOVY_HOME%\bin”。3.HelloWorld项目新建Groovy项目，创建第一个程序“HelloWorld”，代码如下：运行结果：环境搭建4.集成IDEA访问JetBrains官网，下载并安装开发工具IntelliJIDEA。基本语法1.Groovy导入语句如果想要在代码中使用其他库的功能，则可以通过使用

import

语句导入其他库的方式实现。下面的示例演示了如何使用MarkupBuilder类，这可能是最常用的创建HTML或XML标记的类之一。在默认情况下，Groovy在代码中包括以下库，因此不需要显式地导入这些库。基本语法2.Groovy令牌令牌可以是关键字、标识符、常量、字符串文字或符号等。示例如下：在上面的代码行中有两个令牌，一个是关键字println，另一个是字符串'HelloWorld'。Groovy中有两种注释方式：单行注释和多行注释。单行注释以“//”标识，可以在该行的任何位置。示例如下：3.Groovy注释多行注释以“/*”开始，以“*/”结束。示例如下：基本语法4.分号Groovy语言和Java语言一样，在定义多个语句时，语句之间需要使用分号进行区分。示例如下：5.标识符标识符被用来定义变量、函数或其他用户定义的变量。标识符以字母开头，可以包含美元符号（$）或下画线（_）。标识符不能以数字开头。以下是有效标识符的一些示例：基本语法6.关键字关键字是Groovy语言中保留的特殊字。表3-1所示为Groovy语言中的关键字。基本语法7.空白空白是编程语言（如Java、Groovy等语言）中用来形容空格、制表符、换行符的术语。例如，在下面的示例代码中，关键字def和变量名x之间存在空白。这是为了让编译器知道def是需要被使用的关键字，用来定义变量x。8.文字文字是Groovy语言中表示固定值的符号。Groovy语言中的文字包括符号整数、浮点数、字符和字符串。Groovy语言中的文字示例如下：数据类型1.基本数据类型Groovy语言提供多种内置数据类型，以下是Groovy语言中的数据类型。•byte：表示字节值。例如2。•short：表示短整型数。例如10。•int：表示整型数。例如1234。•long：表示一个长整型数。例如10000090。•float：表示32位浮点数。例如12.34。•double：表示64位浮点数，属于双精度型浮点数据。例如12.3456565。•char：定义单个字符文字。例如'A'。•Boolean：表示一个布尔值，可以是true或false。•String：以字符串的形式表示的文本。例如'HelloWorld'。数据类型2.绑定值表3-2所示为基本数据类型的取值范围。数据类型3.数据对象类型Groovy语言中除了基本数据类型，还有数据对象类型（有时称为包装类型）：java.lang.Byte、java.lang.Short、java.lang.Integer、java.lang.Long、java.lang.Float、java.lang.Double。此外，Groovy语言中还有支持高精度计算的数据对象类型，如表3-3所示。变量1.变量声明变量声明用于告诉编译器为变量创建存储的位置和大小。变量声明的示例代码如下：运行结果：

Groovy语言中的变量可以通过两种方式定义：一种是使用数据类型语法定义，另一种是使用关键字def定义。对于变量定义，必须明确提供类型名称或在定义中使用关键字def。这是Groovy解析器需要的。

Groovy语言中不仅有基本数据类型的变量，还有其他数据类型（如数组、结构和类等类型）的变量。变量2.变量命名变量的名称可以由字母、数字和下画线组成。变量名称必须以字母或下画线开头。大写字母和小写字母是不同的，因为Groovy语言和Java语言一样，是一种区分大小写的编程语言。示例代码如下：运行结果：变量3.打印变量使用println方法可以打印变量的当前值。下面的示例代码显示如何实现这一点：运行结果：语法控制1.条件语句条件声明需要程序指定一个或多个条件进行判断。如果条件被确定为真，则要执行一个或多个语句；如果条件被确定为假，则要执行其他语句。条件语句和描述如表3-4所示。语法控制2.循环除了按照顺序方式一个接一个执行的语句，Groovy语言还提供了语句来改变程序逻辑中的控制流，即循环语句和循环控制语句。循环语句和描述如表3-5所示，循环控制语句和描述如表3-6所示。闭包1.什么是闭包闭包是一个短的匿名代码块，通常包含几行代码。可以将代码块作为参数来调用闭包。闭包是匿名的。下面是一个简单闭包的示例代码：在上面的示例中，代码{println"HelloWorld"}被称为闭包。标识符clos引用的代码块可以使用call语句执行。运行上面的程序，会得到以下结果：闭包2.集合和字符串中的闭包List、Map和String方法接收一个闭包作为参数。以下示例显示了如何使用闭包与列表。在下面的例子中，首先定义一个简单的值列表lst，然后使用列表类型lst定义一个名为each的函数，该函数将闭包作为参数，并将闭包应用于列表的每个元素。运行上面的程序，会得到以下结果：低代码平台中的Groovy配置1.Groovy函数节点配置说明通过编写Groovy脚本来处理无法配置的业务逻辑，实现复杂的业务逻辑。简介01在“选择/添加”区域中，可以手动输入或选择已存在的函数名称，并选择函数分组，配置后可以在“函数”区域中进行定义或修改。选择/添加02在“函数”区域中，可以定义Groovy函数，如果选择已存在的函数，则可以在此处进行修改。函数03对输出结果类型及中文名、英文名进行配置。输出04低代码平台中的Groovy配置2.低代码平台中的Groovy配置以浩云科技股份有限公司的低搭低代码平台为例，Groovy函数节点配置页面如图3-13所示。低代码平台中的Groovy配置2.低代码平台中的Groovy配置Groovy函数（校验Kafka是否能连上）脚本如下：页面CSS风格代码编写03FreeMarker1.什么是FreeMarkerFreeMarker是一款模板引擎，即一种基于模板和要改变的数据生成输出文本（如HTML网页、电子邮件、配置文件、源代码等）的通用工具。FreeMarker不是面向最终用户的，而是一个Java类库，是一款程序员可以嵌入所开发产品的组件。FreeMarker是免费的，基于Apache许可证2.0版本发布，编写模板所使用的语言是FreeMarker模板语（FreeMarkerTemplateLanguage，FTL）。由于该语言是简单、专用的语言，而不是像PHP那样成熟的编程语言。因此需要另外编程显示数据，如数据库查询和业务运算等，之后FTL模板显示已经准备好的数据。在FTL模板中主要专注于如何展示数据，而在FTL模板之外则专注于要展示什么数据。FreeMarker2.工作原理假设在一个应用系统中需要一个HTML页面，该HTML页面的代码如下：该HTML页面中的用户名（即上面的“EricL”）是登录这个网页的访问者的名字，并且显示的数据应该来自数据库，这样才能随时更新。所以，不能直接在HTML页面中输入“EricL”和“greenmouse”及链接，也不能使用静态HTML代码。此时，可以使用要求输出的模板来解决，模板和静态页面是相同的，只是模板会包含一些FreeMarker将模板变成动态内容的指令。使用模板文件的代码如下FreeMarker2.工作原理模板文件存放在Web服务器上，当有访问者访问这个页面时，FreeMarker就会介入执行，然后动态转换模板，用最新的数据内容替换模板文件中的“${...}”部分，之后将结果发送到访问者的Web浏览器中。访问者的Web浏览器就会接收到如第一个HTML页面那样的内容（也就是没有FreeMarker指令的HTML代码），访问者也不会察觉到服务器端使用的FreeMarker。（存放在Web服务器上的模板文件是不会被修改的，替换也仅仅出现在Web服务器的响应中。）1）模板文件FreeMarker2.工作原理为模板文件准备的数据整体被称作数据模型。数据模型是树形结构（就像硬盘上的文件夹和文件），在视觉效果上，数据模型可以是以下形式（这只是一个形象化显示，数据模型不是文本格式，数据模型来自Java对象）：FreeMarker可以从数据模型中选取这些值，使用user和latestP等表达式即可。类比于硬盘的树形结构，数据模型就像一个文件系统，“(

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论