当前位置: 首页 > 工具软件 > FastAdmin > 使用案例 >

fastadmin学习笔记 1初识fastadmin

靳举
2023-12-01

fastadmin是基于我自己用过的tp5和bookstarp的框架,我个人算是比较熟悉的了上手应该比较快。

安装之前有文章写过了。这里直接进行简单的上手调试。

Curd创建和菜单创建

数据库 - FastAdmin框架文档 - FastAdmin开发文档

在创建之前要先看看框架文档数据库这一块

上图页面展示的是可以根据数据库中的字段影响后台生成的效果。具体展示我就不一一做出来了,时间有点太晚了有时间我会重新补充出来。

插件市场发布在线命令,这一步必须要做。安装后进入后台页面选择插件管理安装在线命令。

安装完成后左边下拉菜单会有在线命令管理,进入后可以发布自己的命令,但是必须要添加数据表才能发布命令

比如我创建好了fa_ceshi这张表,再里面新建了两个字段分别是testint和testenum这两个字段,我想要在后台的左边下拉菜单显示出来一个东西用来进行测试和学习。这两个字段类型分别是int和enum。

创建完成后点击在线命令管理点击添加,一键生成crud,选择创建的表,点击生成命令,点击生成

此时已经创建好crud了,但是还需要菜单进行管理,点击在线命令管理选择一键生成菜单,安装之前的步骤走就能创建好菜单了。这样就可以对官方文档的数据库栏目进行测试输出了。

页面调整与默认设置

我现在想要对权限管理里的管理员添加这一块进行调整该怎么去调整呢

第一步默认组别调整。我想添加一个默认的组别

找到根目录下的view/auth/admin/add.html

修改下面的这一栏,默认情况下数字2的那一栏应该是null我修改成2之后就可以看到默认权限为二级权限了

<div class="col-xs-12 col-sm-8">
            {:build_select('group[]', $groupdata, 2, ['class'=>'form-control selectpicker', 'multiple'=>'', 'data-rule'=>'required'])}
        </div>

第二步修改验证器

现在想把邮箱这一栏去掉,

修改add页面下的邮箱这一小块把页面上的require去掉。然后在validate验证器中的admin规则下修改,把email下的require去掉这样就完成了

第三步nickname和username值修改为一致

我发现nickname有点多余了我想改成和username一样的

需要调整js,在根目录public/assets/js/backend/auth/admin.js中的add:function中调整。

调整结果如下

        add: function () {
            Form.api.bindevent($("form[role=form]"));

            console.log('测试');
            $(document).on('keyup','#username',function(e){
                console.log($(this).val());
                $('#nickname').val($(this).val())
            })
        },

这样在键盘抬起的时候就会把username和nickname的值调整一致并且在console中打印出来。

 类似资料: