VvvebJs是一個(gè)專業(yè)的網(wǎng)頁設(shè)計(jì)工具，有著可視化的設(shè)計(jì)頁面，讓你在設(shè)計(jì)的時(shí)候縮減即所得，不僅提高了設(shè)計(jì)的效率，還大大降低了門檻。使用它可以通過網(wǎng)頁拖拽自動(dòng)生成的JavaScript庫，內(nèi)置了jquery和Bootstrap，甚至可以不需要代碼就能完成一項(xiàng)復(fù)雜的網(wǎng)頁設(shè)計(jì)。

軟件特色

1、拖放建造器

無限的設(shè)計(jì)權(quán)力與一個(gè)容易使用的界面，改變?nèi)魏卧谀木W(wǎng)站上的幾次點(diǎn)擊。

2、安全

Vvveb對(duì)SQL注入是100%安全的，這是影響大多數(shù)CMS的一種庸俗性。

3、無限主題靈活性

Vvveb使用純html作為模板，以獲得最大的靈活性，在幾分鐘內(nèi)將任何html模板轉(zhuǎn)換為主題。

4、電子商務(wù)

Vvveb是一個(gè)功能齊全的電子商務(wù)平臺(tái)，具有先進(jìn)的功能。

5、本土化

以多種語言發(fā)布內(nèi)容或以不同貨幣銷售。

6、演示導(dǎo)入

內(nèi)置的演示導(dǎo)入功能通過提供初始內(nèi)容和配置幫助您更快地午餐您的網(wǎng)站。

7、開源免費(fèi)

開放源代碼意味著透明和協(xié)作。

軟件功能

- 組件和塊/片段拖放。

- 撤消/重做操作。

- 一兩個(gè)面板界面。

- 文件管理器和組件層次結(jié)構(gòu)導(dǎo)航。

- 添加新頁面。

- 實(shí)時(shí)代碼編輯器。

- 包含示例php腳本的圖像上傳。

- 頁面下載或?qū)С鰄tml或?qū)㈨撁姹４嬖诜?wù)器上，并附帶示例php腳本。

- 組件/塊列表搜索。

- 引導(dǎo)4個(gè)組件。

- Youtube，Google Maps，Charts.js等小部件。

使用說明

1、要初始化編輯器，調(diào)用Vvveb.Builder.init。第一個(gè)參數(shù)是要加載以進(jìn)行編輯的URL，它必須位于相同的子域中才能進(jìn)行編輯。第二個(gè)參數(shù)是頁面加載完成時(shí)調(diào)用的函數(shù)，默認(rèn)情況下調(diào)用編輯器Gui.init()

2、Component Group是一個(gè)組件集合，例如Bootstrap 4組由Button和Grid等組件組成，該對(duì)象僅用于在編輯器左側(cè)面板中對(duì)組件進(jìn)行分組。例如，Widgets組件組只有兩個(gè)組件視頻和地圖，并被定義為如下:

3、Component是一個(gè)對(duì)象，它提供可以在畫布上放置的html以及在選擇組件時(shí)可以編輯的屬性,例如Video Component，具有Url和Target屬性的html鏈接Component定義為:

4、在Component屬性集合中使用Input對(duì)象來編輯屬性，例如文本輸入，選擇，顏色，網(wǎng)格行等,TextInput擴(kuò)展Input對(duì)象并定義為:

5、輸入還需要一個(gè)在編輯器html（在editor.html中）定義為 以上是借助瀏覽器翻譯工具，對(duì)官網(wǎng)的文檔進(jìn)行簡(jiǎn)單的翻譯，可能會(huì)有些不夠準(zhǔn)確的地方，感興趣的小伙伴可以直接查看相關(guān)文檔！