可视化uniapp2.0简介
<h1>可视化uniapp 自动生成代码项目</h1>
<p>项目链接地址：
[<a href="https://we7.diyhey.com/admin/login](https://we7.diyhey.com/admin/login">https://we7.diyhey.com/admin/login](https://we7.diyhey.com/admin/login</a> "<a href="https://we7.diyhey.com/admin/login"">https://we7.diyhey.com/admin/login"</a>;)</p>
<h5>简要描述</h5>
<ul>
<li>为了快速设计前端页面，拖拽快速生成布局，快速生成页面并绑定接口数据，快速导出代码</li>
</ul>
<p>🎨 1. 可视化拖拽容器组件，包含基础组件和表单组件，自动生成布局，一键生成uniapp、h5和小程序代码，让开发更高效！</p>
<p>🔧 2. 自定义修改每个组件的特有属性和通用样式，包括字体、背景、边框、内外边距圆角等，打造独一无二的界面。</p>
<p>💾 3. 保存你的设计模板，方便日后继续设计，再也不用从头开始！</p>
<p>🚀 4. 一键导出项目全部代码，支持在hbuilderX运行，也可以导出微信小程序代码，直接在微信开发者工具运行！</p>
<p>📚 5. 查看导出代码的历史记录，随时继续编辑，方便团队协作。</p>
<p>🔍 6. 点击查看源码，自动显示修改后的代码变化，同时查看h5、uniapp和微信小程序代码，全方位了解代码结构。</p>
<p>📁 7. 可视化创建vue文件，选择目录后即可创建文件，将代码保存在vue文件中，每个文件可作为一个设计页面。</p>
<p>📦 8. 创建多个vue页面，一键打包导出uniapp代码，解压压缩包即可运行，方便快捷！</p>
<p>🔗 9. 自动生成路由配置pages.json，实现vue页面间的跳转，微信小程序自动生成app.json，开发更便捷！</p>
<p>🔌 10. 点击绑定接口的数据，进入请求页面，输入请求url、方式和参数，运行接口数据并选择绑定返回参数，实时预览效果！</p>
<p>💪 11. 强大的flex布局功能，点击属性快速进行可视化布局，让界面布局更灵活！</p>
<p>🎨 12. 使用吸管工具快速给网页布局着色，支持快捷键，轻松设计布局！</p>
<p>🌈 13. 支持colorUI和uviewUI两种通用ui库，快速编写uniapp代码，让界面更美观！</p>
<h5>设计器首页</h5>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=16686ef00794d372ebc1dd92bd89d418&amp;file=file.png" alt="" /></p>
<h5>绑定接口数据页面，先发送请求然后绑定</h5>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=2e7ddaa27f30d31605c471c9a9d7ac3e&amp;file=file.png" alt="" /></p>
<h5>强大的flex布局</h5>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=6cc9cd4ab611c5e4570848521267b360&amp;file=file.png" alt="" /></p>
<ul>
<li>更多返回错误代码请看首页的错误代码描述</li>
</ul>