/qadmin

基于layui框架与Vue.js构建的QAdmin轻量级后台模板

Primary LanguageJavaScriptMIT LicenseMIT

QAdmin轻量级后台模板

基于layui框架Vue.js构建

轻量不复杂 简洁不简单

login.png

bsadmin.png

git仓库

目录结构

 ├─dist                           构建后的代码
    ├─qadmin-html                 经典版
        ├─data                    模拟数据目录
        │  ├─menu.json            左侧菜单
        │  └─ ...    
        ├─static                  静态资源            
        │  ├─admin                后台资源目录
        │  │  ├─js                js目录
        │  │  │  ├─config.js      菜单与基本配置
        │  │  ├─css               样式目录
        │  │  ├─img               图片目录
        │  │  └─ ...      
        │  ├─layui                layui
        │  ├─ueditor              百度编辑器
        │  ├─webuploader          百度上传插件
        │  ├─js                   公共js库
        │  └─ ...      
    ├─qadmin-iframe               iframe版(文件与经典版一致)
  ├─src                           原代码(使用者不必理会)
  ├─app.js                        nodejs脚本

经典版

  • 每个页面都需要引入左侧菜单与顶栏
  • 左侧菜单由vue渲染
  • 缺点: 跳转时能看到左侧有闪动的瞬间
  • 演示: http://demo.qadmin.net

iframe版

  • 只需要一个页面引入左侧菜单与顶栏
  • 左侧菜单由vue渲染,主体内容以iframe标签方式展示
  • 优点: 传统,简单,上手更快
  • 演示: http://iframe.qadmin.net

在框架中使用

php

java

nodejs

go

  • beego示例

    ...待完善

参与贡献

  1. fork 当前库到你的名下
  2. 在你的本地修改完成审阅过后提交到你的仓库
  3. 提交 PR 并描述你的修改,等待合并

联系我们

License

qadmin is licensed under the license of MIT. See the LICENSE for more details.