當前位置：首頁 > 科技 > 軟件

GitHub和碼云上，七個H5頁面制作工具推薦

來源：責編：時間：2023-08-20 23:17:12 627觀看

導讀一、ymm-tech/gods-penstar: 1.7kwatch: 270fork: 557碼良是一個在線生成H5頁面并提供頁面管理和頁面編輯的平臺，用于快速制作H5頁面。用戶無需掌握復雜的編程技術，通過簡單拖拽、少量配置即可制作精美的頁面，可用于營銷

一、ymm-tech/gods-pen

star: 1.7k

watch: 270

fork: 557

碼良是一個在線生成H5頁面并提供頁面管理和頁面編輯的平臺，用于快速制作H5頁面。用戶無需掌握復雜的編程技術，通過簡單拖拽、少量配置即可制作精美的頁面，可用于營銷場景下的頁面制作。同時，也為開發者提供了完備的編程接入能力，通過腳本和組件的形式獲得強大的組件行為和交互控制能力。

支持功能

1、編輯器

面向不同角色切換工作臺，并可以自行拖拽。
組件，以及組合組件。
實時預覽的動畫編輯。
實時預覽，并可按幀拖動預覽的動畫編輯。
腳本功能，靈活的擴展編輯器面板的屬性（非常容易給組件額外添加自定義的屬性和方法，完全自己代碼控制）。
樣式編輯，基礎模式，代碼模式。方便開發和運營不同角色使用。
在線預覽。
二維碼預覽。
可導入psd。
支持pc端和移動端。

2、組件商城

25+組件,也歡迎開發者貢獻自己的組件，查看所有組件。
可上傳，下載自己或別人的組件。
可出售自己開發的組件。
可購買別人的組件。

3、后臺管理與數據

可按團隊管理頁面類似gitlab管理項目。合理的權限管理。
表單數據收集，并有數據同居。
支持頁面的pv uv以及自定義埋點信息。
方便的資源和組件管理。

二、H5-Dooring

github: https://github.com/MrXujiang

star: 7.9k

fork: 1.5k

(H5編輯器)H5-Dooring是一款功能強大，專業可靠的H5可視化頁面配置解決方案，致力于提供一套簡單方便、專業可靠、無限可能的H5落地頁最佳實踐。技術棧以react為主，后臺采用nodejs開發。

1、編輯器界面：

2、頁面版本管理：

3、后臺：

特點：

1、【編輯器】

參考線
基礎組件
可視化組件
媒體組件
商品組件
拖拽器
配置面板
表單設計器
(多)頁面管理(復制,編輯, 刪除, 新建)
組件動畫
組件交互
數據源管理
快速預覽
真機預覽
撤銷、重做
微信分享
快捷鍵
模版庫
桌面端軟件Dooring-electron, 支持離線使用

2、【增強功能】

上傳 json，一鍵轉換為 H5
圖片庫
出碼能力(下載源碼, 下載dist包)

3、【后端 API】

創建、保存、更新作品
用戶管理, 權限管理
一鍵智能分析
數據看版
表單數據收集
表單數據展示
表單數據分析, 一鍵導出excel, 表單多條件搜索
在線預覽
二維碼預覽
模版管理
出碼接口

三、mantou / H5DS

star: 478

watch: 110

fork: 165

H5DS(HTML5 Design software) 這是一款基于WEB的 H5制作工具。讓不會寫代碼的人也能輕松快速上手制作H5頁面。

特點：

【高維護性】：采用react+mobx模塊化開發，源碼結構清晰，注釋規范，高可維護，方便進行二次開發和迭代升級。

【高擴展性】：編輯器內核獨立存在，官方提供了插件開發教程以及CLI工具，可獨立開發插件，動態加載插件。

【高性能】：采用mobx統一管理數據，底層proxy數據監聽，做了大量節流和防抖優化，插件按需加載，不占內存。

【多終端支持】：支持手機頁面、PC頁面獨立制作，設計界面可自由切換，采用縮放模式兼容各種屏幕分辨率，PC/Mobile一網打盡。

三、ly525 / luban-h5

star: 1.1k

watch: 187

fork: 403

A mobile page builder/editor, similar with amolink.zh:類似易企秀的H5制作、建站工具，開源可視化搭建系統。

特點：

1、【編輯器】

參考線/參考線
吸附線
通過拖放更改插件形狀
編輯元素（畫布）
復制元素（畫布）
刪除元素（畫布）
編輯頁面
復制頁面
刪除頁面
快速預覽
撤消、重做
插件系統

2、【發短信】

“正常”按鈕
“表單”按鈕
表單字段
圖片
背景圖片
視頻（內嵌框架格式）

3、【增強功能】

將 PSD 文件解析為 HTML 頁面
照片庫
第三方無版權圖片搜索

4、【后端接口】

創建工作
保存工作
更新工作
表單統計
在線預覽
二維碼預覽

四、猿計劃 / vite-vue3-lowcode

star: 563

watch: 59

fork: 260

vue3.x vite2.x vant element-plus H5移動端低代碼平臺lowcode可視化拖拽可視化編輯器visual editor類似易企秀的H5制作、建站工具、可視化搭建工具。

功能清單：

動態添加頁面。
拖拽式生成組件。
service worker + indexeddb 實現無服務端的前端交互。
數據源管理(支持導入 swagger JSON 生成數據模型及接口)。
提供預置函數。
更多組件的封裝。

五、huangwei9527/quark-h5

star: 345

watch: 48

fork: 134

基于vue2 + koa2的 H5制作工具。讓不會寫代碼的人也能輕松快速上手制作H5頁面。類似易企秀、百度H5等H5制作、建站工具。

技術棧

1、前端：

