完全不一样的 LaravelAdmin

由 laraveladmin.cn 创建于3年前, 最后更新于 3年前    版本号 #5    2338 views    3 likes    0 collects

laravelAdmin

Packagist

Total Downloads

Awesome Laravel

介绍

laravel-admin是一个可以快速帮你构建后台管理的工具，它提供的页面组件和表单元素等功能，能帮助你使用很少的代码就实现功能完善的后台管理功能。(QQ群: 391528810) Demo || 阅读文档

截图

laravel-admin

软件架构

基于laravel框架实现前后端分离的单页面应用架构

使用相关技术:vue+bootstrap+phpswoole+docker+laravel

Windows环境安装请查看 Windows安装

安装前准备

  1. 提前安装好git

安装教程

  1. 下载代码
git clone https://gitee.com/laravel-admin/laraveladmin.git
cd laraveladmin
  1. 参照.env.example配置.env文件(务必设置好mysql密码,redis密码)
cp .env.example .env
vi .env
  1. 初始化安装
sh ./docker/install.sh

  1. 设置当前代码目录的上级目录跟"~"目录必须包含 dokcer的File Sharing列表中的目录中

  2. php容器环境中安装composer相关扩展包及项目代码初始化

如果安装"laravel/envoy"过程中失败请切换下全局镜像源,进行尝试

- 腾讯云composer镜像源:https://mirrors.cloud.tencent.com/composer
- 阿里云composer镜像源:https://mirrors.aliyun.com/composer
- 华为云composer镜像源:https://mirrors.huaweicloud.com/repository/php
- laravel(中国)composer镜像源:https://packagist.laravel-china.org
- phpcomposer:https://packagist.phpcomposer.com

docker-compose run --rm php composer config -g repo.packagist composer https://mirrors.cloud.tencent.com/composer #设置镜像源
docker-compose run --rm php composer global require laravel/envoy -vvv #该命令出错了请切换镜像源
docker-compose run --rm php composer global dump-autoload
docker-compose run --rm node cnpm install #前端编译扩展包安装
docker-compose run --rm node npm run prod #编译前端页面js
docker-compose run --rm php envoy run init --branch=master #项目初始化
docker-compose up -d #启动服务

  1. 解决扩展包mrgoon/aliyun-sms自动加载问题

  2. 访问

本地开发环境绑定hosts后就可以进行访问了

127.0.0.1 local.laraveladmin.cn
  1. 开发环境前端实时编译启动
docker-compose run --rm node npm run watch
  1. 代码更新升级
docker-compose exec php envoy run update --branch=master

使用说明

  1. 官网及相关文档: https://www.laraveladmin.cn

  2. 在线示例演示环境: https://demo.laraveladmin.cn

用户名:demo_admin

密码:admin123456

参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request
Laravel
后台管理
点赞 取消点赞 收藏 取消收藏

<< 上一篇: Leetcode PHP题解--D132 7. Reverse Integer

>> 下一篇: 完全不一样的 LaravelAdmin —— Windows Docker 搭建篇

2 条评论
#1    laraveladmin.cn   laraveladmin.cn 评论于 3年前 •  更新于 3年前 (laraveladmin.cn)

列表页面展示

<script>
    import {mapState, mapActions, mapMutations, mapGetters} from 'vuex';

    export default {
        components:{
            'data-table':()=>import(/* webpackChunkName: "common_components/datatable.vue" */ 'common_components/datatable.vue'),
            "select2":()=>import(/* webpackChunkName: "common_components/select2.vue" */ 'common_components/select2.vue'),
            "icheck":()=>import(/* webpackChunkName: "common_components/icheck.vue" */ 'common_components/icheck.vue'),
        },
        props: {
        },
        data(){
            let def_options = JSON.parse(this.$router.currentRoute.query.options || '{}');
            return {
                options:{
                    id:'data-table', //多个data-table同时使用时唯一标识
                    url:'', //数据表请求数据地址
                    operation:true, //操作列
                    checkbox:true, //选择列
                    btnSizerMore:true, //更多筛选条件按钮
                    keywordKey:'name|uname|mobile_phone|email', //关键字查询key
                    keywordGroup:false, //是否为选项组
                    keywordPlaceholder:'请输入用户昵称',
                    primaryKey:'id', //数据唯一性主键
                    defOptions:def_options, //默认筛选条件
                    fields: {
                        "uname": {"name": "用户名","order": true},
                        "name": {"name": "昵称", "order": true},
                        "mobile_phone": {"name": "手机号码", "order": true},
                        "email": {"name": "电子邮箱", "order": true},
                        "status": {"name": "状态", "order": true,type:'label'},
                    },
                }
            };
        },
        computed:{

        },

    };
