代码拉取完成,页面将自动刷新
GeneAdmin
是基于layui定制的管理端UI框架,遵循layui的模块规范,如果您已经了解过layui的使用,在使用GeneAdmin的时候门槛极低,拿来即用,项目主页http://gene.jianggujin.com/index.html。
GeneAdmin 兼容人类正在使用的全部浏览器(IE6/7除外),可作为 PC 端后台系统的速成开发方案。
您可以通过码云获取GeneAdmin完整开发包,相关文件目录说明如下:
├─res //核心资源目录
│ │─css
│ │─img
│ └─lib
│ ├─layui //layui目录
│ │─layui-modules //基于layui的GeneAdmin模块目录
│ └─...... //其他
获得GeneAdmin后,将其完整地部署到你的项目目录(或静态资源服务器),你只需要引入下述个文件(和原生layui一样):
res/lib/layui/css/layui.css
res/lib/layui/layui.js
下面是一个使用GeneAdmin的基本页面格式
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<link href="res/lib/layui/css/layui.css" rel="stylesheet" />
</head>
<body>
<div gene-admin></div>
<script type="text/javascript" src='res/lib/layui/layui.js'></script>
<script type="text/javascript">
layui.config({
base: 'res/lib/layui-modules/js/' //必须设置
}).use(['admin'], function() {
var admin = layui.admin.render({
topnav: {},
navbar: {},
tab: {},
footer: 'footer'
});
});
</script>
</body>
</html>
需要注意的是,layui的base配置必须进行配置,否则GeneAdmin的模块将不生效,使用admin模块会自动包含顶部导航(topnav)、左侧导航(navbar)、选项卡(tab),如果不对其参数进行配置,则对应模块不会初始化。
GeneAdmin加载资源的时候需要正确的上下文根,否则可能会加载资源失败,如果您想更改上下文根,只需要在引入js文件之前增加_context
变量指定新的值就可以了,详情请查看环境配置
。
<script type="text/javascript">var _context = '/GeneAdmin';</script>
<script type="text/javascript" src='res/lib/layui/layui.js'></script>
你可以在登录后,发表评论
点评 ( 0 )