# hxkj-cms

**Repository Path**: fssle/hxkj-cms

## Basic Information

- **Project Name**: hxkj-cms
- **Description**: 快速开发cms平台，依靠于amazeui
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://fssle.oschina.io/hxkj-cms/admin.html
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 6
- **Created**: 2016-09-29
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

 **1. 创建基于amazeui的后台管理系统模版**
 **2. 采用iframe框架的形式进行tab的添加（后期集成vue）**  
 **3. 项目演示地址http://fssle.oschina.io/hxkj-cms/admin.html** 

 **项目使用规则**
 1. 把项目克隆下来，按照main.html引入js和css
 2. 编辑app.js```
 var TAB_JSON = {
    list: [
        {
            listName: '首页',/*tab名称*/
            listUrl: 'html/main.html',/*页面路径*/
            listUuid: 'uuid-main',/*tab唯一标识*/
            listIcon: 'am-icon-home',/*左侧显示图标*/
            listRightIcon: '',/*右侧显示图标*/
            listNumber: '',/*右侧显示数字数据*/
            listNumberColor: 'am-badge am-badge-secondary',/*右侧显示数字数据样式*/
            isHtml: true/*是否是页面，false为折叠tab*/
        },
        {
            listName: '页面模版',
            listUrl: '',
            listUuid: 'uuid-moban',
            listIcon: 'am-icon-file',
            listRightIcon: 'am-icon-angle-right',
            listNumber: '',
            listNumberColor: '',
            isHtml: false,
            subList: [
                {
                    listName: '个人资料',
                    listUrl: 'html/personal-data.html',
                    listUuid: 'uuid-personal-data',
                    listIcon: 'am-icon-check',
                    listRightIcon: 'am-icon-star',
                    listNumber: '',
                    listNumberColor: 'admin-icon-yellow',
                    isHtml: true
                },
                {
                    listName: '帮助页',
                    listUrl: 'html/main.html',
                    listUuid: 'uuid-help',
                    listIcon: 'am-icon-puzzle-piece',
                    listRightIcon: '',
                    listNumber: '20',
                    listNumberColor: 'am-badge am-badge-secondary',
                    isHtml: true
                }
            ]
        }
    ]
};
``` 
 以上是一个使用的例子，配置页面。
 当然你可以使用http请求从服务器获取列表，达到权限控制。
 3. 项目到此就能直接使用了，谢谢支持。