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

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

简介

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


功能列表

  • 组件和块/片段拖放。
  • 撤消/重做操作。
  • 一个或两个面板界面。
  • 文件管理器和组件层次结构导航
  • 添加新页面。
  • 实时代码编辑器。
  • 包含示例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

猜你喜欢

直面惨白的竞争,如何降低百度竞价转化成本

自百度全力推自家的熊长号及百家号后,各路企业的网站排名及流量是一直下降,不见好转,各企业也是想尽了办法来引流。对于免费排名已经绝望了的站长突然发现,现在即使做竞价也很难有高质量

2019-08-20

动态URL、静态URl、伪静态URL概念及区别

我们说url的动态、静态、伪静态三种形式,其实从严格分类上来说,伪静态也是动态的一种,只是表现形式为静态。动态URl  动态页面的特征1、以ASP、PHP、

2019-07-29

百度一下,你就知道! 搜索引擎大致的架构与工作的流程

百度一下,你就知道"。这句耳熟能详的话语背后,说的就是搜索引擎。除了从所周至的百度外,还有非常多的搜索引擎,尽管搜索引擎各式各样,但是他们的原理跟步骤都是差不多的,今天我们来简

2019-07-29

开发了一个女朋友陪聊系统,附源码

一名名叫李恺祥的软件开发工程师发了一条动态,没想到自己火的如此之快。起因是因为工作忙,老是不能及时回复女友的消息,于是就写了一段程序,这段程序可以:全天24小时推送问候,自动回

2019-07-24

为什么To b业务推广获客一定要做官网

但凡是传统企业,不管有没有用,公司创建的第一天,企业官网的建设就被写上了日程,区别只在于好不好看了。做Tob业务有一个永远无法摆脱的工作,即建官网,我在互联网行业时,也有一些面

2019-07-22