HTML5前端 UI 框架 ZUI

HTML5前端 UI 框架 ZUI

MIT
跨平台
易软天创(禅道)
2014-07-24
开源春哥

zui框架是什么?

zui是禅道项目管理软件团队在完善自己产品过程中形成的一个开源前端实践方案,帮助你快速构现代跨屏应用。它的特点如下:
 > 简单美观,易于使用,快速构建简洁大方的现代web应用。
 > 新颖健壮,采用HTML5且支持所有流行的移动及桌面浏览器平台,一些旧的浏览器也能够降级支持。
 > 轻快独立稳定,最佳的可用性能,最大限度的不依赖于外部组件。
 > 全平台响应,一次编写,响应任何尺寸的设备。
 > 比较适合中文环境

我们为什么来做zui框架?

zui框架并不是我们完全从头到尾自己写出来的。我们也是在使用bootstrap, yui这些框架中结合我们自己产品的应用场景,逐渐积累形成的。现在最成熟的当推bootstrap了。但是bootstrap的版本跨度比较大,也有很 多功能是我们不需要的,再加上它还是比较适合英文场景的布局。所以我们才决定自己来写zui框架。在写这个框架过程中,我们结合了很多具体的应用场景,比 如大量数据展示、比如手机端响应式布局等,做了很多非常有针对性的改进。最终形成了zui框架。

与Bootstrap的关系

ZUI继承了Bootstrap 3中的大部分基础内容,但出于与Bootstrap不同的目的大部分内容都进行了定制和修改。这些变化包括:

  • 移除了部分插件的限制,增加了一些适用特性,例如Popover弹出的内容可以指定已有的标签内容,Modal对话框可以自动使用iframe弹出整个页面内容等;

  • 增加了实用的视图组件,包括卡片、评论、列表、文章、仪表盘、看板等;

  • 新增了几个Javascript组件,包括拖放、排序、灯箱预览,本地存储,图片裁剪等;

  • 集成了一些实用的第三方组件,包括cookie、hotkey、chosen、Kindeditor、ChartJs、DatetimePicker等,并且这些组件样式经过重写,风格更为统一;

  • 增加了配色表和新的主题模板,最少只需更改一个配置项更换颜色主题;

  • 修改了默认字体配置,包含所使用的字体集和字体大小;

  • 替换了默认的字体图标,在FontAwesome图标集的基础上去掉了一些图标同时增加了一些新的图标,写法上比FontAwesome更简单;

  • 大部分组件的默认样式都不需要额外的指定包含'default'的Class,例如class='btn btn-default','btn-default'在ZUI中不需要;

  • 增加了一些辅助类,例如文本背景及高亮等;

  • 增加了一些可选样式,例如滚动条等。

选择使用ZUI

Bootstrap是非常优秀的前端框架,但在构建大型应用的开发时通常远远不够。如果Bootstrap能够完全满足你的项目,建议使用Bootstrap,如果你需要的更多,则建议使用ZUI。使用ZUI的显著理由如下:

  • 大部分书写方式继承Bootstrap,从Bootstrap方便迁移到ZUI,学习成本低,而且写法上更精简;

  • 需要的实用功能都能在ZUI中提供,即使是第三方组件也提供统一的样式和主题支持;

  • 即使ZUI包含的内容更丰富,也会控制核心内容打包后体积大小,一般css不超过150k(目前130k,精简版95k),js不超过100k(目前79k,精简版33k),精简版包含绝大部分功能,但体积更小。非核心内容按需加载,推荐自定义编译;

  • ZUI从实际项目中诞生(包括禅道、蝉知和然之),实践证明其有效性,一切为了快速构建你的应用;

  • 一些令人激动的新内容正在开发中...

感谢巨人的肩膀

zui的形成是建立在这些巨人的肩膀上的,在此向这些项目和背后的团队表示感谢!
Grunt
Less
normalize
jQuery
Bootstrap
kindeditor
Chosen
Datetime picker
FontAwesome
google code prettify
jQuery hotkey
Bootbox
Explorer canvas
Chart.js

部分截图示例

加载中

评论(39)

川口人
川口人
转让蝉知高级版的代理 要的私聊
贝爵宏
贝爵宏
UZI
hc24
hc24
很适合后端开发人员使用,Datagrid功能再强大一些就更妥了
涵涵思密达
涵涵思密达
Zui强大!!
真言敏感词
希望能把文档写详细点,很多属性值都没列出来,导致要花费很多额外的时间。
蓝宁增
我自定义的样式和zui自己封装的样式重复了,导致我所写的页面统一向左移动了10px原因是margin的问题,各位大神,我应该怎么处理
596907468
596907468
有深圳的吗,加深圳前端技术群622293272
商务李
zui功能丰富,组建多,有操作文档。配合蝉知建站系统使用绝对是一把利器
FansUnion
FansUnion
看官方网站介绍很可以,文档很多啊。哈哈
杨军军
杨军军
文档写的真不错

ZUI 前端框架 1.8.1 发布,修复 bug,完善功能

ZUI1.8.1 版本解决了近两周社区反馈的问题 。 更新明细 数据表格2: 修复了 responsive 选项和 checkbox 选项同时启用冲突的问题 修复了 configs 中的 html 属性和列配置的 html 属性设置为 ...

01/18 13:56

ZUI 前端框架发布 1.8 版本,新增多个 JS 组件

ZUI 1.8 版本带来了多个新的 JS 组件,包括全新的数据表格2、标签页管理器、上下文菜单、搜索框、输入框和分页器。 详细内容访问:http://zui.sexy 。 新增 数据表格2; 新增 标签页管理器;...

01/05 09:58

ZUI 前端框架发布 1.7.0 版本,新增组织结构图

ZUI前端框架本次更新修复了文件上传等组件等关键 Bug,增加了一个新的视图:组织结构图,轻松绘制多级树形组织结构图,支持节点的动态更新和层级折叠控制。 详细内容访问:http://zui.sexy 。...

2017/06/20 09:32

ZUI 发布 1.6 版本,开源HTML5跨屏UI框架

大家好,我们很高兴的向大家推出ZUI的1.6版本。ZUI是我们团队在开发其他几款开源软件过程中衍生出来的一款跨屏HTML5框架。基础的理念基于bootstrap,又结合我们自己实际的应用做了大量的整合...

2017/03/24 09:33

ZUI 发布 1.5 版本,大幅改进文档网站

HTML5前端UI框架ZUI发布1.5版本啦。 新增拖拽选取和颜色选择器插件,大量组件根据社区反馈进行了优化,修复了已发现的问题,加入支付宝和淘宝相关字体图标。 文档网站得到大幅改进,为宽屏用...

2016/09/09 09:56

ZUI 发布 1.4 版本, HTML5 前端 UI 框架

大家好,HTML5前端框架ZUI 1.4版本发布了。 本次更新了大部分文档,增加了必要的代码示例。 增加了简单易用的树形菜单组件。 主题功能得到增强,文档中的主题章节提供实时预览和编译定制功能...

2016/01/27 10:32

ZUI 1.3 发布,性感无比的 HTML5 前端 UI 框架

ZUI v 1.3 一个开源前端实践方案,帮助你快速构现代跨屏应用。 在Github上项目:https://github.com/easysoft/zui 特色 简单易用,快速构建美观的现代web应用; 轻量级高性能,让你的应用更快...

2015/12/12 21:39

ZUI 发布 1.3 版本,全新的文档网站来了!

ZUI正式发布1.3版本。 全新的文档网站来了!键盘侠新福利:使用搜索来查找内容,并支持快捷键操作。 新增图表视图组件,支持对饼图、柱状图和曲线图的展示。 另外微调了默认配色,对多个组件...

2015/05/19 09:54

ZUI 1.2 发布,增加新特性、优化细节、完善文档

前端html5框架ZUI发布1.2正式版本了! 此版本增加了很多新特性,同时修复了大量问题,文档也得到大幅完善。 欢迎大家使用并反馈问题 下载地址1:http://zui.sexy/ 下载地址2:http://git.os...

2014/11/18 11:18

前端 HTML5 框架 ZUI 发布 1.2 beta 版本

zui正式发布1.2beta版本。 本次更新增加了一些实用的功能组件,并对原有的组件进行了大幅优化。欢迎大家提出建议。 一、版本亮点 1、新增数据表格组件,轻松实现复杂数据展示; 2、新增日历视...

2014/10/31 14:50

没有更多内容

加载失败,请刷新页面

2
回答
zui 模态框弹出后第二次就无法弹出问题

<button class="btn btn-primary" id="add" >弹出框测试</button> <div class="modal...

ZUI
2014/08/19 22:39
1
回答
zui是否和jquery-ui冲突

@春哥_禅道蝉知然之 你好,想跟你请教个问题: 我做了一个日历任务控件,fullCalendar的。需要引入jquery-ui 而我整体项目用的zui,当...

ZUI
2015/03/23 17:21

没有更多内容

加载失败,请刷新页面

没有更多内容

聊聊:那个号称“永不卡顿” 联想ZUI 10系统

11月1日,联想在北京举办新品发布会。本次发布会由联想集团副总裁常程主讲,率先登场的是ZUI 10系统。全新的ZUI 10系统针对全面屏进行优化:“8行变10行”,让可视面积增大10%,而且ZUI 10还...

11/06 09:26
11
0
zui

zui提供了更详细的控件、组件、js插件,以及视图。今天主要了解了下zui的一些组件和插件的用法。计划用zui搭建一个企业官网的模版。

2017/11/05 20:29
29
0
深圳币币交易平台开发,币币撮合模式交易平台开发

深圳币币交易平台开发,币币撮合模式交易平台开发

05/25 11:01
1
0
2017.11.06工作日志(补)

主要做了公司官网的几个页面。对原先的一些图片展示进行了修改,采用zui的视图中的图片浏览,后面考虑移除原先的bootstrap样式;全部采用zui的样式。

2017/11/07 08:29
9
0
一个很实用的前端框架Zui

杰哥给我推荐了一个很有用的前端框架-Zui,我看着觉得很神奇的,因为有很多我都不懂。 在这里分享总结一下。 首先,这是一个中国自己开发的框架,比起很多外国的框架来说,有很详细的API,而...

2014/07/29 18:50
3.6K
0
ZUI的入门使用

###1 基本模版 (ZUI是基于bootstarp进程改造的 所以一些解释 可以参考bootstarp) ``` 第一个ZUI hellow world! 小小小施爷 你好! ``` ### 2 布局容器 ``` ZUI 布局容器 container contai...

01/15 09:48
43
0
zui 开源 html5 跨屏框架

官网地址:http://zui.sexy/ 项目管理地址: http://zui.5upm.com/product/ 讨论论坛:http://forum.zui.sexy/forum/ 一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏...

2016/11/21 14:29
455
0
redhat 百度云下载地址

http://pan.baidu.com/s/1j8zUi http://pan.baidu.com/s/1h67de

2013/11/02 23:17
96
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部