# blog

**Repository Path**: phpbms/blog

## Basic Information

- **Project Name**: blog
- **Description**: laravel5.4 后台模板
- **Primary Language**: PHP
- **License**: Not specified
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2017-05-04
- **Last Updated**: 2021-06-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Install
    ```composer install```
    
##### 注意事项：
    1. 安装I5插件 修改位置
        文件位置：vendor/prettus/l5-repository/src/Prettus/Repository/Criteria/RequestCriteria.php
        空间位置：Prettus\Repository\Criteria\RequestCriteria
        修改104行orWhere为where
        
```php
if (!is_null($value)) {
    if(!is_null($relation)) {
        $query->orWhereHas($relation, function($query) use($field,$condition,$value) {
            $query->where($field,$condition,$value);
        });
    } else {
        $query->where($modelTableName.'.'.$field, $condition, $value);
    }
}
```

##### layui Html编辑器使用：

* layedit 标签使用

```html
<!-- label属性：label标签名称 -->
<!-- name属性：上传name名称 默认: ue -->
<!-- value属性：编辑器回显内容 默认：'' -->
<!-- width属性：编辑器宽度 默认：800 -->
<!-- height属性：编辑器高度 默认：500 -->
<!-- action属性：编辑器请求地址 不写默认 {{route('admin/upload')}} 自定义上传处理使用 post 请求 -->
<layedit></layedit>
<!-- 编辑器文件存储 存储在本地的 需要运行一条命令 创建软连接 --> 
<!-- php artisan storage:link 这里使用的是laravel5.4 需要创建一个软连接 -->
```

#### UEditor 编辑器

* ue 标签使用
```html
<!-- 引入插件需要js -->
<script src="{{ asset('js/Ueditor/ueditor.config.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/Ueditor/ueditor.all.min.js') }}" type="text/javascript"></script>
<!-- ue 标签使用 -->
<!-- label属性：label标签名称 -->
<!-- name属性：上传name名称 默认: ue -->
<!-- value属性：UE编辑器回显内容 默认：'' -->
<!-- configs属性：UE编辑器配置参数(json对象) 参考UE配置参数(一旦使用该属性,下面属性无效) -->
<!-- width属性：UE编辑器宽度 默认：1000 -->
<!-- height属性：UE编辑器高度 默认：550 -->
<!-- enabled属性：UE编辑器表头是否浮动 false/true 默认：true 浮动 -->
<!-- 更多UE编辑器配置：请书写在configs属性中 -->
<ue label="UE编辑器"></ue>
```

#### Makedown编辑器

* makedown 标签使用

```html
<!-- css样式引入 【待修改】 -->
<link href="{{ asset('js/makedown-edit/examples/css/style.css') }}" rel="stylesheet">
<link href="{{ asset('js/makedown-edit/css/editormd.css') }}" rel="stylesheet">
<!-- js样式引入 -->
<script src="{{ asset('js/makedown-edit/editormd.js') }}" type="text/javascript"></script>
<!-- label属性：label标签名称 -->
<!-- action属性：请求地址 默认{{route('admin/makeDownUpload')}} -->
<!-- name属性：上传文件名称 默认 make-down -->
<!-- configs属性：UE编辑器配置参数(json对象) 参考UE配置参数(一旦使用该属性,下面属性无效) -->
<!-- width属性：UE编辑器宽度 默认：1000 -->
<!-- height属性：UE编辑器高度 默认：550 -->
<!-- enabled属性：UE编辑器表头是否浮动 false/true 默认：true 浮动 -->
<!-- 更多MD编辑器配置：请书写在configs属性中 -->
<makedown></makedown>
```

# Element Vue组件

* ui-file 标签使用

```html
<!-- label属性：label标签名称 -->
<!-- action属性：请求地址 默认{{route('admin/imageOne')}} -->
<!-- data属性：请求参数 需要一个json对象 推荐指定自定义 uploadName属性 上传文件夹位置-->
<!-- name属性：上传文件名称 默认 file -->
<!-- accept属性：上传允许图片后缀 默认 '.jpg,.png,.jpeg,.gif,.bmp,.webp' 格式 -->
<!-- size属性：上传图片大小 默认1M 后台最大上传2M 可以指定 0.3 表示 0.3M -->
<!-- imageurl属性：图片上传会显地址 默认 '' -->
<!-- tips属性：提示 string 默认 '' -->
<ui-file :data="{uploadName:'image1'}"></ui-file>
```

* ui-switch 标签使用

