您好,登錄后才能下訂單哦!
這篇文章主要介紹“yylAdmin系統(tǒng)的安裝和使用方法”,在日常操作中,相信很多人在yylAdmin系統(tǒng)的安裝和使用方法問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”yylAdmin系統(tǒng)的安裝和使用方法”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
Gitee:https://gitee.com/skyselang/yylAdmin
Github:https://github.com/skyselang/yylAdmin
yylAdmin是一個極簡后臺管理系統(tǒng),只有登錄退出、權(quán)限管理、日志管理等基本功能,方便擴展;前后端分離,后端采用ThinkPHP6,前端采用Vue2;項目由后端yylAdmin和前端yylAdminWeb組成。
yylAdmin
yylAdminWeb
地址:yylAdmin demo
賬號:yyladmin、admin
密碼:123456
提示:演示賬號只有部分權(quán)限,請下載源碼安裝體驗全部功能
PhpStudy
Git
Node
Composer
ThinkPHP
Vue
Element
# 克隆項目 git clone https://gitee.com/skyselang/yylAdmin.git # 進入項目目錄 cd yylAdmin # 安裝依賴 composer install # 可以通過composer鏡像解決速度慢的問題 composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/ # 導入數(shù)據(jù)庫 數(shù)據(jù)庫文件:public/private/yyladmin.sql # 配置 重命名.env.example為.env,修改里面配置 或者直接修改config文件夾里面的相應配置
# 克隆項目 git clone https://gitee.com/skyselang/yylAdminWeb.git # 進入項目目錄 cd yylAdminWeb # 安裝依賴 npm install # 可以通過npm鏡像解決速度慢的問題 npm install --registry=https://registry.npm.taobao.org # 或者使用cnpm,安裝后使用cnpm替代npm,如 cnpm install npm install -g cnpm --registry=https://registry.npm.taobao.org # 配置 在.env*環(huán)境變量文件里面修改接口地址 # 啟動服務 npm run dev
地址:http://localhost:9527
賬號:yyladmin
密碼:123456
管理員:skyselang
密碼:123456
以日志管理為例
編寫接口代碼:app/admin/controller/AdminLog.php
<img width="100%" src="./public/static/img/devphp1.jpg">
添加菜單信息
<img width="100%" src="./public/static/img/devphp2.jpg">
分配相應權(quán)限
<img width="100%" src="./public/static/img/devphp3.jpg">
新建接口文件:src/api/admin.js
<img width="100%" src="./public/static/img/devweb1.jpg">
新建頁面文件:src/views/admin/log.vue
<img width="100%" src="./public/static/img/devweb2.jpg">
添加路由信息:src/router/index.js
<img width="100%" src="./public/static/img/devweb3.jpg">
退出重新登錄
<img width="100%" src="./public/static/img/devref.jpg">
# 構(gòu)建測試環(huán)境 npm run build:stage # 構(gòu)建生產(chǎn)環(huán)境 npm run build:prod
# 預覽發(fā)布環(huán)境效果 npm run preview # 預覽發(fā)布環(huán)境效果 + 靜態(tài)資源分析 npm run preview -- --report # 代碼格式檢查 npm run lint # 代碼格式檢查并自動修復 npm run lint -- --fix
<img width="100%" src="./public/static/img/yyladmin_login.jpg">
<img width="100%" src="./public/static/img/yyladmin.jpg">
推薦使用cnpm:cnpm
刪除node_modules文件夾后使用cnpm重新安裝依賴
使用的是element-ui:element-ui
支持Chrome、Firefox、QQ、360、Edge等主流瀏覽器,不支持IE以及瀏覽器的兼容模式(IE內(nèi)核)
調(diào)試模式下根據(jù)接口返回錯誤信息排查,或者提Issue
Apache2開源協(xié)議,完全免費使用
Copyright skyselang https://gitee.com/skyselang
到此,關于“yylAdmin系統(tǒng)的安裝和使用方法”的學習就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關知識,請繼續(xù)關注億速云網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。