yii-vue-cms 是一個yii2 + vue + element-ui的後台極速開發框架,前後端分離。 可通過gii實現自動生成頁面(支持文本、富文本、單圖、多圖、生成),快速開發。
基礎功能有: 權限管理(實現了頁面路由 + 接口權限控制, 接口權限可隨意關閉)、圖片相冊、圖片上傳、富文本、導出。網址: http://yii2.vue2.notestore.cn/index.html 賬號:test admin 密碼:123456
安裝教程
接口服務部署
- 安裝依賴,由於眾所周知的原因,國外的網站連接速度很慢。因此安裝的時間可能會比較長,我們建議使用國內鏡像 (阿里雲)。
composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/
根目錄執行
composer update - 導入數據庫,創建yii-vue-cms_db數據庫 將yii-vue-cms.sql導入數據庫中
- 配置接口域名,將配置的域名指向yii-vue-cms/admin/web目錄 假如域名為yii-vue-cms.com (此時直接訪問此域名是沒內容的這只是作為接口)
前端vue項目部署
- cd vueadmin
-
執行npm install
- install失敗 1、刪除node_modules 2、npm cache clean --force 3、npm install
- install失敗 1、刪除node_modules 2、刪除package-lock.josn 3、npm install
- 修改接口域名,將vueadmin/src/components/js/request.js裏的域名換成上面配置好的域名
- 安裝成功後 執行 npm run dev 打開http://localhost:8080 即可
- 打包 執行npm run build 會生成一個dist文件 將dist文件放在yii-vue-cms/admin/web下, 此時訪問yii-vue-cms.com/dist/
生成頁面
上面配置好之後 打開http://139.155.45.209:85/index.php/gii 或http://139.155.45.209:85/gii 到gii頁面
生成Model
如表fx_test
類名即為Test
Namespace 填 commonmodels
勾選 Use Table Prefix 、 Generate Labels from DB Comments 、 Use Schema Name
模板 Code Template 選擇我們自定義的模板 mymodel
生成 CRUD Generator
model class 填 commonmodelsTest
Controller Class 填 adminv1TestController
view path 填 @vue/src/page/test
模板 Code Template 選擇我們自定義的模板 mymodel
點擊生成後,會在對應目錄下生成文件,此時先將index.php、 list.php等 改成.vue文件 保存, 然後格式化一下
創建菜單
在菜單權限--》 菜單列表 添加對應的路由,保存後,重新登錄即可看到
菜單分為路由 和 接口 需要填寫對應的內容,
如果不需要接口權限,在admin/config/params.php 裏關閉即可
收藏:370+,已購:100+
點我購買,免登錄(正版源碼,自動發貨)