当前位置:   article > 正文

Fastadmin 日常项目常见用法整理

Fastadmin 日常项目常见用法整理

ps:自己使用笔记备用,不间断更新,常见功能点

一,数据库后缀

结尾字符示例类型要求字段说明
timerefreshtimebigint/datetime识别为日期时间型数据,自动创建选择时间的组件
imagesmallimagevarchar识别为图片文件,自动生成可上传图片的组件,单图
imagessmallimagesvarchar识别为图片文件,自动生成可上传图片的组件,多图
fileattachfilevarchar识别为普通文件,自动生成可上传文件的组件,单文件
filesattachfilesvarchar识别为普通文件,自动生成可上传文件的组件,多文件
avatarminiavatarvarchar识别为头像,自动生成可上传图片的组件,单图
avatarsminiavatarsvarchar识别为头像,自动生成可上传图片的组件,多图
contentmaincontenttext/mediumtext/longtext识别为内容,自动生成富文本编辑器(需安装富文本插件)
_iduser_idint/varchar识别为关联字段,自动生成可自动完成的文本框,单选
_idsuser_idsvarchar识别为关联字段,自动生成可自动完成的文本框,多选
listtimelistenum识别为列表字段,自动生成单选下拉列表
listtimelistset识别为列表字段,自动生成多选下拉列表
datahobbydataenum识别为选项字段,自动生成单选框
datahobbydataset识别为选项字段,自动生成复选框
jsonconfigjsonvarchar识别为键值组件,自动生成键值录入组件,仅支持1.2.0+
switchsiteswitchtinyint识别为开关字段,自动生成开关组件,默认值10,仅支持FastAdmin 1.2.0+
rangedaterangevarchar识别为时间区间组件,自动生成时间区间组件,仅支持FastAdmin 1.3.0+
tagarticletagvarchar识别为Tagsinput,自动生成标签输入组件,仅支持FastAdmin 1.3.0+
tagsarticletagsvarchar识别为Tagsinput,自动生成标签输入组件,仅支持FastAdmin 1.3.0+

二,下拉联动

  1. <div class="form-group">
  2. <label class="control-label col-xs-12 col-sm-2">{:__('所属品牌')}:</label>
  3. <div class="col-xs-12 col-sm-8">
  4. <input id="c-brand_type_id" data-rule="required" data-source="goods/brandlist/index" data-field="brand_name" class="form-control selectpage" name="row[brand_type_id]" type="text" value="" data-field="brand_name">
  5. </div>
  6. </div>
  7. <div class="form-group">
  8. <label class="control-label col-xs-12 col-sm-2">{:__('型号')}:</label>
  9. <div class="col-xs-12 col-sm-8">
  10. <input id="c-model_id" data-rule="required" data-source="goods/modellist/index" class="form-control selectpage" name="row[model_id]" type="text" value="" data-field="model_name">
  11. </div>
  12. </div>

js 部分:

  1. add: function () {
  2. //每次选择的时候重置下型号选择框为空
  3. $(document).on("change", "#c-brand_type_id", function(){
  4. $("#c-model_id").selectPageClear();
  5. });
  6. //选择产品品牌后给产品信号新增一个brand_id参数
  7. $("#c-model_id").data("params", function (obj) {
  8. return {custom: {brand_id: $("#c-brand_type_id").val()}};
  9. });
  10. //需放在系统api之前
  11. Controller.api.bindevent();
  12. },

三,tab选项卡切换

  1. <div class="panel-heading">
  2. <ul class="nav nav-tabs">
  3. <li class="active">
  4. <a href="#base" data-toggle="tab">基础设置</a>
  5. </li>
  6. <li data-toggle="tooltip"">
  7. <a href="#set_cn" data-toggle="tab">中文说明</a>
  8. </li>
  9. <li data-toggle="tooltip"">
  10. <a href="#set_en" data-toggle="tab">英文说明</a>
  11. </li>
  12. </ul>
  13. </div>
  14. <div class="tab-pane fade active in" id="base">
  15. </div>
  16. <div class="tab-pane fade" id="set_cn">
  17. </div>
  18. <div class="tab-pane fade" id="set_en">
  19. </div>

四,后台table去除不必要的字段关联查询输出(前端同样适用)

项目说明:关联查询品牌模型和型号模型,不需要输出品牌表的诸如createtime这些字段,则直接在foreach里面指明要输出的字段即可

  1. if ($this->request->request('keyField')) {
  2. return $this->selectpage();
  3. }
  4. list($where, $sort, $order, $offset, $limit) = $this->buildparams();
  5. $list = $this->model
  6. ->with(['brand','model'])
  7. ->where($where)
  8. ->order($sort, $order)
  9. ->paginate($limit);
  10. foreach ($list as $row) {
  11. $row->getRelation('brand')->visible(['brand_name']);
  12. $row->getRelation('model')->visible(['model_name']);
  13. }

五,后台文件上传提示文件扩展名不对以及上传大小不符

目前需要我们手工去application/extra/upload.php中去手动修改并保存

注意:修改这里仅限于在本框架设置了最大上传大小,像php.ini默认上传上限是8M,如何修改环境上传上限自行处理

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/542979
推荐阅读
相关标签
  

闽ICP备14008679号