一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。
从官方网站了解更多: https://openzui.com/ 。
官方 QQ 群:2群:127535859,1群:384135104(满员) 项目和计划:http://zui.5upm.com/product-browse-2.html
特色
- 简单易用,快速构建美观的现代 Web 应用;
- 轻量级高性能,只包含关键功能特性,但具备高可扩展性,只让你的应用更快;
- 跨平台支持,多屏幕响应;最大限度的利用现代浏览器特性,但也支持 IE8 等古老的浏览器;
- 完整方案,内置大量实用第三方组件,并进行了优化,适用大部分 Web 应用的开发;
- 易于定制,有多个版本供选择,主要版本包含大部分特性,额外的内容按需加载。
快速使用
详细使用说明访问 https://openzui.com/#basic/download 。
NPM
npm install zui
CDN
由 cdnjs 提供:
<!-- ZUI 标准版压缩后的 CSS 文件 -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/zui/1.10.0/css/zui.min.css">
<!-- ZUI Javascript 依赖 jQuery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/zui/1.10.0/lib/jquery/jquery.js"></script>
<!-- ZUI 标准版压缩后的 JavaScript 文件 -->
<script src="//cdnjs.cloudflare.com/ajax/libs/zui/1.10.0/js/zui.min.js"></script>
其他 CDN:
- 由国内 BootCDN 提供
下载
模板
后台管理模板位于template/
下,详情请查看template/README.md
。
文档
文档请直接访问官方网站 https://openzui.com/ 。
开发中的文档请访问 https://easysoft.github.io/zui/ 。
你也可以自己部署文档网站:下载源码后,请使用 http:
或 https:
协议访问源码根目录下的 index.html
。
如果你的安装了 Node.js 环境,则可以按照如下步骤轻松启动网站:
- 进入 ZUI 源码目录;
- 执行
npm install
; - 执行
npm start
; - 在浏览器中访问
http://127.0.0.1:8088
。