VvvebJs一个开源系统网页拖拽一键生成

无需加好友免费技术支持

VvvebJs一个开源系统网页拖拽一键生成JavaScript库，大家可以简单的拖拽形成你需要的网页款式，内嵌jquery和Bootstrap，大家可以拖拽有关组件搭建网页，十分方便，能够即时修改代码，功能丰富，应用简易，界面友好，非常适合一些网页设计方案，别错过所需要的好朋友！

1.拖拽组件和块/精彩片段。2.撤消/改版实际操作。3.一两个控制面板页面。新窗口导入到文件浏览器和组件结构分析导航栏中。5.即时编码编辑器。6、包括实例php上传脚本制作图象。7.免费下载或导出来网页页面html或储存网页页面在服务器上包括实例PHP脚本制作。检索组件/块目录。9、Bootstrap 默认设置前提下，编辑器附加4组件等组件Bootstrap 4和Widgets一切类别的组件和键入都能够。

如下所示编码：

要复位编辑器，启用Vvveb.Builder.init。第一个主要参数是载入编写URL，它务必坐落于位于同一子域名。第二个主要参数是页面加载结束时启用的函数公式，默认设置前提下启用编辑器Gui.init();

构造

Component Group比如，组件结合Bootstrap 4组由Button和Grid该对象仅限于在编辑器左边控制面板中分类组件。Widgets组件组仅有视频音频地形图2个组件，定义如下所示

Vvveb.ComponentsGroup["Widgets"] = ["widgets/googlemaps", "widgets/video"];

Component它是一个能够放置于画板里的对象html及其在挑选组件的时候可以编辑属性，比如Video Component，具备Url和Target属性的html连接Component定义为：

Vvveb.Components.extend("_base", "html/link", {

nodes: ["a"],

name: "Link",

properties: [{

name: "Url",

key: "href",

htmlAttr: "href",

inputtype: LinkInput

}, {

name: "Target",

key: "target",

htmlAttr: "target",

inputtype: TextInput

}]

});

在Component集中化应用属性Input对象编写属性，如文本输入、挑选、色调、网格图行等。TextInput拓展Input对象并定义为：

var TextInput = $.extend({}, Input, {

events: {

"keyup": ["onChange", "input"],

},

setValue: function(value) {

$("input", this.element).val(value);

},

init: function(data) {

return this.render("textinput", data);

},

}

);

键入还要编辑器html（在editor.html中）定义为

以上就是依靠电脑浏览器英文翻译软件简易翻译员网文本文档，很有可能不足精确。感兴趣的小伙伴能直接查询相关的文本文档！

VvvebJs这是一种非常强悍的网页数据可视化形成构建工具，让不明白网页设计方案的朋友们也可以通过拖拖拉拉形成别具一格的网页，让设计方案网页像设计图一样，VvvebJs一般来说，繁杂的网页设计方案还可以在并没有编码的情形下进行，非常适合表明网页，VvvebJs这是一个非常值得探索的专用工具！