让你少踩坑的fastadmin教程(3)

简介: 让你少踩坑的fastadmin教程

七、为什么添加和修改都不管用了?

这里的问题首先去看看数据库的表结构,看你的表结构是否有问题。


表结构不要设置为field_id结尾,这样的字段是不可以的。


直接暴力就是fieldId即可。


关于这块后期看一下fastadmin源码,看是不是后缀带id的都会做什么操作。


经过看源码得出的结论。


fastadmin在一键curd时会将后缀为_id的字段识别为表外键,在新增记录时无论填入任何值都和报错“xxx_id不能为空”,这是因为fastadmin将其识别为了外键在add.html语句中这个字段的input是这样的:


<input id="c-xxx_id" data-rule="required" data-source="xxx/index" class="form-control selectpage" data-field="name" name="row[xxx_id]" type="text" value="">



八、列表字段显示的为英文

这个问题就很简单了,咔咔没有看源码理解就是语言包没有你设置的这个字段名。


直接打开到对应的js文件,然后修改初始化表格中的title值即可。

image.png


修改完之后就可以看到中文名了。


九、如何在一个模板上设置按钮,然后显示设置的表格

先看实现效果,点击回收站之后弹出一个表格。



image.png

那么如何给自己需要的模板设置同样的效果呢?


接下来就使用官方给的案例进行解读。


首先来到test的index模板中可以看到回收站的这个按钮。


这里需要注意这个herf的值,如果是自己自定义的按钮直接把title替换成自己设置的名字即可。


image.png


接着来到test的js模板,在这个js中你能看到出了index初始化表格外,还存在一个recyclebin这个方法。


如果你不想写直接把这个方法拿过去即可,但是一定要修改url地址哈!


image.png


但是此时做的这些修改远远还是不够的,还需要控制器,那么test的recyclebin的这个方法是在application/admin/library/traits/Backend.php这个文件里边。


如果你想设置你自己的方法,那么你需要在控制器新增加一个方法,然后把这个文件中的index方法代码复制过来即可。


既然有了控制器,有了js创建了表格,那么还缺什么呢!


还缺一个模板喽!创建一个跟你的方法名一样的html文件,然后随便复制一个index.html模板进去即可。


在复制的时候只留下这些代码,其余的就可以删除了,咔咔测试如果加上上边的代码会出现无法访问的情况。


image.png


html文件名的设置就跟下图一样


image.png


做完这些工作那就可以看到你想要的东西了。


实现步骤


在控制器Test中写需要显示列表的方法,例如display方法

创建了控制器就需要创建跟display方法对应的display.html模板文件

html模板文件的创建位置是在Test目录下

找到Test的js文件,然后添加display方法,这个方法不会写的话就直接使用案例中test.js中的recyclebin

然后就大功告成了

如果你还不会那么就只能私信咔咔了,哈哈


这里有个注意点就是如果你是用的test.js方法中的recyclebin,那么会存在一个问题就是操作的按钮问题。


image.png


这个按钮就是在recyclebin的初始化表格中设置的,自行设置即可。


也就是换换classname和名字即可。


image.png


修改完后的图,只要细心这个框架使用起来还是非常顺手的。


image.png


十、关于数据库字段设置为state查询条件没用


image.png

如果你发现你对state这个字段设置where条件后没有效果时,试着查询一条数据,然后看一下这个state类型


string(1) "1"


如果类型是上边打印的结果,那么你就要注意了,在查询条件中需要写上"1" ,也就是字符串1,而非整型1。


看到这里是不是恍然大悟,赶紧去改你的查询条件吧!


十一、设置的enum类型页面怎么是下拉框,不是单选框


image.png

如果你使用的enum类型,则会出现上的两种情况。


一种是下拉框,一种是单元框。


那么是什么原因造成的不一致呢?


image.png


请看上图,如果你想生成单元的形式,那就使用enum类型,字段名结尾使用data即可。


十二、发起ajax成功后如何实现刷新数据

这个过程你可以理解为用户上传了一个图片。


然后后台需要审核。


后台点击审核后,这条数据就需要移除,如果你发现数据未移除。


需要在对应的js文件上加上refresh:true即可。


在来说一下如何发起ajax请求,也是很简单将button的属性设置为btn-ajax即可。


image.png


本节关于fastadmin的实战问题到这里就结束了,如果你有其它的相关问题,可以私聊咔咔,也可以在评论区,咔咔看到会第一时间进行回复的。


相关文章
|
6月前
|
数据采集 机器学习/深度学习 数据可视化
分享68个Python爬虫源码总有一个是你想要的
分享68个Python爬虫源码总有一个是你想要的
204 0
|
3月前
|
数据采集 前端开发 JavaScript
《花100块做个摸鱼小网站! 》第四篇—前端应用搭建和完成第一个热搜组件
本文档详细介绍了从零开始搭建一个包含前后端交互的热搜展示项目的全过程。通过本教程,读者不仅能学习到完整的项目开发流程,还能掌握爬虫技术和前后端交互的具体实践。适合有一定编程基础并对项目实战感兴趣的开发者参考。
84 1
|
6月前
|
数据库
一款挺不错网站维护页面源码
一款挺不错网站维护页面源码,单HTML不需要数据库,上传到你的虚拟机就可以用做维护页面还不错,用处多。。
45 2
一款挺不错网站维护页面源码
|
6月前
|
数据采集 数据可视化 Java
分享66个Python爬虫源码总有一个是你想要的
分享66个Python爬虫源码总有一个是你想要的
210 1
|
6月前
|
数据采集 JavaScript 前端开发
分享58个NodeJs爬虫源码总有一个是你想要的
分享58个NodeJs爬虫源码总有一个是你想要的
82 4
|
6月前
|
存储 JavaScript 前端开发
分享72个NodeJs项目源码总有一个是你想要的
分享72个NodeJs项目源码总有一个是你想要的
204 0
|
6月前
|
数据采集 JavaScript 前端开发
分享66个NodeJs项目源码总有一个是你想要的
分享66个NodeJs项目源码总有一个是你想要的
286 0
|
6月前
|
JavaScript 前端开发 索引
某东大厂面试js手写题【手写代码附带注释,放心食用,博主亲测】
某东大厂面试js手写题【手写代码附带注释,放心食用,博主亲测】
58 0
|
12月前
|
前端开发 JavaScript API
wordpress插件开发踩坑记
想要使用 REST API 需要自己额外安装插件:WordPress REST API,现在 WordPress 5.0以上的版本已经默认支持 REST API了,不需要额外去安装插件
114 0
|
SQL 监控 druid
小白救星-SpringBoot最简教程06:web开发实战
先找到这个类:WebMvcAutoConfiguration,在这个jar包里面,还是自动配置