Fastadmin 日常项目常见用法整理

server/2024/9/19 15:48:10/ 标签: 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+

二,下拉联动

<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>


http://www.ppmy.cn/server/26201.html

相关文章

大模型公开课-大模型的语言解码游戏学习总结

在当今快速发展的人工智能领域&#xff0c;深度学习作为其中的一项关键技术&#xff0c;正引领着科技的新潮流。而对于初学者来说&#xff0c;了解大型语言模型的解码游戏&#xff0c;对于理解深度学习的基本概念至关重要。本篇博客将对一次关于大型语言模型解码游戏的视频教学…

人形机器人狂潮来袭

奔跑、咖啡拉花、搬箱子、叠衣、分拣物品、吸尘清洁……曾存在于科幻电影中的人形机器人&#xff0c;正加速走进人类社会。 去年以来&#xff0c;伴随着AI大模型浪潮&#xff0c;被视为AI最佳载体的人形机器人似乎驶入了一条快车道&#xff0c;科技巨头纷纷入局&#xff0c;产…

小程序云开发(十六):小程序API实战

&#x1f517; 运行环境&#xff1a;小程序云开发 &#x1f6a9; 撰写作者&#xff1a;左手の明天 &#x1f947; 精选专栏&#xff1a;《python》 &#x1f525; 推荐专栏&#xff1a;《算法研究》 &#x1f510;#### 防伪水印——左手の明天 ####&#x1f510; &#x1f497…

将SSH密钥添加到GitHub账户

1、生成SSH密钥对&#xff1a; 首先&#xff0c;您需要在本地计算机上生成一个新的SSH密钥对。打开终端或命令提示符&#xff0c;然后运行以下命令。请确保替换your_emailexample.com为您GitHub账户关联的电子邮件地址。这里我们使用Ed25519算法&#xff0c;因为它既安全又高效…

【docker】Docker开启远程访问

将构建的镜像自动上传到服务器。 需要开放 Docker 的端口&#xff0c;让我们在本地能连接上服务器的 Docker&#xff0c;这样&#xff0c;才能上传构建的镜像给 Docker。 开启远程访问 首先在服务器打开 Docker 的服务文件 vim /usr/lib/systemd/system/docker.service修改…

监视器和显示器的区别,普通硬盘和监控硬盘的区别

监视器与显示器的区别&#xff0c;你真的知道吗&#xff1f; 中小型视频监控系统中&#xff0c;显示系统是最能展现效果的一个重要环节&#xff0c;显示系统的优劣将直接影响视频监控系统的用户体验满意度。 中小型视频监控系统中&#xff0c;显示系统是最能展现效果的一个重要…

SpringBoot+阿里云实现验证码登录注册及重置密码

开通阿里云短信服务 阿里云官网 创建API的Key 可以使用手机号或者刷脸来进行创建Key 创建成功 开通完成以后接下来实现代码请求阶段 配置maven依赖 <!-- 阿里云 oss 短信 依赖--><dependency><groupId>com.aliyun</groupId><artifactId>dysm…

2、​​​​​​​FreeCAD模块与核心架构总结

FreeCAD作为一个开源的3D建模软件&#xff0c;其内部架构由多个模块组成&#xff0c;这些模块共同协作以支持软件的各种功能。本总结将基于提供的参考文档&#xff0c;对FreeCAD的核心模块、架构特性以及启动过程进行翻译和详细阐述。 核心模块概览 FreeCAD的核心模块主要包括…

设计模式第二次测试 | 数据库连接池设计(原型模式、创建者模式、适配器模式)

需求中文如下&#xff1a;原本是英文&#xff0c;用百度翻译转换而来 我们需要设计一个工具&#xff0c;它负责创建一个与数据库软件MySQL的连接池。 连接池中有数百个连接可供客户端使用。 所有连接对象都有相同的内容&#xff0c;但它们是不同的对象。 连接对象的创建是资源密…

机器人系统结构不确定性

定义&#xff1a;结构不确定性指的是系统的结构特性存在的不确定性。这意味着系统的动力学特性可能受到非线性、时变、时滞、饱和等因素的影响&#xff0c;导致系统的结构模型具有一定的不确定性。影响&#xff1a;结构不确定性会使得控制器的设计更加困难&#xff0c;因为传统…

数据结构===栈

文章目录 栈的定义实现一个栈用数组实现栈用链表实现栈支持动态扩容的栈 栈的应用小结 栈的定义 栈是一种先进后出的数据结构。它的操作受限。 栈&#xff0c;是一种先进后出&#xff0c;或者后进先出的数据结构。跟数组和链表相比&#xff0c;有一定的限制性。毕竟&#xff0…

第72天:漏洞发现-Web框架中间件联动GobyAfrogXrayAwvsVulmap

案例一&#xff1a;某 APP-Web 扫描-常规&联动-Burp&Awvs&Xray Acunetix 一款商业的 Web 漏洞扫描程序&#xff0c;它可以检查 Web 应用程序中的漏洞&#xff0c;如 SQL 注入、跨站脚本攻击、身份验证页上的弱口令长度等。它拥有一个操作方便的图形用户界 面&#…

文献速递:深度学习医学影像心脏疾病检测与诊断---利用深度学习进行动态心脏PET的自动帧间患者运动校正

Title 题目 Automatic Inter-frame Patient Motion Correction for Dynamic Cardiac PET Using Deep Learning 利用深度学习进行动态心脏PET的自动帧间患者运动校正 01 文献速递介绍 OSITRON正电子发射断层扫描&#xff08;PET&#xff09;心肌灌注成像已被证明相较于其他…

avl excite python二次开发1--python解释器需用内置解释器aws_cmd

avl excite python二次开发1--python解释器需用内置解释器aws_cmd 1、python解释器问题1.1、用外置python解释器&#xff0c;import WSInterface会失败(WSInterface.pyd)1.2、用内置解释器aws_cmd运行py脚本1.3 用内置解释器aws_python执行脚本三级目录 1、python解释器问题 1…

Hotcoin Research | 市场洞察:2024年4月22日-28日

加密货币市场表现 本周内加密大盘整体呈现出复苏状态&#xff0c;在BTC减半后进入到震荡上行周期。BTC在$62000-66000徘徊&#xff0c;ETH在$3100-3300徘徊&#xff0c;随着港交所将于 4 月 30 日开始交易嘉实基金的比特币和以太坊现货 ETF&#xff0c;周末行情有一波小的拉升…

16 内核开发-学习流程书籍推荐

16 内核开发-学习流程书籍推荐 谈谈我最近学习tcpip 内核网络栈协议的一些方法及见解&#xff0c;不一对&#xff0c;但是我自己觉得还是有一些效果的。 针对想了解学习tcpip 内核网络栈协议的同学&#xff0c;推荐一种我正在使用的学习路径 (1)先通体阅读介绍内核模块的书籍 …

Python 与 TensorFlow2 生成式 AI(五)

原文&#xff1a;zh.annas-archive.org/md5/d06d282ea0d9c23c57f0ce31225acf76 译者&#xff1a;飞龙 协议&#xff1a;CC BY-NC-SA 4.0 第十二章&#xff1a;用生成式人工智能玩视频游戏&#xff1a;GAIL 在之前的章节中&#xff0c;我们已经看到如何使用生成式人工智能来生成…

vue的axios使用!

什么是axios? 1.axios是一个基于 promise 的 HTTP 库&#xff0c;可以用在浏览器和 node.js 中, 也是 vue 官方推荐使用的 http 库&#xff1b;封装axios&#xff0c;一方面为了以后维护方便&#xff0c;另一方面也可以对请求进行自定义处理。 如何安装&#xff1f; npm in…

Xinlinx FPGA内的存储器BRAM全解

目录 一、总体概述1.7系列FPGA的BRAM特点2.资源情况 二、BRAM分类1.单端口RAM2.简单双端口RAM3.真双端口RAM 三、BRAM的读写1、Primitives Output Registers读操作注意事项2.三种写数据模式&#xff08;1&#xff09;Write_First&#xff08;2&#xff09;Read_First&#xff0…

Gateway服务网关

当然&#xff0c;以下是一个关于Spring Cloud Gateway如何工作的示例&#xff0c;来展示其作为服务网关的核心功能。 示例&#xff1a;Spring Cloud Gateway 1. 引入依赖 首先&#xff0c;你需要在你的Spring Boot项目中引入Spring Cloud Gateway的依赖。 <dependency&g…