FastAdmin模塊開發(fā)快速上手

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

FASTADMIN開發(fā)文檔地址:https://doc.fastadmin.net/docs/index.html

例子:

第一步:

在數(shù)據(jù)庫中創(chuàng)建一個(gè)hysj_member用戶列表

表結(jié)構(gòu)如下:


注意:

1、用戶名字段必須唯一,不能重復(fù)(添加表索引Unique)

2、一定要寫上字段注釋和表注釋,即上圖說明一欄

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



第二步:

????????表創(chuàng)建好了以后,window + r輸入cmd進(jìn)入命令行控制臺,進(jìn)入到Fast Admin根目錄,也就是項(xiàng)目的所在目錄。


使用命令:

//生成 hysj_member 表的CRUD 且一鍵生成目錄:表前綴(hysj_)可加可不加

????????php ?think ?crud ?-t ?member ?-u ?1? ?

回車后,出現(xiàn)以下情況,表示成功

????????Build Successed

更多常用命令,祥見Fast Admin開發(fā)文檔?https://doc.fastadmin.net/docs/index.html

項(xiàng)目文件中會自動生成以下文件:

路徑? ??????????????????????????????????????????????????????????????注釋

application/admin/controller/Member.php ??????//這是用戶模塊的控制器

application/admin/view/member? ? ? ????????????? ?//模塊視圖文件夾(已自動生成文件)

Public/assets/js/backend/member.js ???????????? // js文件(重要),各參數(shù)配置,表字段等

在項(xiàng)目后臺我們也可以看到如下圖所示的效果:

??Tips:可以點(diǎn)擊圖片放大查看



????????雖然Fast Admin框架已經(jīng)給我寫好了增刪改查等功能,但是我們還是要根據(jù)我們自己的需求,對數(shù)據(jù)進(jìn)行處理。

PS:

1、對密碼進(jìn)行加密操作

2、Salt字段(隨機(jī)生成6位字符串),不能讓用戶自己輸入(用戶體驗(yàn)不友好),要 在后臺自動生成(控制器中對數(shù)據(jù)進(jìn)行處理)

3、頭像的更改,對老照片的刪除,新照片的替換(刪除數(shù)據(jù)也一樣)

4、性別的處理(不能是單純的數(shù)字0,1,2)

5、用戶列表中頭像這一欄數(shù)據(jù)的處理(圖片)

首先,我們打開用戶模塊的控制器,會發(fā)現(xiàn),沒有我們想要的方法,如下圖:


????????不難看出,此控制器繼承了Backend這個(gè)控制器;可以打開Backend 這個(gè)控制器,把我們想要的方法復(fù)制到Member控制器中,根據(jù)自己的需求進(jìn)行調(diào)整

????????Backend路徑在 ???application/admin/library/traits/Backend.php

解決方案:

一、對密碼進(jìn)行加密操作(補(bǔ)全數(shù)據(jù)庫字段):

1、首先 先把添加控制器復(fù)制到我們的Member 控制器中


提示:

????????數(shù)據(jù)提交后,F(xiàn)ast Admin框架采用的是Ajax無刷新技術(shù),通過js對頁面數(shù)據(jù)進(jìn)行添加。

2、add(添加)方法我們已經(jīng)copy了一份,現(xiàn)在可以在這個(gè)方法里面對數(shù)據(jù)進(jìn)行 處理(密碼加密,補(bǔ)全數(shù)據(jù)庫字段)

對數(shù)據(jù)的處理,寫在對數(shù)據(jù)庫操作的前面如下圖:


提示:Radom是已經(jīng)封裝的方法,不可以直接使用,需要通過命名空間進(jìn)行引 入,在控制器頭部寫入use fast\Random;


二、修改信息時(shí)頭像的處理

1、同上題,去Backend控制器復(fù)制自己需要的方法(edit,del),ps:兩個(gè);

2、分兩種情況

① 不修改頭像:

????????????使用原來的老圖片,即默認(rèn)不修改

② 修改頭像:

? ? ? ? ? ? ? 刪除原來的老圖片

? 注意:原來圖片有存在不存在兩種情況,加一個(gè)file_exists判斷圖片是否 存在,存在即刪除,避免找不到要?jiǎng)h除的文件,報(bào)錯(cuò)。

三、對性別的處理

????????在我們建立數(shù)據(jù)庫的時(shí)候都有過注釋,這就是注釋的作用了,可以發(fā)現(xiàn),我們建表時(shí)的注釋都變成了添加,編輯,用戶列表的標(biāo)題了。

對用戶列表中性別的處理:修改js文件中下圖位置public/js/backend/member.js


是否疑問sex_text是哪里來的?可以將用戶列表得到的數(shù)據(jù)打印一下,如下圖:

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


四、用戶列表的數(shù)據(jù)處理(頭像數(shù)據(jù)顯示為圖片)

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

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 關(guān)于Mongodb的全面總結(jié) MongoDB的內(nèi)部構(gòu)造《MongoDB The Definitive Guide》...
    中v中閱讀 32,309評論 2 89
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,578評論 19 139
  • 在做Winform應(yīng)用程序處理Image時(shí)碰到了這樣一個(gè)問題。窗體設(shè)計(jì)如下: 當(dāng)點(diǎn)擊上面窗體中的上一張和下一張時(shí),...
    JackRo閱讀 2,583評論 0 0
  • 感賞兒子玩游戲、看電視,心情很嗨。感賞兒子玩游戲遵守約定。感賞兒子和我們一起看電影。感賞兒子要我和他一起看《十萬個(gè)...
    曦梅梅閱讀 292評論 0 3
  • 上一章 天使成長記(13)分離焦慮 2018年1月15日,你剛好滿180天的日子,媽媽正式去上班了,比起你,媽媽比...
    宥奇跡閱讀 250評論 1 1

友情鏈接更多精彩內(nèi)容