會(huì)員中心添加會(huì)員等級(jí)圖標(biāo)，并在前端顯示。
我們?cè)诰W(wǎng)站的會(huì)員中心前端想要顯示會(huì)員等級(jí)信息的時(shí)候，發(fā)現(xiàn)前端是顯示不了的。
他只能顯示：gcode和gname.
這是什么原因呢？
我們只需要打開：apps\\home\\model中打開：MemberModel.php
我們看到有這樣一段代碼：
這就是表示在會(huì)員中心可以讀取會(huì)員分組中的gcode和gname
所以接下來就簡(jiǎn)單了，我們只需要把想要展示的會(huì)員分組中的字段添加進(jìn)來就可以了。
比如說原來就有的描述字段。'b.description',
然后我們想給會(huì)員分組添加一個(gè)圖標(biāo)，比如就叫g(shù)ico
所以修改后的代碼就是：
一共添加了兩行：
'b.description', 'b.gico'
在下面獲取會(huì)員信息處也添加上：
這樣前端的會(huì)員中心就可以讀取這兩個(gè)字段了。
現(xiàn)在我們需要修改后端文件，讓這個(gè)gico實(shí)現(xiàn)可以上傳圖標(biāo)的功能。
打開后端的HTML文件。
在等級(jí)名稱下面添加一個(gè)：共兩處，新增會(huì)員等級(jí)和修改等級(jí)兩處都需要添加。
<div class="layui-form-item">
<label class="layui-form-label">等級(jí)圖標(biāo)</label>
<div class="layui-input-inline">
<input type="text" name="gico" id="gico" value="{$group->gico}" placeholder="請(qǐng)上傳縮略圖" class="layui-input">
</div>
<button type="button" class="layui-btn upload watermark" data-des="gico">
<i class="layui-icon"></i>上傳圖片
</button>
<a class="layui-btn layui-btn-warm" onclick="GetPictureFolder(1,'gico');"><i class="layui-icon layui-icon-picture"></i>圖庫(kù)</a>
<div id="ico_box" class="pic addedit">{if([$group->gico])}<dl><dt><img lay-src="{SITE_DIR}{$group->gico}" data-url="{$group->gico}"></dt><dd>刪除</dd></dl>{/if}</div>
</div>
添加完成之后，我們發(fā)現(xiàn)修改或者新增的時(shí)候無法寫入數(shù)據(jù)。因?yàn)闆]有添加gico到PHP中讓他寫入數(shù)據(jù)庫(kù)。
所以需要打開后端文件：\\apps\\admin\\controller\\member中的：MemberGroupController.php
// 會(huì)員等級(jí)增加
public function add()
{
if ($_POST) {
// 獲取數(shù)據(jù)
$gcode = post('gcode', 'int') ?: get_auto_code($this->model->getLastGid(), 1);
$gname = post('gname');
$gico = post('gico'); //新增上傳圖標(biāo)
$description = post('description');同樣在修改操作處：
// 修改操作
if ($_POST) {
// 獲取數(shù)據(jù)
$gcode = post('gcode', 'int') ?: get_auto_code($this->model->getLastGid(), 1);
$gname = post('gname');
$gico = post('gico'); //新增上傳圖標(biāo)
$description = post('description');修改完成之后就可以在后臺(tái)正常上傳圖標(biāo)并保存數(shù)據(jù)了。
但是我們又發(fā)現(xiàn)一個(gè)問題。
后臺(tái)會(huì)員等級(jí)的排序是有點(diǎn)問題的。當(dāng)?shù)燃?jí)大于10的時(shí)候，他的10以上的等級(jí)會(huì)排在1后臺(tái)，2前面。像是按這個(gè)數(shù)字排序的。
所以我們需要修改成按等級(jí)排序會(huì)比較好看一些。于是我們只需要修改：\\apps\\admin\\controller\\member\\MemberGroupController.php中添加一段代碼
// 會(huì)員等級(jí)列表
public function index()
{
if ((! ! $id = get('id', 'int')) && $result = $this->model->getGroup($id)) {
$this->assign('more', true);
$this->assign('group', $result);
} else {
$this->assign('list', true);
if (! ! ($field = get('field', 'var')) && ! ! ($keyword = get('keyword', 'vars'))) {
$result = $this->model->findGroup($field, $keyword);
} else {
$result = $this->model->getList();
}
// 新增按ID升序排序
if (is_array($result)) {
usort($result, function($a, $b) {
return $a->id <=> $b->id; // 升序排列
// return $b->id <=> $a->id; // 如果想倒序排列就改成這一行
});
}
// 新增按ID升序排序結(jié)束
$this->assign('groups', $result);
}
$this->display('member/group.html');
}這樣就可以了。這樣他就會(huì)按等級(jí)編號(hào)從小到大排序了。
