Fastadmin 日常项目常见用法整理

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

一,数据库后缀

结尾字符 示例 类型要求 字段说明
time refreshtime bigint/datetime 识别为日期时间型数据,自动创建选择时间的组件
image smallimage varchar 识别为图片文件,自动生成可上传图片的组件,单图
images smallimages varchar 识别为图片文件,自动生成可上传图片的组件,多图
file attachfile varchar 识别为普通文件,自动生成可上传文件的组件,单文件
files attachfiles varchar 识别为普通文件,自动生成可上传文件的组件,多文件
avatar miniavatar varchar 识别为头像,自动生成可上传图片的组件,单图
avatars miniavatars varchar 识别为头像,自动生成可上传图片的组件,多图
content maincontent text/mediumtext/longtext 识别为内容,自动生成富文本编辑器(需安装富文本插件)
_id user_id int/varchar 识别为关联字段,自动生成可自动完成的文本框,单选
_ids user_ids varchar 识别为关联字段,自动生成可自动完成的文本框,多选
list timelist enum 识别为列表字段,自动生成单选下拉列表
list timelist set 识别为列表字段,自动生成多选下拉列表
data hobbydata enum 识别为选项字段,自动生成单选框
data hobbydata set 识别为选项字段,自动生成复选框
json configjson varchar 识别为键值组件,自动生成键值录入组件,仅支持1.2.0+
switch siteswitch tinyint 识别为开关字段,自动生成开关组件,默认值10,仅支持FastAdmin 1.2.0+
range daterange varchar 识别为时间区间组件,自动生成时间区间组件,仅支持FastAdmin 1.3.0+
tag articletag varchar 识别为Tagsinput,自动生成标签输入组件,仅支持FastAdmin 1.3.0+
tags articletags varchar 识别为Tagsinput,自动生成标签输入组件,仅支持FastAdmin 1.3.0+

二,下拉联动

<div class="form-group">
    <label class="control-label col-xs-12 col-sm-2">{:__('所属品牌')}:</label>
    <div class="col-xs-12 col-sm-8">
        <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">
    </div>
</div>
<div class="form-group">
    <label class="control-label col-xs-12 col-sm-2">{:__('型号')}:</label>
    <div class="col-xs-12 col-sm-8">
        <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">
    </div>
</div>

js 部分:

add: function () {
    //每次选择的时候重置下型号选择框为空
    $(document).on("change", "#c-brand_type_id", function(){
        $("#c-model_id").selectPageClear();
    });

    //选择产品品牌后给产品信号新增一个brand_id参数
    $("#c-model_id").data("params", function (obj) {
        return {custom: {brand_id: $("#c-brand_type_id").val()}};
    });

    //需放在系统api之前
    Controller.api.bindevent();
},

三,tab选项卡切换

<div class="panel-heading">
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#base" data-toggle="tab">基础设置</a>
        </li>
        <li data-toggle="tooltip"">
            <a href="#set_cn" data-toggle="tab">中文说明</a>
        </li>
        <li data-toggle="tooltip"">
            <a href="#set_en" data-toggle="tab">英文说明</a>
        </li>
    </ul>
</div>
<div class="tab-pane fade active in" id="base">
</div>
<div class="tab-pane fade" id="set_cn">
</div>
<div class="tab-pane fade" id="set_en">
</div>

相关推荐

  1. Fastadmin 日常项目常见用法整理

    2024-05-01 12:34:02       34 阅读
  2. grep常规用法整理【ing】

    2024-05-01 12:34:02       34 阅读
  3. FastAdmin

    2024-05-01 12:34:02       62 阅读
  4. 常见攻击类型整理

    2024-05-01 12:34:02       25 阅读
  5. PyTorch 常见用法介绍

    2024-05-01 12:34:02       39 阅读
  6. 【React】常见疑问的整理

    2024-05-01 12:34:02       60 阅读
  7. 项目工具整理

    2024-05-01 12:34:02       33 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-01 12:34:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-01 12:34:02       101 阅读
  3. 在Django里面运行非项目文件

    2024-05-01 12:34:02       82 阅读
  4. Python语言-面向对象

    2024-05-01 12:34:02       91 阅读

热门阅读

  1. 深入解析Jackson的ObjectMapper:核心功能与方法指南

    2024-05-01 12:34:02       38 阅读
  2. W801学习笔记十六:掌机系统——启动第一个应用

    2024-05-01 12:34:02       39 阅读
  3. 论文辅助笔记:TEMPO 之 utils.py

    2024-05-01 12:34:02       28 阅读
  4. list模拟实现

    2024-05-01 12:34:02       24 阅读
  5. 六石管理学:有目的,再投诉

    2024-05-01 12:34:02       30 阅读
  6. Docker的介绍及与传统虚拟化技术的区别

    2024-05-01 12:34:02       32 阅读
  7. 3D,kd-tree算法原理

    2024-05-01 12:34:02       26 阅读
  8. 互联网的路由选择协议

    2024-05-01 12:34:02       29 阅读
  9. 2021 OWASP Top 10-零基础案例学习

    2024-05-01 12:34:02       27 阅读