[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10082":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":23,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":41,"readmeContent":42,"aiSummary":43,"trendingCount":16,"starSnapshotCount":16,"syncStatus":44,"lastSyncTime":45,"discoverSource":46},10082,"luban-h5","ly525\u002Fluban-h5","ly525","[WIP]en: web design tool || mobile page builder\u002Feditor || mini webflow for mobile page. zh: 类似易企秀的H5制作、建站工具、可视化搭建系统.","https:\u002F\u002Fh5.luban.website\u002F",null,"JavaScript",6237,1280,140,68,0,1,6,40.32,"GNU General Public License v3.0",false,"master",true,[25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40],"ant-design","design-tool","editor","h5","mobile-page-maker","page-builder","page-editor","page-generator","page-maker","strapi","vue","vuejs","vuejs2","web-design","web-design-framework","webflow","2026-06-12 02:02:16","[📖中文文档](https:\u002F\u002Fly525.github.io\u002Fluban-h5\u002Fzh\u002F) || [📖English Docs](https:\u002F\u002Fly525.github.io\u002Fluban-h5\u002Fen\u002Fgetting-started\u002Fintroduction.html) | [README(en)](.\u002FREADME.en.md) || [论坛\u002F社区](https:\u002F\u002Fgithub.com\u002Fly525\u002Fluban-h5\u002Fdiscussions) || [DeepWiki](https:\u002F\u002Fdeepwiki.com\u002Fly525\u002Fluban-h5) || [zread](https:\u002F\u002Fzread.ai\u002Fly525\u002Fluban-h5)\n\n\u003Ch2 align=\"center\">\n 鲁班 H5\n\u003C\u002Fh2>\n\u003Cp align=\"center\">\n可视化搭建，拖拽生成移动端页面\n\u003C\u002Fp>\n\u003Cp align=\"center\">\nMobile Page Builder&Generator with Drag&Drop\n\u003C\u002Fp>\n\n[![PRs Welcome](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-brightgreen.svg?style=flat-square)](http:\u002F\u002Fmakeapullrequest.com)\n[![Docs](https:\u002F\u002Fgithub.com\u002Fly525\u002Fluban-h5\u002Fworkflows\u002Fdocs\u002Fbadge.svg)](https:\u002F\u002Fly525.github.io\u002Fluban-h5\u002F)\n[![Release](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fv\u002Frelease\u002Fly525\u002Fluban-h5)](https:\u002F\u002Fgithub.com\u002Fly525\u002Fluban-h5\u002Fworkflows\u002Fdocs)\n[![Gitter](https:\u002F\u002Fimg.shields.io\u002Fgitter\u002Froom\u002Fluban-h5\u002Fcommunity)](https:\u002F\u002Fgitter.im\u002Fluban-h5\u002Fcommunity)\n[![GitHub issues](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues\u002Fly525\u002Fluban-h5)](https:\u002F\u002Fgithub.com\u002Fly525\u002Fluban-h5\u002Fissues)\n[![GitHub stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fly525\u002Fluban-h5.svg?style=social&label=Star&maxAge=2592000)](https:\u002F\u002FGitHub.com\u002Fly525\u002Fluban-h5\u002Fstargazers\u002F)\n[![码云](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FGitee--yellow.svg?style=social&logo=data:image\u002Fsvg+xml;base64,PHN2ZyB0PSIxNTc0ODM3MTM4ODM3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE3NzAiICAgICB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPiAgICA8cGF0aCBkPSJNODkxIDQyOC44SDQ2NS44Yy0yMC40IDAtMzcgMTYuNS0zNyAzN3Y5Mi40YzAgMjAuNCAxNi41IDM3IDM3IDM3aDI1OC45YzIwLjQgMCAzNyAxNi42IDM3IDM3djE4LjRjMCA2MS4zLTQ5LjcgMTEwLjktMTEwLjkgMTEwLjlIMjk5LjRjLTIwLjQgMC0zNy0xNi42LTM3LTM3VjM3My4yYzAtNjEuMyA0OS43LTExMC45IDExMC45LTExMC45aDUxNy42YzIwLjQgMCAzNy0xNi41IDM3LTM3bDAuMS05Mi4zYzAtMjAuNC0xNi41LTM3LTM3LTM3SDM3My4zQzIyMC4yIDk2IDk2IDIyMC4yIDk2IDM3My4zVjg5MWMwIDIwLjQgMTYuNiAzNyAzNyAzN2g1NDUuNEM4MTYuMiA5MjggOTI4IDgxNi4zIDkyOCA2NzguNFY0NjUuOGMwLTIwLjQtMTYuNi0zNy0zNy0zN3oiICAgICAgICAgIGZpbGw9IiNkODFlMDYiIHAtaWQ9IjE3NzEiPjwvcGF0aD48L3N2Zz4=)](https:\u002F\u002Fgitee.com\u002Fly525\u002Fluban-h5.git)\n\n目录\n\n- [鲁班H5是什么？](#%E9%B2%81%E7%8F%ADh5%E6%98%AF%E4%BB%80%E4%B9%88)\n- [Demo](#demo)\n- [Features](#features)\n- [马上开始](#%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B)\n- [更多说明](#%E6%9B%B4%E5%A4%9A%E8%AF%B4%E6%98%8E)\n  - [前端组件说明](#%E5%89%8D%E7%AB%AF%E7%BB%84%E4%BB%B6%E8%AF%B4%E6%98%8E)\n  - [技术栈（当前）](#%E6%8A%80%E6%9C%AF%E6%A0%88%E5%BD%93%E5%89%8D)\n- [👨🏻‍💻👩🏻‍💻交流群](#%E4%BA%A4%E6%B5%81%E7%BE%A4)\n\n### 鲁班H5是什么？\n\n1. 鲁班H5是基于Vue2.0开发、通过拖拽快速生成页面的平台\n2. 类似 [易企秀](http:\u002F\u002Fwww.eqxiu.com\u002F)、[Maka](http:\u002F\u002Fmaka.im\u002F)、[百度 H5](https:\u002F\u002Fh5.baidu.com) 等平台\n\n### Demo\n>\n> [在线访问地址](https:\u002F\u002Fh5.luban-h5.com)\n\n\u003Cimg src=\"https:\u002F\u002Fs2.ax1x.com\u002F2019\u002F10\u002F11\u002Fu7WzUx.gif\" style=\"margin: 10px;\" width=\"60%\" \u002F>\n\n### 🔗Links\u002F相关链接\n\n | 源码   | 文档   | 教程     | 社区 |\n| ------ | -------- | ------ | ------ |\n| [GitHub](https:\u002F\u002Fgithub.com\u002Fly525\u002Fluban-h5) | [中文文档](https:\u002F\u002Fly525.github.io\u002Fluban-h5\u002Fzh\u002F) | [视频-快速开始(哔哩哔哩)](https:\u002F\u002Fspace.bilibili.com\u002F121039466\u002Fchannel\u002Fdetail?cid=94066)       | [论坛\u002F社区(官方推荐)](https:\u002F\u002Fgithub.com\u002Fly525\u002Fluban-h5\u002Fdiscussions)\n| [Gitee (国内镜像)](https:\u002F\u002Fgitee.com\u002Fly525\u002Fluban-h5)  | [English Docs](https:\u002F\u002Fly525.github.io\u002Fluban-h5\u002Fen\u002Fgetting-started\u002Fintroduction.html)  |   自定义组件教程(WIP)    | [Gitter](https:\u002F\u002Fgitter.im\u002Fluban-h5\u002Fcommunity)    |\n|  |  [README(En)](.\u002FREADME.en.md)    | [核心实现原理](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5d6df27a6fb9a06b2d77eef9)  |   [中文社区\u002F论坛(腾讯吐个槽)](https:\u002F\u002Fsupport.qq.com\u002Fproduct\u002F93432)   |\n\n### 🔗生态\n\n| 后端集成                                                                                           | 官方组件库                                                     | 支撑\u002F辅助组件                                            | 自定义组件                                                             | RoadMap                                                    |\n|------------------------------------------------------------------------------------------------|-----------------------------------------------------------|----------------------------------------------------|-------------------------------------------------------------------|------------------------------------------------------------|\n| [Strapi.js (官方后端API)](\u002Fluban-h5\u002Ftree\u002Fdev\u002Fback-end\u002Fh5-api)                                      | [轮播图](https:\u002F\u002Fgithub.com\u002Fluban-h5-components\u002Flbp-slide)   | 图片库                                                | [自定义组件开发脚手架](https:\u002F\u002Fgithub.com\u002Fluban-h5\u002Fvue-cli-plugin-lbhc)     | [RoadMap\u002F开发计划](https:\u002F\u002Fgithub.com\u002Fly525\u002Fluban-h5\u002Fprojects) |\n| [SpringBoot2-JPA](https:\u002F\u002Fgithub.com\u002Fluban-h5\u002Fspring-boot-api-for-editor)                      | [普通按钮](https:\u002F\u002Fgithub.com\u002Fluban-h5-components\u002Flbc-button) | [文本对齐](https:\u002F\u002Fgithub.com\u002Fluban-h5\u002Flbs-text-align) | [自定义组件开发教程](https:\u002F\u002Fgithub.com\u002Fluban-h5\u002Fvue-cli-plugin-lbhc\u002Fwiki) |                                                            |\n| [SpringBoot2-Mybatis-plus](https:\u002F\u002Fgithub.com\u002Fluban-h5\u002Fspringboot2-mybatis-plus-api-for-luban) |                                          |                                                    | 视频教程(WIP)                                                         |                                                            |\n\n## 快速体验\n>\n> 以下方式，任选其中一种即可\n\n#### 一、一键脚本（推荐！）\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fly525\u002Fluban-h5 && cd luban-h5\n# 安装依赖，构建前后端（安装依赖会耗时略长，请耐心等待）\n# 如果您遇到 sqlite3、node-gpy 等安装报错问题，请您执行 .\u002Fdeploy\u002Fmirror.sh 配置npm 镜像为阿里云镜像(特别是为了解决二进制包安装问题)\n.\u002Fluban-h5.sh init\n\n# 启动项目访问 http:\u002F\u002Flocalhost:1337 即可\n.\u002Fluban-h5.sh start\n\n# .\u002Fluban-h5.sh stop\n```\n\n#### 二、本地安装了 Node、Yarn\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fly525\u002Fluban-h5\ncd luban-h5 # 项目根目录\n\n# 后端\ncd back-end\u002Fh5-api && yarn && yarn dev\n\n# 前端\n# 新开一个终端，在项目根目录执行如下命令\ncd front-end\u002Fh5 && yarn && yarn build:engine && yarn dev\n\n# 启动项目访问 http:\u002F\u002Flocalhost:1337 即可\n```\n\n- 更多细节，请参照 [鲁班H5-在线文档](https:\u002F\u002Fly525.github.io\u002Fluban-h5\u002Fzh\u002F) 的 [`快速开始`](https:\u002F\u002Fly525.github.io\u002Fluban-h5\u002Fzh\u002Fgetting-started\u002Fquick-start.html) 章节，进行配置即可\n\n- 如果遇到接口 403 问题，请参照 [`快速开始`](https:\u002F\u002Fly525.github.io\u002Fluban-h5\u002Fzh\u002Fgetting-started\u002Fquick-start.html) 章节，搜索关键字：403 即可\n\n### 交流群\n\n| 钉钉群  | 微信公众号  |  微信 |\n|---|---|---|\n| \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F12668546\u002F90198376-157d7380-de04-11ea-8fb6-b53d33050741.png\" width=\"100\" \u002F>| \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F12668546\u002F65471913-ab827580-dea3-11e9-919c-870c9605c60f.png\" width=\"100\" \u002F>  | \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F12668546\u002F66585418-5cce1e80-ebb9-11e9-91c0-56f658f09e27.png\" width=\"100\" \u002F> \u003Cbr \u002F>请备注：鲁班H5交流|\n\n## 更多细节请阅读[在线文档](https:\u002F\u002Fly525.github.io\u002Fluban-h5)\n\n### Features\n\n1. 编辑器\n    - [x] 参考线\n    - [x] 吸附线、组件对齐\n    - [x] 拖拽改变组件形状\n    - [x] 元素: 复制（画布）\n    - [x] 元素: 删除（画布）\n    - [x] 元素: 编辑（画布）\n    - [x] 页面：新增\n    - [x] 页面：复制\n    - [x] 页面：删除\n    - [x] 快速预览\n    - [x] 撤销、重做\n\n2. 组件系统\n    - [x] 文字\n    - [x] 普通按钮\n    - [x] 表单按钮\n    - [x] 表单输入框\n    - [x] 普通图片\n    - [x] 背景图\n    - [x] 背景音乐\n    - [x] 视频（Iframe形式）\n\n3. 增强功能\n    - [ ] 上传 PSD，一键转换为 H5(已经调研，可以实现)\n    - [x] 图片库\n    - [x] 第三方无版权图片搜索\n    - [x] 自定义脚本(已经调研，可以实现)\n\n4. 后端 API\n    - [x] 创建、保存、更新作品\n    - [x] 表单数据收集\n    - [x] 表单数据展示\n    - [x] 在线预览\n    - [x] 二维码预览\n\n#### 技术栈（当前）\n\n1. 前端：[Vue.js](https:\u002F\u002Fvuejs.org\u002Fv2\u002Fguide\u002F)\n2. 后端：[Strapi](https:\u002F\u002Fstrapi.io\u002F)\n3. 存储：[Sqlite](https:\u002F\u002Fwww.sqlite.org\u002F)\n\n#### 如何贡献\n\n所有合理的改动、优化、修正，新的组件，或者文档的修正、更新 相关的提交都会被接受\n\n#### 捐赠作者\n\n如果你觉得这个项目对你有用或者有所启发，可以请作者喝杯果汁：\n| 微信捐赠  | 支付宝捐赠\n|---|---|\n| \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F12668546\u002F81877522-e6165b00-95b7-11ea-9699-b74670a208d7.png\" width=\"140\" \u002F>| \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F12668546\u002F81877535-ef9fc300-95b7-11ea-954a-03ae349908cd.png\" width=\"140\" \u002F>\n","鲁班H5是一个基于Vue2.0开发的可视化拖拽页面生成平台，旨在帮助用户快速创建和编辑移动网页。其核心功能包括通过直观的拖放界面设计、自定义组件以及实时预览等特性来简化网页制作流程。该项目采用了Ant Design框架，并支持与Strapi内容管理系统集成，适用于需要快速搭建移动端页面或进行轻量级网站构建的各种场景，如营销活动页、个人展示页面等。",2,"2026-06-11 03:26:27","top_topic"]