Skip to content
RonCoo AdminLTE --是一个完全响应式的免费开源后台管理模板。基于 AdminLTE 框架(后续会随着版本更新而更新);使用jQuery 2.2.3版本,并引入很多优秀的第三方jQuery插件,开发者也可以改用自己熟悉的第三方插件,易于使用,并高度可定制,适合许多屏幕分辨率从小型移动设备到大型台式机,这是国内的开源模板未支持的。
HTML JavaScript CSS
Branch: master
Clone or download
Latest commit f39ee28 Oct 19, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build 外部链接 Sep 14, 2017
dist 外部链接 Sep 14, 2017
documentation 2016-11-11 Nov 11, 2016
include 2017-03-24 Mar 24, 2017
pages update cnd Mar 1, 2017
plugins update cnd Mar 1, 2017
.gitignore init Sep 26, 2016
.jshintrc 2016-10-17 更新 Oct 17, 2016
Gruntfile.js 2016-10-28 Oct 28, 2016
LICENSE init Sep 26, 2016
README.md 更新 Oct 19, 2017
bower.json init Sep 26, 2016
changelog.md init Sep 26, 2016
composer.json init Sep 26, 2016
datatable.json 2016-10-28 Oct 28, 2016
index.html 外部链接 Sep 14, 2017
index2.html update cnd Mar 1, 2017
package.json init Sep 26, 2016
starter.html init Sep 26, 2016

README.md

Bower version npm version Packagist

roncoo_adminLte

一些事一些情

对于一个平台的管理后台,功能必然要足够强大,但界面也不可忽略,特别是近年来行业对界面的越加重视使得后台界面也要做得 ‘ 高大上 ’ 起来;可惜国内至今未能找到一款免费开源的稍微高大上点后台模板,用国内模板的都会引来 leader的各种吐槽;而国外虽然有很多很优秀的模板,但由于都没有中文版或者担心社区不够强大而不敢使用;针对这一点龙果团队决定为国民谋利,找了一款国外非常优秀的后台模板AdminLTE,并在AdminLTE上面做了多项优化,并进行了汉化,免费开源给国民开发者使用,并对AdminLTE后期的更新做维护。

简介

RonCoo AdminLTE --是一个完全响应式的免费开源后台管理模板。基于 AdminLTE 框架(后续会随着版本更新而更新);使用jQuery 2.2.3版本,并引入很多优秀的第三方jQuery插件,开发者也可以改用自己熟悉的第三方插件,易于使用,并高度可定制,适合许多屏幕分辨率从小型移动设备到大型台式机,这是国内的开源模板未支持的。

在线预览:demo.adminlte.roncoo.com
SSM整合在线预览:demo.adminlte.roncoo.com/roncoo-adminlte-springmvc

更新日志

2017-03-24

  1. 添加tab页刷新
  2. 优化tab导航
  3. 修复index2内页样式丢失

2017-01-03

  1. 添加自定义表格及实例
  2. 优化tab导航

2016-11-11

  1. tab导航右键菜单
  2. 优化滚动条
  3. 优化app.js

2016-11-7

修改目录,把跟目录下的bootstrap移到plugins 增加一个使用版,使用版没有开发源文件,只剩下min后的js和CSS

2016-10-28

  1. ajax模式中所有js和css统一在index.html引入,不再分开页面引入。
  2. ajax模式中添加tab页功能,加载页面可以加载多个,通过头部tab切换,该功能只在ajax模式中存在.
  3. 在实例中添加了一个table的实例,并做好了服务端的分页,table数据的处理等。
  4. a标签通过添加属性target=navTab添加新开标签页功能,通过异步请求href连接页面,仅ajax模式可使用。
  5. a标签通过添加属性target="ajaxTodo"添加确认提示框,href异步请求地址,确认后会发起异步请求,data-body确认提示框提示内容,callback:确认回调方法,使用案例:更多
  6. a标签通过添加属性target="modal"添加弹出层页面功能,并通过modal=lg \modal=ms \ modal="" 属性约定窗口大小 不设置modal属性是使用默认的大小适中的弹出层。
  7. 新增提示窗js功能,alertMsg("提示内容","提示类型——default、success、warning、danger 默认为default")。
  8. 优化右侧栏功能。

2016-10-17

  1. 根据用户反馈,添加三个新的登录注册页面实例,可以在预览地址中左边导航的实例中预览 /pages/examples/login1.html /pages/examples/login2.html /pages/examples/login3.html

  2. /Gruntfile.js代码编译打包优化,执行 grunt 默认对less编译,对js复制处理,如果需要对js做代码质量检测,请执行grunt lint

2016-09-30

  1. 添加在线预览地址

2016-09-26

  1. 根据我们团队的需求,增加了Ajax的布局模式。只需要在body标签里面添加.ajax-template .fixed类即可实现。
  2. 增加include文件夹,用于存放ajax加载的内页文件。
  3. 根目录的build文件夹增加了fonts、img、js文件夹,通过grunt编译转移到dist/目录,更利于二次开发时源码目录与编译目录区分。
  4. Gruntfile.js 添加了grunt-contrib-connect模块,装好node编译环境后,grunt即可发起服务,在浏览器输入localhost:8000即可访问,更方便二次开发。
  5. 把index.html的外链的js、css和字体文件全部下载到本地的build目录下

如何使用

RonCoo AdminLTE 的使用跟使用普通的html模板一样,可以自由和PHP、asp、jsp等技术集成,静态资源文件在/dist目录,第三方插件在plugins目录,也可以根据自己的开发需求加入更好更适合自己使用的插件。需要注意的是龙果集成的AJAX模式需要放在web服务上才可以预览效果(可以是本机发起的服务如tomcat、apache、node)等,具体如何使用请参考/index.html

二次开发

AdminLTE 是用nodejs 相关工具开发的,所以要做二次开发首先要有一定的nodejs基础并安装好node环境和git版本管理工具。

获取

直接 github 下载源码,或者在存放代码的目录打开命令行并输入

git clone https://github.com/roncoo/roncoo-adminLTE.git

安装

npm install

编译发布

grunt

项目目录

roncoo-AdminLTE/
├── dist/ 编译后的静态资源目录
│   ├── CSS/
│   ├── JS
│   ├── fonts
│   ├── img
├── build/ 编译前的源文件目录
│   ├── less/
│   │   ├── roncoo-AdminLTE's Less 文件
│   ├── fonts/
│   │   ├── roncoo-AdminLTE's 字体 文件
│   ├── js/
│   │   ├── roncoo-AdminLTE's javascript 文件
│   ├── img/
│   │   ├── roncoo-AdminLTE's image 文件
│   └── Bootstrap-less/ (bootstrap less,仅供参考,不做修改)
│       ├── mixins/
│       ├── variables.less
│       ├── mixins.less
└── plugins/
    ├── 所有的第三方插件的CSS和JS文件

技术交流

1群: 546588570 (满) 2群: 469508330

You can’t perform that action at this time.