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

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

简介

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

猜你喜欢

“黑灰产工具”之“微信投票软件的原理与实现”

快到年底了,家里的微信群又热闹了起来,家族里有几个亲戚正在参加某评比活动的微信投票活动,所以七大姑八大姨天天在群里让我们帮着投票,家里人知道我是搞IT技术的就想着让我搞个刷票软

2019-10-22

好用到爆的超级实用的免费网站

很多朋友工作上班常常需要一堆简便工具,时间又找不到合适的,又要下载安装,这里小编总结了部分好用到爆的在线实用工具,收集起来,以备不时之需:迅捷PDF转换器:http://app

2019-10-22

全新内核PHP企业网站开发建设管理系统

PbootCMS是全新内核且永久开源免费的PHP企业网站开发建设管理系统,是一套高效、简洁、强悍的可免费商用的PHPCMS源码,能够满足各类企业网站开发建设的需要。系统采用简单

2019-10-21

SEO自查清单,为何你的网页内容没能获得排名?

果你对SEO很熟悉,你很可能听说过“内容为王”这句话。假设你已经完成了市场调查,确定了你希望优化的高流量页面,并编写了高质量的、包含了关键词的内容。然后你将内容放到网站上,可过

2019-10-17

RhaPHP thinkphp微信多公众号管理系统

RhaPHP是基于thinkphp微信第三方管理平台,微信公众号管理系统,支持多公众号管理,CRM会员管理,小程序开发,APP接口开发、几乎集合微信功能,简洁、快速上手、快速开

2019-10-15