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

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

简介

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

猜你喜欢

PHP下载文章中的图片+处理文章中的字符

PHP下载文章中的图片+处理文章中的字符

//保存路径$d=date('Ym',time());$dirslsitss='/uploads/images/'.$d;if(!file_exists($dirslsitss

2020-03-27

网站利用JS自动提交至百度搜索资源平台

网站利用JS自动提交至百度搜索资源平台

什么是百度链接提交自动推送JS代码自动推送JS代码是百度站长平台最新推出的轻量级链接提交组件,站长只需将自动推送的JS代码放置在站点每一个页面源代码中,当页面被访问时,页面链接

2020-03-27

Web网站站点页面优化加载速度

Web网站站点页面优化加载速度

Web页面性能优化,解决了图片相关,问题就解决了大半。本文从Web常见的图片格式入手,引出与图片优化相关的有效方案,期望对大家能有一点帮助。先来点背景知识注:如下说明整理于网络

2020-03-27

网站加速网站压缩优化加载速度

SEO优化百万关键词批量组合生成软件

SEO优化百万关键词批量组合生成软件

很多新手在刚接触SEO的时候,往往学到一定的技术,想自己实现操作的时候,发现缺少了最重要的一点!关键词!!!没有关键词拿什么来操作seo排名呢?谈何批量上排名呢?哈哈哈,这里就

2020-03-25

常用搜索引擎/网址导航/网站目录网站收录提交入口收藏

常用搜索引擎/网址导航/网站目录网站收录提交入口收藏

做网站优化推广的朋友都知道,新站的收录如果没有提交或者做外链一般需要7-30天的时间,如果想加快收录可以考虑在到各大搜索引擎/网址导航/网站目录去提交网站。提高网站收录量或者收

2020-03-03