```html
<!-- label属性：label标签名称 -->
<!-- disabled属性：是否禁用 默认：false -->
<!-- width属性：switch宽度 默认：58(有文字) 可选 48(无文字) -->
<!-- on-text：switch 打开时的文字 默认 ON -->
<!-- off-text：switch 关闭时的文字 默认 OFF -->
<!-- on-value：switch 打开时的值 默认 true -->
<!-- off-value：switch 关闭时的值 默认 false -->
<!-- on-color：switch 打开时的背景色 默认 #20A0FF -->
<!-- off-color：switch 关闭时的背景色 默认 #C0CCDA -->
<!-- name：switch 对应的 name 属性 -->
<!-- checked：是否选中 默认 false(关闭) true(开启) -->
<!-- tips属性：提示 string 默认 '' -->
<ui-switch name="switch" checked="true"></ui-switch>
```

* ui-checkbox 标签使用
```html
<!-- label属性：当前<label>标签标题内容 -->
<!-- params属性：当前需要一个对象(参看下面script内容) -->
<!-- tips属性：提示 string 默认 '' -->
<ui-checkbox label="复选框" :params="params"></ui-checkbox>
<script>
    new Vue({
        el: '#id',
        data: function() {
          return {
              params: {
                  //> 注意：group和attr连个属性都不能省略 就算为空
                  group:{   //> 全局配置
                      size: 'small', //> checkBox按钮尺寸;支持 small/large 默认：small
                      fill: '#20a0ff',//> 按钮激活时的填充色和边框色 默认：'#20a0ff'
                      textColor: '#ffffff',//> 按钮激活时的文本颜色 默认：'#ffffff
                      min: 0,   //> 可被勾选的 checkbox 的最小数量 默认：0
                      max: 100  //> 可被勾选的 checkbox 的最大数量 默认：100
                  },
                  attr: {
                      name: 'checkbox[]',   //> 当前checkbox框的name属性  【必填】
                      checkedbox: [0,1],    //> 当前选中值                【必填】
                      labelCheckbox: 'el-checkbox-button',    //> 标签样式 默认 el-checkbox 样式 【非必填】
                      checkboxs: [  //> 每个checkbox 就是一个json对象     【必填】
                          {
                              value:0,      //> 当前选中时值也就是value属性的值      【必填】
                              label: '点击我1',    //> 当前提示文字                 【必填】
                              disable: false,   //> 是否禁止点击 默认：false 不禁止
                              checked: false    //> 是否选中(默认：false) 推荐不使用该属性(在chechedbox属性中使用)
                          },
                          {
                              value:1,      //> 当前选中时值也就是value属性的值      【必填】
                              label: '点击我2',    //> 当前提示文字                 【必填】
                              disable: false,   //> 是否禁止点击 默认：false 不禁止
                              checked: false    //> 是否选中(默认：false) 推荐不使用该属性(在chechedbox属性中使用)
                          }
                      ]
                  }
              }
          }
        }
    });
</script>
```

* ui-radio 标签使用
```html
<!-- label属性：当前<label>标签标题内容 -->
<!-- params属性：当前需要一个对象(参看下面script内容) -->
<!-- tips属性：提示 string 默认 '' -->
<ui-radio label="单选" :params="params"></ui-radio>
<script>
    new Vue({
        el: '#id',
        data: function() {
          return {
              params: {
                  //> 注意：group和attr连个属性都不能省略 就算为空
                  group: {
                      size: 'small', //> checkBox按钮尺寸;支持 small/large 默认：small
                      fill: '#20a0ff',//> 按钮激活时的填充色和边框色 默认：'#20a0ff'
                      textColor: '#ffffff'//> 按钮激活时的文本颜色 默认：'#ffffff
                  },
                  attr: {
                      name: 'radio',   //> 当前checkbox框的name属性  【必填】
                      radioCheck:1,     //> 当前选中项 int | string   【必填】
                      label: 'el-radio-button', //> 当前样式 默认 el-radio 样式 【非必填】
                      radios: [ //> 每个checkbox 就是一个json对象     【必填】
                          {
                              value:0,      //> 当前选中时值也就是value属性的值      【必填】
                              label: '单选1',    //> 当前提示文字                 【必填】
                              disable: false   //> 是否禁止点击 默认：false 不禁止
                          },
                          {
                              value:1,      //> 当前选中时值也就是value属性的值      【必填】
                              label: '单选2',    //> 当前提示文字                 【必填】
                              disable: false   //> 是否禁止点击 默认：false 不禁止
                          }
                      ]
                  }
              }
          };
        }
    });
</script>
```

* ui-input-number 标签使用
```html
<!-- label属性：当前<label>标签标题内容 -->
<!-- name属性： name属性-->
<!-- min属性：最小值 默认 1 -->
<!-- max属性：最大值 默认 100 -->
<!-- step属性：步进 默认 1 -->
<!-- disabled属性：是否禁用 默认：false -->
<!-- controls属性：是否使用控制按钮 默认：true -->
<!-- value属性：回显属性 默认：'' -->
<!-- tips属性：提示 string 默认 '' -->
<ui-input-number name="number"></ui-input-number>
```

* ui-textarea 标签使用
```html
<!-- label属性：当前<label>标签标题内容 -->
<!-- placeholder属性：输入框占位文本 -->
<!-- disabled属性：是否禁用 -->
<!-- name属性：name属性 -->
<!-- value属性：回显属性 默认：'' -->
<!-- minlength属性：最小长度 默认 0 (不推荐使用) -->
<!-- maxlength属性：最大长度 默认 5000 -->
<!-- row属性：行数 默认 2  对象：{ minRows: 2, maxRows: 6 }-->
<!-- autosize属性：自适应内容高度 -->
<!-- auto-complete属性：原生属性，自动补全 on/off -->
<!-- readonly属性：是否可读 false -->
<!-- size属性：输入框 尺寸 默认：large 可用 large/small/mini -->
<!-- resize属性：控制是否能被用户缩放 none/both/horizontal/vertical 默认：both -->
<!-- autofocus属性：原生属性，自动获取焦点 true/false 默认：false -->
<!-- tips属性：提示 string 默认 '' -->
<ui-textarea name="textarea" size="large" value="" minlength="1" maxlength="5"></ui-textarea>
```

* ui-input-text 标签使用
```html
<!-- label属性：当前<label>标签标题内容 -->
<!-- placeholder属性：输入框占位文本 -->
<!-- disabled属性：是否禁用 -->
<!-- name属性：name属性 -->
<!-- value属性：回显属性 默认：'' -->
<!-- minlength属性：最小长度 默认 0 (不推荐使用) -->
<!-- maxlength属性：最大长度 默认 5000 -->
<!-- auto-complete属性：原生属性，自动补全 on/off -->
<!-- readonly属性：是否可读 false -->
<!-- autofocus属性：原生属性，自动获取焦点 true/false 默认：false -->
<!-- size属性：输入框 尺寸 默认：large 可用 large/small/mini -->
<!-- tips属性：提示 string 默认 '' -->
<ui-input-text></ui-input-text>
```

* ui-select 标签使用
```html
<!-- label属性：当前<label>标签标题内容 -->
<!-- multiple属性：是否多选 默认 false 可选 true (多选模式下传递的是已";"分割的参数) -->
<!-- disabled属性：是否禁止选择 false 可选 true -->
<!-- size属性：尺寸大小 默认 'large' 可选 large/small/mini -->
<!-- clearable属性：单选时是否可以清空选项 默认 false 可选 true -->
<!-- multiple-limit属性：多选个数 默认 0(无限制) 可选 数值 -->
<!-- name属性：原生name属性 默认 select -->
<!-- tips属性：提示 string 默认 '' -->
<!-- free属性：是否开启自由组合(参考el文档) -->
<!-- options属性：配置属性(对象/数组)(参考script标签) -->
<ui-select name="select" placeholder="请选择..." :options="options" :free="true"></ui-select>
<script>
    new Vue({
            el: '#id',
            data: function() {
              return {
                  options: {
                        checked: 1, //> 当前选中项 单选(string/num) 多选支持数组形式 [1,2] 选中tow、three (当前值请传递value值)
                        attr: [     //> 当前配置options属性
                            //> value 选中值 label 展示值
                            //> disabled 当前是否可选 false/true
                            //> notice option标记说明 (free开启使用)
                            {value: 0,label:'one',disabled:false,notice:''},
                            {value: 1,label:'tow',disabled:false,notice:''},
                            {value: 2,label:'three',disabled:false,notice:''}
                        ]
                    }
              };
            }
        });
</script>
```

* el-form 标签使用
```html
<!-- 该标签是el自带标签参考文档 配合上面标签书写 -->
<el-form action="{{route('wx.news.store_save',['img_news_id'=>$img_news_id])}}" method="post" id="formCreate"></el-form>
```

* ui-date-time 标签使用
```html
<!-- label属性：当前<label>标签标题内容 -->
<!-- type默认 datetime -->
<!-- readonly属性：只读属性 默认：false 可选 true -->
<!-- disable属性：禁用属性 默认：false 可选 true -->
<!-- editable属性：是否允许手动输入 默认：false(不允许) 可选 true(允许) -->
<!-- size属性：尺寸大小 默认 'large' 可选 large/small/mini -->
<!-- placeholder属性：输入框占位文本 -->
<!-- format属性：时间格式化类型 yyyy(年) MM(月) dd(日) -->
<!-- name属性：name属性 -->
<!-- value属性：回显属性 默认：'' -->
<ui-date-time></ui-date-time>
```