1 Star 0 Fork 73

IoT-CrazyAnt / admui

forked from guoruifeng / admui 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

AdmUI

输入图片说明

你还在为项目的用户体验和UI的颜值发愁吗?

曾经,我们也是,公司的各个部门,每做一个项目都要对应的搭一套前端的项目,

对于只擅长写后台的代码汪来说,这个过程相当的苦恼,各种问题让你抓狂不已,

我们一怒之下,找了当下比较流行的技术,又不想跟Bootstrap千篇一律,

于是我们采用了Google Material Design做为设计语言,开发了适用于中后台管理类型的UI Template项目,

你只需要根据自己的需要,简单的修改几个配置就能搞出一个华丽的前端UI :tw-1f600:

你可以打开这个链接看一下效果,http://guoruifeng.oschina.io/admui/

所以,

AdmUI它是一个中后台管理UI快速开发模板,采用Bootstrap、AngularJS等技术,已完成项目整体基础搭建,只需要在App/modules下添加自己的view和js你就可以开始干活了 :tw-1f60b:

你需要熟(control+c)悉(control+v)并使用的技术:

  1. Bootstrap 3,http://getbootstrap.com
  2. AngularJS 1.5.x,https://angularjs.org/
  3. AngularJS Material 1.0.4,https://material.angularjs.org/1.1.0/

如何开发

Master是基础依赖框架整合分支,最终会生成单独的js和css包,供App开发引用, Pages是实践项目,包括App开发中所用到的文件。

克隆pages分支,在 app/modules/目录中添加模块即可,plugins是你项目依赖的第三文件组件,运行npm start启动项目,默认地址:localhost:9800

环境

  1. Node、Npm(介意使用cnpm)
  2. grunt、bower

输入图片说明

功能特性

  1. 基于 Bootstrap 3
  2. 基于AngularJS 1.5.x
  3. 以 Google Material Design 为设计语言
  4. 支持多Tab切换,可以关闭当前、其它等功能
  5. 主菜单动态配置,支持多级
  6. 不同的 Material Design Colors ,并且可以在不同的View中使用不同的Color
  7. 三种不同的 layouts
  8. 集成了AngularJS Material
  9. 支持在View中懒加载所需要的依赖文件
  10. 响应式实现,适配各种尺寸的屏幕
  11. 完全实现了 Material Design Colors
  12. 采用 Node、Bower 和 Gulp做为开发工具
  13. Less源码
  14. 仿Inbox的案例页面
  15. 制作了Profile、Gallery、Login、Sample page等页面

依赖的技术

  1. Bootstrap - http://getbootstrap.com
  2. jQuery - http://jquery.com
  3. AngularJS - https://www.angularjs.org
  4. AngularJS Material - https://material.angularjs.org/
  5. Bower - http://bower.io/
  6. Gulp - http://gulpjs.com/
  7. OC Lazy Load for AngularJs - https://github.com/ocombe/ocLazyLoad
  8. Animate.css - http://daneden.github.io/animate.css/
  9. Flot Chart - http://www.flotcharts.org/
  10. magnific-popup - http://dimsemenov.com/plugins/magnific-popup/
  11. Full Calendar - http://fullcalendar.io
  12. Material Design Icon - http://zavoloklom.github.io/material-design-iconic-font/icons.html
  13. SparkLine Chart - http://omnipotent.net/jquery.sparkline/
  14. SummerNote - http://summernote.org
  15. Malihu Content Scroller - http://manos.malihu.gr/jquery-custom-content-scroller/
  16. Angular Loading Bar - http://chieffancypants.github.io/angular-loading-bar/
  17. Roboto Font - https://www.google.com/fonts/specimen/Roboto
The MIT License (MIT) Copyright (c) 2016 ma-sir Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

基于AngularJs、Bootstrap框架,以及Google Material Design的设计理念,开发的一款适用于后台管理、Dashboard等,类似功能的快速UI开发基础项目。 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/tang1022.cool/admui.git
git@gitee.com:tang1022.cool/admui.git
tang1022.cool
admui
admui
master

搜索帮助

14c37bed 8189591 565d56ea 8189591