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

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

简介

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

猜你喜欢

企业信息系统建设的5个阶段

企业信息系统建设的5个阶段

信息系统基本涵盖了公司的所有方面,从员工到业务,算一个较重的工具。很少有公司在成功之初就上大型的信息系统,基本是企业人数、业务,发展到一定规模才会上专业的管理软件。毕竟不可能公

2020-01-13

5行代码,实现一个js的打字效果

5行代码,实现一个js的打字效果

有次看电影,看到屏幕上一个个的文字蹦出来,感觉像是有人在打字一样,觉得挺有意思,于是这里也用js实现了一个。效果预览最简单的打字效果只要五行代码,这里直接贴出来:constdo

2020-01-07

分享几个第一次看到就被它的优美深深震撼到的代码

分享几个第一次看到就被它的优美深深震撼到的代码

1、线性求逆元:for(inti=2;i<MAXN;i++) inv[i]=mul(inv[mod%i],mod-mod/i,mod);仅仅两行代码,就实现了在$O(n)

2019-12-27

什么样的网站才叫大气?如何设计出大气的网站?

什么样的网站才叫大气?如何设计出大气的网站?

做过网站建设的工作的人都有体会,当问及许多客户对网站的需要的时候,他们大多数都说不上来,但是通常他们都会说网站设计的要“大气”。做为一个网页设计人员遇到这样的词是有些头疼的。因

2019-12-12

[源码分享]一个扁平化风格响应式布局的后台管理模版

[源码分享]一个扁平化风格响应式布局的后台管理模版

一个很赞的,扁平化风格的,响应式布局的后台管理模版,旨为后端程序员减压!PC端效果预览手机移动端效果预览项目地址:https://gitee.com/bobi1234/ok-a

2019-12-09