TML即超文本标记语言是一种用于创建网页的标准标记语言。对于初学者来说一般可以使用工具来生成html,如:DW,HB等,这些都是所见即所得的工具,在设计视图将需要展现的文字、段落、图片等内容通过软件排好版,在代码视图将由软件自动生成对应的HTML代码,这些代码由客户电脑上的浏览来解析执行。
HTML语言是一种优美的语言,几乎所有的标记都是成对出现的,配合CSS样式和JS脚本来控制页面显示的样式及效果。有一定开发经验的高手往往可以直接用代码视图来编写网页,不管是软件生成html还是手写HTML代码最终显示的效果都是一致的。如下图是由DW设计的网页,下方代码对应的就是HTML代码,视图效果和代码是一一对应的。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Nativefier 是一种命令行工具,可以用最少的配置轻松地为任何网站创建桌面应用程序。它是由 Electron 引擎生成的可执行文件(.app .exe 等),能够运行在Windows,MacOS和Linux平台。
GitHub页面:https://github.com/jiahaog/nativefier
这里我以 Windows 10 LTSC 1809 作为演示,首先需要安装Node.js,最新版本默认集成了npm,进入官网下载并安装到计算机。下载地址:https://nodejs.org/zh-cn/
安装好 Node.js 之后,还需要设置全局变量,因为加载极为缓慢,这里我们使用淘宝源来进行操作会快上不少。找到系统属性 – 高级 – 环境变量 – 新建用户变量。变量名:ELECTRON_MIRROR 变量值:http://npm.taobao.org/mirrors/electron/
接下来就到了安装 Nativefier 的环节,只需在cmd命令提示符中输入 npm install -g nativefier 即可完成安装。
最后,就可以用 Nativefier 来生成你想要的桌面应用程序了。例如要为https://www.smbinn.com创建桌面应用程序,只需在cmd命令提示符中输入 nativefier “https://www.smbinn.com” 生成后的程序默认在C盘用户文件夹。
最终效果如下图所示
默认的标签可以在需要时修改,上图中就是开发区选中一个Pane元件,下部属性中显示其为div标签对象,所以我们一般其称为显示块元件
以上示例是一个表格元件,默认的表格中行元件标签是tr WWW规范中,表格行元件tr中必须是td元件,不能是div或其他,所以如果我们需要放一个显示块元件时,需改显示块元件的TAG为td 同理,可以查看表格中默认放的日期、数字TAG都是td
上例是用百度UEditor在线进行一个表格富文本生成的演示 注意生成的HTML富文本正常是有换行处理,但在输入到HTML Display富文本(也叫超文本)显示元件中时,需删除换行符号 · 删除方式为,将富文本放入一个文本编辑查看工具中,如Notepad++ · 用查找替换方式,查到\r\n,替换为空格,将超文本转为一行字符串 HTML富文本可以用Create From Template模板生成字符串元件来动态生成可变内容 · 如果动态生成富文本,需将固定写入的a b ... 改为变量${a} ${b} ... 然后作为模板进行处理 自定义的HTML富文本在开发中,会常用到,作为高级技能的一部分,建议按以上方式掌握 · 可以用以生成打印内容,Lodop打印的HTML内容可以用HTML富文本传入,参考“第三方插件接入”中“Lodop专业打印”一节内容 · 第三方图表中的代码,也是由富文本生成并处理的,参考“第三方插件接入”中“Echarts数据可视化”一节内容
拖放一个HTML富文本显示元件 拖入一个字符串常量元件,F2打开后,字符串常量值输入我们用第三方或自写的的富文本
*****
本文为TERSUS无代码开发手册文章,供参考学习使用,在有需要详细了解对应内容时细看学习,敬请关注并转发文章
参考我们手册第一个文章中的2分钟的计算器功能的拖放连线开发演示,可学会无代码开发是如何开发软件的
想学无代码软件开发的学员请先学习3小时免费教学视频,3小时内可学会开发并开发出一套管理软件系统,然后看手册及其他视频来进阶提高快速成为高级开发人员
*请认真填写需求信息,我们会在24小时内与您取得联系。