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

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

简介

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

猜你喜欢

Navicat 15 激活码终结无法使用解决方案及激活教程

Navicat 15 激活码终结无法使用解决方案及激活教程

最新版的NavicatPremium15已经发布了是一款数据库管理工具,是一个可多重连线资料库的管理工具,它可以让你以单一程式同时连线到MySQL、SQLite、Oracle及

2023-10-20

宝塔Apache环境设置url路径不区分字母大小写

宝塔Apache环境设置url路径不区分字母大小写

Linux服务器的大小写敏感有时候很不方便,在地址栏里一定要输入准确的URL才能访问,对搜索引擎和用户不是很友好,那么如何解决LINUX服务器URL的大小写问题今天同步碰到一个

2022-10-12

Nginx配置规则错误:unknown log format "main"

Nginx配置规则错误:unknown log format "main"

网站配置由apche换成nginx系统后,重启时出现错误提示Nginx配置规则错误:nginx:[emerg]unknownlogformat"main"in/www/serv

2022-10-12

thinkphp上线后 /captcha 验证码无法加载显示

thinkphp上线后 /captcha 验证码无法加载显示

ThinkPHP的验证码在本地就OK的显示正常,一上线就不显示也没有报500错,GD库安装正常线上错误显示结果为:找到你的验证码的控制器具体文件路径(下面是我的)vendor/

2021-09-28

怎样把抖音视频链接发到网站上去

怎样把抖音视频链接发到网站上去

抖音现在很火,很多朋友都知道手机能够看抖音视频和上传视频,但是如何把抖音视频加入到网站上来,接下来一起来看看吧:我们在抖音APP里,打开某一条视频,点击右侧下方的分享小图标,然

2021-09-19