Java后台定位我的 一 延展性

FastAdmin模块开发快速上手

2018-09-23  本文已影响2242人  zmindthegap

下载FASTADMIN地址: https://www.fastadmin.net/download.html 

FASTADMIN开发文档地址:https://doc.fastadmin.net/docs/index.html

例子:

第一步:

在数据库中创建一个hysj_member用户列表

表结构如下:

注意:

1、用户名字段必须唯一,不能重复(添加表索引Unique)

2、一定要写上字段注释和表注释,即上图说明一栏

3、性别字段的注释:性别:0=未知,1=男,2=女

第二步:

        表创建好了以后,window + r输入cmd进入命令行控制台,进入到Fast Admin根目录,也就是项目的所在目录。

使用命令:

//生成 hysj_member 表的CRUD 且一键生成目录:表前缀(hysj_)可加可不加

        php  think  crud  -t  member  -u  1   

回车后,出现以下情况,表示成功

        Build Successed

更多常用命令,祥见Fast Admin开发文档 https://doc.fastadmin.net/docs/index.html

项目文件中会自动生成以下文件:

路径                                                                注释

application/admin/controller/Member.php       //这是用户模块的控制器

application/admin/view/member                     //模块视图文件夹(已自动生成文件)

Public/assets/js/backend/member.js              // js文件(重要),各参数配置,表字段等

在项目后台我们也可以看到如下图所示的效果:

  Tips:可以点击图片放大查看

        虽然Fast Admin框架已经给我写好了增删改查等功能,但是我们还是要根据我们自己的需求,对数据进行处理。

PS:

1、对密码进行加密操作

2、Salt字段(随机生成6位字符串),不能让用户自己输入(用户体验不友好),要 在后台自动生成(控制器中对数据进行处理)

3、头像的更改,对老照片的删除,新照片的替换(删除数据也一样)

4、性别的处理(不能是单纯的数字0,1,2)

5、用户列表中头像这一栏数据的处理(图片)

首先,我们打开用户模块的控制器,会发现,没有我们想要的方法,如下图:

        不难看出,此控制器继承了Backend这个控制器;可以打开Backend 这个控制器,把我们想要的方法复制到Member控制器中,根据自己的需求进行调整

        Backend路径在    application/admin/library/traits/Backend.php

解决方案:

一、对密码进行加密操作(补全数据库字段):

1、首先 先把添加控制器复制到我们的Member 控制器中

提示:

        数据提交后,Fast Admin框架采用的是Ajax无刷新技术,通过js对页面数据进行添加。

2、add(添加)方法我们已经copy了一份,现在可以在这个方法里面对数据进行 处理(密码加密,补全数据库字段)

对数据的处理,写在对数据库操作的前面如下图:

提示:Radom是已经封装的方法,不可以直接使用,需要通过命名空间进行引 入,在控制器头部写入use fast\Random;

二、修改信息时头像的处理

1、同上题,去Backend控制器复制自己需要的方法(edit,del),ps:两个;

2、分两种情况

① 不修改头像:

            使用原来的老图片,即默认不修改

② 修改头像:

              删除原来的老图片

  注意:原来图片有存在不存在两种情况,加一个file_exists判断图片是否 存在,存在即删除,避免找不到要删除的文件,报错。

三、对性别的处理

        在我们建立数据库的时候都有过注释,这就是注释的作用了,可以发现,我们建表时的注释都变成了添加,编辑,用户列表的标题了。

对用户列表中性别的处理:修改js文件中下图位置public/js/backend/member.js

是否疑问sex_text是哪里来的?可以将用户列表得到的数据打印一下,如下图:

在Membe.php控制器中的index方法写入以下代码

四、用户列表的数据处理(头像数据显示为图片)

在js文件中,做下图操作:

附表:框架中封装好的方法

上一篇下一篇

猜你喜欢

热点阅读