VvvebJs是一个开源的网页拖拽自动生成的JavaScript库，你可以以简单拖拽的方式生成自己需要的网页样式，内置jquery和Bootstrap，你可以拖拽相关的组件进行网页的构建，非常的方便，而且可以实时修改代码，功能丰富，使用简单，界面友好，特别适合一些专注于展示的网页设计，需要的朋友不可错过！
https://github.com/givanz/VvvebJs
1、组件和块/片段拖放。
2、撤销/重做操作。
3、一个或两个面板界面。
4、文件管理器和组件层次结构导航添加新页面。
5、实时代码编辑器。
6、包含示例php脚本的图像上传。
7、页面下载或导出html或保存页面在服务器上包含示例PHP脚本。
8、组件/块列表搜索。
9、Bootstrap 4组件等组件
默认情况下，编辑器附带Bootstrap 4和Widgets组件，可以使用任何类型的组件和输入进行扩展。
如下代码：
<!-- jquery-->
<script src="js/jquery.min.js"></script><script src="js/jquery.hotkeys.js"></script><!-- bootstrap--><script src="js/popper.min.js"></script><script src="js/bootstrap.min.js"></script><!-- builder code--><script src="libs/builder/builder.js"></script> <!-- undo manager--><script src="libs/builder/undo.js"></script> <!-- inputs--><script src="libs/builder/inputs.js"></script> <!-- components--><script src="libs/builder/components-bootstrap4.js"></script> <script src="libs/builder/components-widgets.js"></script> <script>$(document).ready(function() { Vvveb.Builder.init('demo/index.html', function() { //load code after page is loaded here Vvveb.Gui.init(); });});</script>要初始化编辑器，调用Vvveb.Builder.init。第一个参数是要加载以进行编辑的URL，它必须位于相同的子域中才能进行编辑。第二个参数是页面加载完成时调用的函数，默认情况下调用编辑器Gui.init();
结构
VvvebJs是一个非常强大的网页可视化生成构建工具，让不懂网页设计的小伙伴们也能够通过拖拽来生成美观大方的网页出来，让设计网页就像设计图片一样，VvvebJs特别适合展示型网页，甚至可以不需要代码就能完成一项复杂的网页设计，总体来说，VvvebJs是一个值得尝试的工具！
B2C电商系统商城源码支持pC+小程序+公众号+H5可打包App源...
原生开发淘宝客App，Android+ios独立开发，全开源支持二...
知识付费系统在线教育平台源码+题库系统源码，PC+公众号商业授权...
B2C单商户电商系统源码部署小程序+公众号+H5+App源码...
教育知识付费系统源码带题库功能商业授权公众号+H5源码...
陕公网安备61019602000396 方烜律师事务所提供法律服务 | Copyright 2027 源码码网 版权所有
