h5页面搭建(可视化H5页面设计与制作)

简介H5-Dooring是一款强大、开源、免费的H5可视化页面配置解决方案，致力于提供一套简单、便捷、专业、可靠、无限可能的H5登陆页面最佳实践。H5上门服务让H5更方便！
Githubhttps://github.com/MrXujiang/h5-Dooring
该产品的特点是简单方便。任何人都可以通过简单的拖动或编辑来生成漂亮的H5页面。
外挂体验产品完全开源，可植入任何系统，支持二次开发。
不断迭代，无限可能目前正在不断迭代，可以根据需求开发更强大的可视化系统。
Technology stack的react前端框架(react、vue、angular)是主流的React应用状态管理工具之一，更适合开发高度灵活复杂的应用dva。它基于无冗余css预编译语言。基于react轻松编写结构化的cssumi前端集成解决方案。axios著名的react组件库antd是一个强大的前端请求库。基于react的react-dnd拖拽组件解决方案，优秀的设计理念qrcode.react的二维码生成插件zarm基于react的移动ui库，轻松实现精美的H5应用koa基于nodejs的上一代开发框架，轻松实现后端开发基于nodejs @koa/router基于koa2的服务器端路由中间件ramda优秀的功能性js工具库使用上一篇文章介绍的FileSaver.js在线下载，
var file saver=require(‘ file-saver ‘)；var blob=new Blob([‘Hello，world！’]，{ type : ‘ text/plain；charset=utf-8 ‘ })；FileSaver.saveAs(blob，’ hello world . txt ‘)；有些后端和后端部分因为涉及的知识点多，不是本文的重点，这里说几点。你可以使用完全不同的技术来实现后端服务，比如PHP、Java、Python或者Egg。作者这里用的是koa。主要功能如下：3360
保存模板真机原理的数据源，存储用户相关函数，H5图像床和静态文件托管，快速启动。建议用纱线代替npm，看个人喜好。
下载代码git clone https://github.com/MrXujiang/h5-Dooring.git并进入项目目录光盘。/h5-Dooring安装依赖包yarn installUsage启动应用程序。
Yarn run start目前有拖拽显示组件库功能、动态编辑H5页面预览功能、保存H5页面配置文件为模板、移动端到端自适应媒体组件、在线下载网站代码功能、添加typescript支持表单设计器/自定义表单组件可视化组件图表实现在线编程模块(Mini Web IDE)添加图表组件面积图、折线图、饼图，后续更新升级模板库丰富组件库，添加折线图、饼图、面积图等可视化组件等。添加配置交互功能组件细分和代码优化单元测试预览截图。
有官网的视频介绍和操作教程。感兴趣的朋友可以去看看。
总结一下市面上很多H5制作工具，但是像h5-dooring这样的开源免费工具并不多见。如果你觉得h5-dooring是你的菜，可以多支持它的开发者，让h5-dooring更好的发展，更方便大家使用！