只要动动鼠标就可以免费设计网页,同时支持手机端,Pad端和PC端

  • 时间:
  • 浏览:475
  • 来源:无双科技

简介

VvvebJs一款开源免费的网站生成器, 只要动动鼠标就可以免费设计网页,并且同时支持手机端,pad端和PC端。Github star 1000+, Apache 2.0协议。软件效果图如下:

fb53cbe6202246b6ba34d8e5635e714f.jpg

功能列表

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

默认情况下,编辑器附带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>

PS

小编也体验了一把在线demo,通过简单拖拽现成模板页面组件,改改文字,简单移动组件,很快就生成一个网页,还可以预览(支持PC端,Pad端,手机端),然后下载到本地,就一个html文件。Apache 2.0协议


参考地址:https://github.com/CntChen/cntchen.github.io/issues/15

猜你喜欢

各大中文网站蜘蛛userAgent及IP段

各大中文网站蜘蛛userAgent及IP段

UserAgent中文名为用户代理,简称UA,它是一个特殊字符串头,使得服务器能够识别客户使用的操作系统及版本、CPU类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件

2020-05-28

蜘蛛爬虫userAgent百度蜘蛛360蜘蛛google蜘蛛蜘蛛IP

mj12bot是什么? 半个小时爬取800多,禁止蜘蛛MJ12bot抓取网站信息

mj12bot是什么? 半个小时爬取800多,禁止蜘蛛MJ12bot抓取网站信息

打开网站突然看到新增蜘蛛爬虫900多,事出异常必有妖,查看分类,发现出现大量不知名爬虫具体爬虫userAgent:mozilla/5.0(compatible;mj12bot/

2020-05-27

HTML5 Meta 标签:HandheldFriendly,MobileOptimized

HTML5 Meta 标签:HandheldFriendly,MobileOptimized

Meta标签:viewportviewport几乎已经是公认的标准了,最初是由苹果公司创建,用于iPhone上面的移动版Safari,由于iPhone的大卖,大部分其他移动浏览

2020-05-22

HTML5mate标签

layui的监听事件中报错element.on is not a function?

layui的监听事件中报错element.on is not a function?

添加layui做tab标签切换时添加table时报错  element.onisnotafunctionlayui.config({  

2020-05-08

tablayui龙华网站制作深圳网站建设

JS 图片简易压缩

JS 图片简易压缩

前言说起图片压缩,大家想到的或者平时用到的很多工具都可以实现,例如,客户端类的有图片压缩工具PPDuck3,JS实现类的有插件compression.js,亦或是在线处理类的O

2020-04-29

图片优化图片压缩js图片处理