# layer_admin

**Repository Path**: jzaaa/layer_admin

## Basic Information

- **Project Name**: layer_admin
- **Description**: layerui-admin单页面版
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2019-11-21
- **Last Updated**: 2022-02-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目说明
该项目由[layuimini单页版](https://github.com/zhongshaofa/layuimini)修改

### 主要修改
- 删除了菜单中模块部分与主题切换，新的初始化文件请查看`config/init.json`
- 删除了主题选择功能，部分样式可由`css/var.less`定制

## 使用说明

 > 一、默认配置说明
 
* 默认配置在`layuimini.config`方法内，请自行修改
* urlHashLocation：是否开启URL地址hash定位，默认开启。`关闭后，刷新页面后将定位不到当前页，只显示主页`
* urlSuffixDefault：是否开启URL后缀，默认开启。
* BgColorDefault：系统默认皮肤，从0开始。
   ``` js
       var config = {
             urlHashLocation: true,   // URL地址hash定位
             urlSuffixDefault: true, // URL后缀
             BgColorDefault: 0       // 默认皮肤（0开始）
          };
    ```

> 二、后台模板初始化

 * 在`index.html`文件内进行初始化

 * 引入`lay-config.js`文件，请根据实际情况修改里面扩展的路径。

 * `layuimini.init();` 方法内的参数请填写动态api地址。（实际应用中建议后端api做缓存）

 * 初始化api地址返回的参数可以参考`config目录下的init.json文件`或者查看使用说明的第二点的参数说明

 ``` js
 
    layui.use(['element', 'layer', 'layuimini'], function () {
        var $ = layui.jquery,
            element = layui.element,
            layer = layui.layer;

        layuimini.init('config/init.json');
    });
    
 ```
 
 > 三、初始化api地址返回的参数说明
 
 * `clearInfo`是服务端清理缓存信息(clearInfo.clearUrl：服务端清理缓存接口地址，为空则不请求;)
 
  ``` json
  返回参数对应的事例(code：0，清除缓存失败；code：1，表示清除缓存成功；)
  
  {
    "code": 1,
    "msg": "清除服务端缓存成功"
  }
   ```
 
 * `homeInfo` 是首页信息
 
 * `logoInfo` 是logo信息
 
 * `menuInfo` 是左侧菜单对应的信息
 
 
  ``` json
{
  "homeInfo": {
    "title": "首页",
    "icon": "fa fa-home",
    "href": "page/welcome-2.html?mpi=m-p-i-0"
  },
  "logoInfo": {
    "title": "LayuiMini",
    "image": "images/logo.png",
    "href": ""
  },
  "clearInfo": {
    "clearUrl": "api/clear.json"
  },
  "menuInfo": {
        "title": "其它管理",
        "icon": "fa fa-slideshare",
        "child": [
            .......
        ]
    }
}
  ```
  
> 四、在页面中打开新页面
   
  * 如需在页面中弹出新的Tab窗口，请参考下方代码。
  * 参数说明（data-iframe-tab：页面链接，data-title：标题，data-icon：图标）
``` html
     
    <a href="javascript:;" data-content-href="page/user-setting.html" data-title="基本资料">基本资料</a>

 ```
 
  ## 常见问题
  * IIS环境下请配置支持解析`.json`格式文件
  * <font color=red>修改js后刷新页面未生效，请尝试清除浏览器缓存。</font>
  * form表单刷新，部分组件不显示的情况，请在js上加上`form.render();`
  
  ## 备注信息
  * 菜单栏建议最多四级菜单，四级以后菜单显示并没有那么友好。