yamecent-admin 基于 Laravel 框架的 rbac 后台管理系统
31

欢迎使用yamecent-admin后台管理

LOGO

项目简介

yamecent-admin是一款基于laravel框架进行封装的后台管理系统,其中包含:

  • rbac权限管理模块
  • 完整的UI组件
  • 自定义配置管理
  • 图片上传,网络请求等常用的js公共函数
  • 项目弹出层引用了layer,可直接使用layer
  • 项目地址:https://github.com/woann/yamecent-admin
  • 持续维护中...

安装教程

  • 执行安装命令 composer create-project woann/yamecent-admin 或者git clone https://github.com/woann/yamecent-admin.git
  • 配置域名(按laravel项目正常配置即可,解析到public目录)
  • 如发现权限相关问题 执行 chown -R 用户名:用户组 项目目录
  • 访问域名,登录即可进入管理系统
  • 首次访问域名时会跳转至安装页面安装页面.jpg
  • 填写完数据表配置之后,点击安装即可(有点小慢,喝口水)
  • 安装完之后就可以使用刚刚提交的管理员账号密码登录了(如果您想重新安装,要将/app/install/install.lock 文件删掉,重新访问网址即可)

请求(不想用这个请求方法可以自行用ajax)

var data = {id:1};//参数
myRequest("/admin/config/add","post",data,function(res){
    //请求成功回调
    layer.msg("提示信息");//弹出提示
    //15秒后刷新父页面
    setTimeout(function(){
        parent.location.reload();
    },1500)
});

请求失败回调默认封装了取消loading层的操作,如果想自定义请求失败的回调的话,自行修改public/assets/js/common.js文件中的myRequest方法

表单不为空验证

input添加requireclass

 <div class="form-group" id="string">
    <label >* 测试</label>
    <input type="text" name="test" class="form-control require"  placeholder="">
</div>
check = checkForm();//验证表单,如果带有require的input为空,则边框变为红色并弹出提示
if(!check){
    return false;
}

富文本

  • html
    <div class="form-group ">
        <label >富文本</label>
        <textarea  placeholder="请在此处编辑内容"  id="editor" style="height:400px;max-height:400px;overflow: hidden"></textarea >   
    </div>
  • javascript
    var editor = new wangEditor('editor');
    editor.config.uploadImgUrl = "/admin/wangeditor/upload";
    // 隐藏掉插入网络图片功能。该配置,只有在你正确配置了图片上传功能之后才可用。
    editor.config.hideLinkImg = false;
    //关闭导航栏浮动
    editor.config.menuFixed = false;
    editor.create();
  • 示例
    富文本编辑器

时间选择器

  • yamecent-admin的时间选择器是引入flatpickr插件,支持多语言,各种格式的时间选择。查看文档
  • html
    <div class="form-group">
       <label >*生效时间</label>
       <input type="text"  class="form-control required calendar" name="time" placeholder="请选择时间">
    </div>
    • javascript
      $(".calendar").flatpickr({
          dateFormat:"Y-m-d H:i:S",
          enableTime:true,
          enableSeconds:true
          //更多配置百度搜索flatpickr即可找到
      });
    • 示例

时间选择器

列表批量操作

  • html

    <!--按钮-->
    <button type="button" class="btn btn-sm btn-gradient-danger btn-icon-text" onclick="batch('/admin/user/del/')">
       <i class="mdi mdi-delete btn-icon-prepend"></i>批量删除
    </button>
    <!--全选复选框-->
    <tr>
        <th width="3%">
            <div class="form-check">
                <label class="form-check-label">
                    <input type="checkbox" class="form-check-input batch-all">
                </label>
            </div>
         </th>
        ...
    </tr>
    <!--列表复选框-->
    <tr>
        <td>
            <div class="form-check">
               <label class="form-check-label">
                   <input type="checkbox" class="form-check-input td-check" value="{{ $v->id }}">
               </label>
            </div>
        </td>
        ...
    </tr>
    • 示例
      批量操作

部分截图

  • 数据统计

数据统计

  • 自定义配置(字符串,图片,富文本多种数据格式,可通过getConfig("key")的方式获取配置值)

自定义配置

  • 权限管理

权限管理

  • 菜单管理

菜单管理

  • 管理员

管理员

  • 角色

角色

作者 @woann @xjj
2018 年 10月 30日

本帖由系统于 1个月前 自动加精
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 12
keer

关注一下 这个 方便后期二次开发吗?

现在用laravel-admin 感觉一些特殊的东西 自定义起来 有点麻烦

1个月前
DianWang

@keer 这个是传统blade模板开发的,可以fork一份直接改造

1个月前
BradStevens

很漂亮啊

1个月前
keer

@DianWang 谢谢啦。这个UI看起来很好看。最近找后来基本上都是清一色的adminLTE 这个挺新颖的

1个月前

@keer 没有预览?

1个月前

为什么都喜欢 web install 啊,artisan 挺好用的啊!

1个月前

可以的,很棒

1个月前

版本要求带太高了吧

1个月前

@pi_phq 开发时就是用laravel5.7开发的,这个项目不是插件,而是基于laravel项目封装的,所以版本自然就是5.7..

1个月前

@keer 其实这个东西就是基于laravel正常写的,几乎没有乱七八糟的封装,所有代码都是可见的。对于会laravel框架的小伙伴来说二开简直就是和自己写的一样,soeasy

1个月前

也就是说,干掉前端,就可以用把模板输出改成API输出,就可以自己做前端了?

1个月前

赞一个!可以一起作为开源项目共同维护优化

4周前

  • 请注意单词拼写,以及中英文排版,参考此页
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
  • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
  • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
  • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!