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小時內與您取得聯系。