vue: 模塊化開發少不了angular，react，vue三選一，這里選擇了vue。
vuex: 狀態管理。
sass: css預編譯器。
element-ui：不造輪子，有現成的優秀的vue組件庫當然要用起來。沒有的自己再封裝一些就可以了。
loadsh：工具類。

2、服務端：

koa：后端語言采用nodejs，koa文檔和學習資料也比較多，express原班人馬打造，這個正合適。
mongodb：一個基于分布式文件存儲的數據庫，比較靈活。

編輯器整體設計

一個組件選擇區，提供使用者選擇需要的組件。
一個編輯預覽畫板，提供使用者拖拽排序頁面預覽的功能。
一個組件屬性編輯，提供給使用者編輯組件內部props、公共樣式和動畫的功能。

六、眾邦科技/CRMEB-H5

star: 316

watch: 44

fork: 278

CRMEBv3.0版微信公眾號和H5前端頁面，采用VUE-CLI框架。

特點：

【獨立部署】：源碼交付獨立部署，數據私有安全可靠。

【二開方便】：代碼開源規范，注釋清晰，二次開發更友好。

【高性可靠】：使用高性能框架開發，系統穩定、支持高并發。

【文檔齊全】：提供完善的安裝、使用文檔、接口文檔、開發文檔。

七、jaycie/makeH5Tools

star: 61

watch: 6

fork: 41

freeH5,open source html5,open source h5,免費html5制作工具,freeH5 APP,h5營銷,h5頁面制作,H5在線制作工具。

運行環境

后端 nodejs+mysql
前端 seajs

以上便是本次分享的全部內容，希望對你有所幫助^_^。

本文鏈接：http://www.tebozhan.com/showinfo-26-6186-0.htmlGitHub和碼云上，七個H5頁面制作工具推薦

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com

上一篇：三分鐘上手！一文看懂 Git 的底層工作原理

下一篇： SpringBoot中的敏感信息的配置進行加密處理，這種方式你知道嗎？

標簽：

熱門焦點

K60至尊版剛預熱一加Ace2 Pro正面硬剛

Redmi這邊剛如火如荼的宣傳了K60 Ultra的各種技術和硬件配置，作為競品的一加也坐不住了。一加中國區總裁李杰發布了兩條微博，表示在自家的一加Ace2上早就已經采用了和PixelWo
7月安卓手機好評榜：三星S23Ultra好評率第一

性能榜和性價比榜之后，我們來看最后的安卓手機好評榜，數據來源安兔兔評測，收集時間2023年7月1日至7月31日，僅限國內市場。第一名：三星Galaxy S23 Ultra好評率：95.71%在即將迎來新
分享六款相見恨晚的PPT模版網站, 祝你做出精美的PPT!

1、OfficePLUSOfficePLUS網站旨在為全球Office用戶提供豐富的高品質原創PPT模板、實用文檔、數據圖表及個性化定制服務。優點：OfficePLUS是微軟官方網站，囊括PPT模板、Word模
如何使用JavaScript創建一只圖像放大鏡？

譯者 | 布加迪審校 | 重樓如果您曾經瀏覽過購物網站，可能遇到過圖像放大功能。它可以讓您放大圖像的特定區域，以便瀏覽。結合這個小小的重要功能可以大大改善您網站的用戶體驗
電視息屏休眠仍有網絡上傳愛奇藝被質疑“薅消費者羊毛”

記者丨寧曉敏見習生丨汗青出品丨鰲頭財經（theSankei）前不久，愛奇藝發布了一份亮眼的一季報，不僅營收和會員營收創造歷史最佳表現，其運營利潤也連續6個月實現增長。自去年年初
最“俊美”淘寶賣家，靠直播和短視頻圈粉，上架秒光，年銷3000萬

來源 | 電商在線文｜易琬玉編輯｜斯問受訪店鋪：Ringdoll戒之人形圖源：微博@御座的黃山、“Ringdoll戒之人形”淘寶店鋪有關外貌的評價，黃山已經聽累了。生于1985年的他，哪
新電商三兄弟，“抖快紅”成團！

來源：價值研究所作者：Hernanderz 隨著內容電商的概念興起，抖音、快手、小紅書組成的“新電商三兄弟”成為業內一股不可忽視的勢力，給阿里、京東、拼多多帶去了巨大壓
華為將推出盤古數字人大模型可幫助用戶12小時完成數字人生成

在今日舉行的2023年華為云數字文娛AI創新峰會上，華為云全球Marketing與銷售服務總裁石冀琳表示，華為云將在后續推出盤古數字人大模型，可幫助用戶12小
聯想的ThinkBook Plus下一版曝光，鍵盤旁邊塞個平板

ThinkBook Plus 是聯想的一個特殊筆記本類別，它在封面放入了一塊墨水屏，也給人留下了較為深刻的印象。據有人爆料，聯想的下一款 ThinkBook Plus 可能更特殊，它

GitHub和碼云上，七個H5頁面制作工具推薦

一、ymm-tech/gods-pen

支持功能

1、編輯器

2、組件商城

3、后臺管理與數據

二、H5-Dooring

1、編輯器界面：

2、頁面版本管理：

3、后臺：

特點：

1、【編輯器】

2、【增強功能】

3、【后端 API】

三、mantou / H5DS

特點：

三、ly525 / luban-h5

特點：

1、【編輯器】

2、【發短信】

3、【增強功能】

4、【后端接口】

四、猿計劃 / vite-vue3-lowcode

功能清單：

五、huangwei9527/quark-h5

技術棧

1、前端：

2、服務端：

編輯器整體設計

六、眾邦科技/CRMEB-H5

特點：

七、jaycie/makeH5Tools

運行環境

最新推薦

猜你喜歡

熱門推薦

相關資訊