</script>
#2    laraveladmin.cn   laraveladmin.cn 评论于 3年前 •  更新于 3年前 (laraveladmin.cn)

控制器


<?php

namespace App\Http\Controllers\Admin;

use App\Http\Controllers\Traits\ResourceController;
use Illuminate\Support\Arr;
use Illuminate\Support\Facades\Request;
use App\Http\Controllers\Controller;

class UserController extends Controller
{
    use ResourceController;
    //默认排序
    protected $orderDefault = [ //顺序排序,排序不支持关联排序
        'updated_at' => 'desc',
        'id'=>'asc'
    ];


    /**
     * 资源模型
     * @var  string
     */
    protected $resourceModel = 'User'; //绑定的模型

    /**
     * 筛选过滤
     * @var array
     */
    protected $sizer = [
        'status' => '=', //状态筛选
        'created_at' => [ //创建时间筛选
            '>=',
            '<='
        ],
        'admin'=>'has', //关联筛选,是后台运营人员
        'admin.id'=>'=', //关联查询过滤
        'name|uname'=>'like', //名称或用户名关键字查找
        'mobile_phone|email' => 'like', //手机号或邮箱查找
    ];

    protected $keywordsMap=[ //前端列表页面的关键字搜索组选项框
        'name|uname'=>'用户',
        'mobile_phone|email'=>'联系方式'
    ];


    /**
     * 指定列表页面返回的数据,可直接设置关联关系的字段
     * 关联关系获取时记得加上关联键字段才行
     * @var array
     */
    public $showIndexFields = [
        'id',
        'uname',
        'name',
        'mobile_phone',
        'email',
        'status',
        'created_at',
        'updated_at',
        'admin'=>[ //为空数组表示取全部字段

        ]
    ];

    /**
     * 编辑页面时的字段值
     * @var array
     */
    public $editFields = [
        'admin'=>[ //关联表
            'roles'=>[] //继续关联
        ] 
    ];

    public $exportFieldsName = []; //导出字段名称定义

    /**
     * 添加或修改时数据验证规则
     * @return  array
     */
    protected function getValidateRule()
    {
        $id = Request::input('id',0);
        //没有密码值不对密码进行修改
        if(!Request::input('password')){
            Request::offsetUnset('password');
        }
        return [
            'uname' => 'sometimes|required|alpha_dash|between:5,18|unique:users,uname,'.$id.',id,deleted_at,NULL',
            'password' => ($id?'sometimes|':'').'required|between:6,18',
            'name' => 'required',
            'email' => 'sometimes|required|email|unique:users,email,'.$id.',id,deleted_at,NULL',
            'mobile_phone' => 'sometimes|required|mobile_phone|unique:users,mobile_phone,'.$id.',id,deleted_at,NULL',
            'status'=>'nullable|in:0,1,2'
        ];
    }


    /**
     * 对查询的数据进行前置过滤设置
     * 获取条件拼接对象
     * @return mixed
     */
    public function getWithOptionModel()
    {
        $this->bindModel OR $this->bindModel();
        $obj = $this->bindModel->with($this->selectWithFields())
            ->withCount(collect($this->getShowIndexFieldsCount())->filter(function($item,$key){
                return !is_array($item);
            })->toArray())
            ->whereDoesntHave('admin') //不显后台用户
            ->options($this->getOptions());
        return $obj;
    }

    /**
     * 提交修改前置处理
     * @param $data
     * @return mixed
     */
    protected function handlePostEditReturn(&$data){
        if(Arr::get($data,'id')==1){
            unset($data['status']);
        }
        return $data;
    }

    /**
     * 提交删除前置处理
     * @param $data
     * @return mixed
     */
    protected function handleDestroyReturn(&$data){
        $data = collect($data)->filter(function ($id){
            return $id>1;
        })->toArray();
        return $data;
    }





}
登录后即可添加评论