利用Bootstrap可视化布局系统可以拖拽生成统一的基本的样式布局HTML代码,对于没有前端介入的情况下,java开发也能快速搭建一套标准美观的后台系统,使用简单、方便、灵活。可视化布局系统地址:http://www.bootcss.com/p/layoutit/。另外bootstrap提供了一整套CSS样式,可以满足后台系统所有样式需求,不用依赖前端开发,想要什么样式先到这里找找http://v3.bootcss.com/css/,一定能找到你想要的。
可视化布局系统默认提供的样式有以下几种:
- 布局设置,利用bootstrap的栅格系统样式,默认提供了5种可拖拽布局。理解了bootstrap的栅格系统样式,可以通过更改样式来满足我们任意想要的布局。
栅格系统样式:
- 基本CSS,默认提供了常用的一些DOM元素和组件,比如表格、表单、搜索框等。后台系统的信息管理页面必然会用到这些,即使没有前端,利用可视化布局也能做出统一漂亮的后台管理页面来。
- 组件,默认提供了常用的组件样式,例如按钮组,导航,分页等。
- 交互组件,提供了常用的交互组件样式,例如:遮罩窗体、导航栏、轮换图、切换卡等。
使用说明:
第一步:拖拽布局设置。
第二步:拖拽表格。
第三步:拖拽分页。
第四步:布局编辑和预览
第五步:下载代码
附件有示例操作视频,可下载观看!!!
相关推荐
bootstrap可视化布局系统
bootstrap可视化布局本地版,可以复制到项目中进行自定义扩展! bootstrap可视化布局本地版,可以复制到项目中进行自定义扩展! bootstrap可视化布局本地版,可以复制到项目中进行自定义扩展!
离线版Bootstrap可视化布局 离线版Bootstrap可视化布局
bootsrap可视化布局
Bootstrap在线可编辑可视化布局系统模板下载Bootstrap在线可编辑可视化布局系统模板下载
layoutit bootstrap3中文版可拖放排序在线编辑的bootstrap可视化布局系统 bootstrap 3.0 css框架离线生成器 http://www.bootcss.com/p/layoutit/ 提示:如果直接移至网站,将使得项目中的编辑功能不能使用。 在...
layoutit+Bootstrap可视化网站编辑拖动面板布局系统是一款可拖放排序在线编辑的Bootstrap可视化布局系统,可使用的组件很多,支持栅格化排列布局,最大的亮点支持拖拽并且可视化,即拖即用,功能十分强大!
插件描述:LayoutIt! 可拖放排序在线编辑的Bootstrap可视化布局.
bootstrap3可视化布局工具源码,可在线生成源码
在2013年底,因工作急需要使用layoutit,在网络上一直找不到bootstarp3.0版本的演示效果,洋洋创意网络自己翻译了layout bootstarp3版本。
LayoutIT离线版Bootstrap可视化布局 离线可正常使用.
bootstrap布局可视化可拖拽
基于bootstrap实现可视化布局的 离线中文版
Bootsttrap可视化布局离线版,w3cschool上看到这个东东,把他抓了下来,与VS无关,可以把相关文件单独拷贝出来。3.0版本的
代码简介:jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单,可自定义拖拽控制生成表单,预览表单,表单各种属性可通过json格式的配置来处理控制表单的各个属性,看起来非常的高大上,...
bootstrap3.3 布局工具 离线版本 没网络也能用~~~~~~~~~~~~~~~~~~~
Bootsttrap可视化布局离线版,w3cschool上看到这个东东,把他抓了下来,与VS无关,可以把相关文件单独拷贝出来。3.0版本的.这次加了字体图标在线定制功能。但是CSDN不能修改资源,所以上个资源没没法修改,也没法...
layoutit 可视化布局 bootStrap3在线编辑器源码 离线中文版
离线版本 ,有需要自取!!!bootstrap3可视化布局系统离线版bootstrap3可视化布局系统离线版bootstrap3可视化布局系统离线版