歡迎使用yamecent-admin后臺管理
環(huán)境要求
依賴 | 說明 |
---|---|
PHP | PHP7+ |
項目簡介
yamecent-admin是一款基于laravel框架進行封裝的后臺管理系統(tǒng),其中包含:
- rbac權(quán)限管理模塊
- 完整的ui組件(外部引入)
- 圖片上傳,網(wǎng)絡(luò)請求等常用的js公共函數(shù)
- 持續(xù)維護中...
- github地址 https://github.com/woann/yamecent-admin
安裝教程
- 執(zhí)行安裝命令
composer create-project woann/yamecent-admin
或者git clone https://github.com/woann/yamecent-admin.git
- 配置域名(按laravel項目正常配置即可,解析到public目錄)
- 如發(fā)現(xiàn)權(quán)限相關(guān)問題 執(zhí)行 chown -R 用戶名:用戶組 項目目錄
- 訪問域名,登錄即可進入管理系統(tǒng)
-
首次訪問域名時會跳轉(zhuǎn)至安裝頁面
- 填寫完數(shù)據(jù)表配置之后,點擊安裝即可(有點小慢笆环,喝口水)
- 安裝完之后就可以使用剛剛提交的管理員賬號密碼登錄了(如果您想重新安裝像吻,要將/app/install/install.lock 文件刪掉,重新訪問網(wǎng)址即可)
- UI參考地址: http://demo.cssmoban.com/cssthemes5/twts_141_PurpleAdmin/pages/ui-features/buttons.html
js函數(shù)列表
函數(shù) | 用途 |
---|---|
myRequest(url,type,data,success,error){} | 發(fā)起ajax請求(包含laravel的token驗證,loading等) |
function myConfirm(msg,confirm){} | 發(fā)起詢問框 |
checkForm(){} | 驗證表單 |
cutStr(){} | 限制td字數(shù) |
富文本
- html
<div class="form-group " id="text" style="display: none;">
<label >富文本</label>
<textarea placeholder="請在此處編輯內(nèi)容" id="editor" style="height:400px;max-height:400px;overflow: hidden"></textarea >
</div>
- javascript
var editor = new wangEditor('editor');
editor.config.uploadImgUrl = "/admin/wangeditor/upload";
// 隱藏掉插入網(wǎng)絡(luò)圖片功能勺爱。該配置晃琳,只有在你正確配置了圖片上傳功能之后才可用。
editor.config.hideLinkImg = false;
editor.create();
-
示例
列表批量操作
- html
<!--按鈕-->
<button type="button" class="btn btn-sm btn-gradient-danger btn-icon-text" onclick="batch('/admin/user/del/')">
<i class="mdi mdi-delete btn-icon-prepend"></i>批量刪除
</button>
<!--全選復(fù)選框-->
<tr>
<th width="3%">
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" class="form-check-input batch-all">
</label>
</div>
</th>
...
</tr>
<!--列表復(fù)選框-->
<tr>
<td>
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" class="form-check-input td-check" value="{{ $v->id }}">
</label>
</div>
</td>
...
</tr>
-
示例
部分截圖: