VvvebJs(网页构建工具)

今天给大家分享一款强大的网页可视化页面设计工具-VvvebJs。它是一个开源的网页拖拽自动生成的JavaScript库，内置jquery和Bootstrap。你可以以简单拖拽的方式，相关的组件进行网页的构建，生成自己需要的网页样式，甚至可以不需要代码就能完成一项复杂的网页设计，让不懂网页设计的小伙伴们也能够通过拖拽来生成美观大方的网页出来。这款软件特别适合做展示型的网页，速度快、效果好、简单易上手，而且支持实时修改代码，功能丰富、使用简单、界面友好，总体来说，这是一个值得尝试的工具！需要的朋友不可错过！

主要功能

- 组件和块/片段拖放。
- 撤消/重做操作。
- 一两个面板界面。
- 文件管理器和组件层次结构导航。
- 添加新页面。
- 实时代码编辑器。
- 包含示例php脚本的图像上传。
- 页面下载或导出html或将页面保存在服务器上，并附带示例php脚本。
- 组件/块列表搜索。
- 引导4个组件。
- Youtube，Google Maps，Charts.js等小部件。

使用教程

1、要初始化编辑器，调用Vvveb.Builder.init。第一个参数是要加载以进行编辑的URL，它必须位于相同的子域中才能进行编辑。第二个参数是页面加载完成时调用的函数，默认情况下调用编辑器Gui.init()

2、Component Group是一个组件集合，例如Bootstrap 4组由Button和Grid等组件组成，该对象仅用于在编辑器左侧面板中对组件进行分组。例如，Widgets组件组只有两个组件视频和地图，并被定义为如下:

3、Component是一个对象，它提供可以在画布上放置的html以及在选择组件时可以编辑的属性,例如Video Component，具有Url和Target属性的html链接Component定义为:

4、在Component属性集合中使用Input对象来编辑属性，例如文本输入，选择，颜色，网格行等,TextInput扩展Input对象并定义为:

5、输入还需要一个在编辑器html（在editor.html中）定义为 以上是借助浏览器翻译工具，对官网的文档进行简单的翻译，可能会有些不够准确的地方，感兴趣的小伙伴可以直接查看相关文档！

软件特点

1、拖放建造器
无限的设计权力与一个容易使用的界面，改变任何在您的网站上的几次点击。
2、安全
Vvveb对SQL注入是100%安全的，这是影响大多数CMS的一种庸俗性。
3、无限主题灵活性
Vvveb使用纯html作为模板，以获得最大的灵活性，在几分钟内将任何html模板转换为主题。
4、电子商务
Vvveb是一个功能齐全的电子商务平台，具有先进的功能。
5、本土化
以多种语言发布内容或以不同货币销售。
6、演示导入
内置的演示导入功能通过提供初始内容和配置帮助您更快地午餐您的网站。
7、开源免费
开放源代码意味着透明和协作。