动态

详情 返回 返回

【小編推薦】Yii2.0+Vue2.0前後端分離框架通用後台源碼 - 动态 详情

yii-vue-cms 是一個yii2 + vue + element-ui的後台極速開發框架,前後端分離。 可通過gii實現自動生成頁面(支持文本、富文本、單圖、多圖、生成),快速開發。
基礎功能有: 權限管理(實現了頁面路由 + 接口權限控制, 接口權限可隨意關閉)、圖片相冊、圖片上傳、富文本、導出。網址: http://yii2.vue2.notestore.cn/index.html 賬號:test admin 密碼:123456

安裝教程

接口服務部署

  1. 安裝依賴,由於眾所周知的原因,國外的網站連接速度很慢。因此安裝的時間可能會比較長,我們建議使用國內鏡像 (阿里雲)。
    composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/
    根目錄執行
    composer update
  2. 導入數據庫,創建yii-vue-cms_db數據庫 將yii-vue-cms.sql導入數據庫中
  3. 配置接口域名,將配置的域名指向yii-vue-cms/admin/web目錄 假如域名為yii-vue-cms.com (此時直接訪問此域名是沒內容的這只是作為接口)

前端vue項目部署

  1. cd vueadmin
  2. 執行npm install

    1. install失敗 1、刪除node_modules 2、npm cache clean --force 3、npm install
    2. install失敗 1、刪除node_modules 2、刪除package-lock.josn 3、npm install
  3. 修改接口域名,將vueadmin/src/components/js/request.js裏的域名換成上面配置好的域名
  4. 安裝成功後 執行 npm run dev 打開http://localhost:8080 即可
  5. 打包 執行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+

點我購買,免登錄(正版源碼,自動發貨)

user avatar qngyun1029 头像 fisher_feng 头像 manongsir 头像 hsr2022 头像 defghy 头像 bigegaodeci 头像 kangdongdong 头像 liuoomei 头像 populus 头像 jingzhaoxia 头像 banni99 头像
点赞 11 用户, 点赞了这篇动态!
点赞

Add a new 评论

Some HTML is okay.