码云 Gitee IDE 全新上线——支持 Git 管理的轻量在线编码环境
0 Watch 2 Star 1 Fork 1

蒋固金 / GeneAdminJavaScriptApache-2.0

加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
基于layui定制的管理端UI框架,遵循layui的模块规范,如果您已经了解过layui的使用,在使用GeneAdmin的时候门槛极低,拿来即用。 http://gene.jianggujin.com
蒋固金 最后提交于 v1.0.4
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md 2.83 KB

开始使用

GeneAdmin是基于layui定制的管理端UI框架,遵循layui的模块规范,如果您已经了解过layui的使用,在使用GeneAdmin的时候门槛极低,拿来即用,项目主页http://gene.jianggujin.com/index.html

第一部分 兼容性和面向场景

GeneAdmin 兼容人类正在使用的全部浏览器(IE6/7除外),可作为 PC 端后台系统的速成开发方案。

第二部分 GeneAdmin结构

您可以通过码云获取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 )

你可以在登录后,发表评论

搜索帮助