【小编推荐】Laravel7 + Vue2.0前后端分离框架通用后台源码

【小编推荐】Laravel7 + Vue2.0前后端分离框架通用后台源码

laravel7 + vue + eleme...

发布时间:2022年8月16日
拼币:68
立即下载

laravel7 + vue + element-ui的后台极速开发框架,采用前后端分离架构,安全性 (JWT 校验、中间件、验证器、路由、异常处理、权限控制) 网址:http://119.91.46.222:84/admin 账号:admin 密码:admin

### 注意事项
后端项目部署,尽量用域名,不要用`php artisan serve`,启用后端项目,否则会出现后台无法登录问题


### 安装要求
1. php = 7.4
2. laravel = 7.22.4
2. mysql >= 5.7
3. vue = 2.5.17
3. redis (非必须)
4. node = v10.24.1

O1CN01RI79hL2EsuTTiIL2s_!!4058078801

#### 快速安装 (必须)
1. cd backend #进入后端目录
2. cp .env.dev .env #复制配置
3. 创建数据库,laravel-vue-cms 并依次设置 .env文件中的 `DB_HOST` `DB_PORT` `DB_DATABASE` `DB_USERNAME` `DB_PASSWORD`
4. 导入数据库文件,resource/数据库.sql
5. 配置伪静态 ngnix参考:location / { try_files $uri $uri/ /index.php$is_args$query_string;  }
6. 访问后台,你的域名/admin 账号: admin 密码: admin






### 安装依赖 (非必须)
由于众所周知的原因,国外的网站连接速度很慢。因此安装的时间可能会比较长,我们建议使用国内镜像 (阿里云)。
composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/
根目录执行
composer update 或者 composer install


#### 可选配置(非必须)
php artisan migrate #第一步:安装数据表
php artisan generate:cms #第二步:添加demo数据
php artisan key:generate #第三步:生成APP_KEY
php artisan passport:keys --force #第四步:生成oauth密钥
php artisan storage:link #第五步:创建目录软连接
php artisan passport:client --password --provider=admins #第六步:生成OAuth令牌

复制生成OAuth令牌参数,到.env文件中的`PASSPORT_CLIENT_ID` `PASSPORT_CLIENT_SECRET`

chown -R 777 storage #更改权限目录

#### 前端环境配置:
打开`frontend/config/dev.env.js`,并全局搜索 `http://139.155.45.209:84/` 并替换域名为 `你的后端域名`,注意后面,要有反斜杠结尾

#### 前端一键安装:
npm install --registry=https://registry.npm.taobao.org
npm run dev #本地热开发
npm run build:prod #打包编译


#### 编译并覆盖
npm run build:prod && cp -r -f dist/* ../backend/public/admin/


#### 访问链接
后台:你的域名/admin 账号: admin 密码: admin

### 常见问题

    1. 如何定义,php artisan generate:demo 命令呢
        在目录: `backend/app/Console/Commands/` 定义 输入 `php artisan generate` 可以检测命令是否定义成功
    


    2. 关于后端,URL重写问题
        location / {  
            try_files $uri $uri/ /index.php$is_args$query_string;  
        }
    


    3. 后台管理,菜单图标,都有哪些呢
        可以在 `/frontend/src/icons/svg` 中查看
        目前系统支持:
        zip、wechat、visitor、user、tree、tool、theme、table、tab、
        statistics、star、size、shopping、shipments、register、refund
        、qr、qq、pv、project、plug-in、peoples、people、pdf、password、
        oldvisitor、note、nested、money、message、manage、logistics、lock、
        location、list、link、language、international、inform、Indent、
        icon、home、guide、goods、form、eye、expenditure、excel、example、
        establish、email、element、edit、drag、documentation、data、
        dashboard、component、complaint、column、clipboard、chart、
        bug、article、apply、AD、404

    4. 友情链接


        vue-element-admin文档:https://panjiachen.gitee.io/vue-element-admin-site/zh/   https://panjiachen.github.io/vue-element-admin/

        
        
        
        
        Element: https://element.eleme.io/
        
        
        
            
        uniapp官网: https://uniapp.dcloud.io
        
        
        
            
        laravel文档:  https://learnku.com/docs/laravel/7.x
            
          
        
        

        easywechat文档: https://www.easywechat.com/docs/4.1/mini-program/app_code
        
        
 
        guzzle文档: https://guzzle-cn.readthedocs.io/zh_CN/latest/index.html
        
        
  
        Passport OAuth 认证文档: https://learnku.com/docs/laravel/7.x/passport/7515
        
    
        vue2.0文档: https://cn.vuejs.org/v2/guide/
        
        
        ColorUI GitHub: https://github.com/weilanwl/ColorUI

    5. 数据库文件


      文件位置:/www/wwwroot/139.155.45.209:84/backend/storage/app/laravel-vue-cms.sql

    6. 执行 PHP artisan storage:link symlink (): No such file or directory
        
       切记要 根目录执行 rm public/storage 再执行 php artisan storage:link

相关文章

【付费文档】ECSHOP 开发手册

【小编推荐】Laravel10 + Vue3.0前后端分离框架通用后台源码

laravel10 + vue3 + element-...

【正版】小程序拼团

官网:https://pin.notestore.cn...

【官方推荐】小程序拼团多商户商城

小程序拼团多商户商城 安装手册 平台端:http://...

【小编推荐】Laravel9 + Vue3.0前后端分离框架通用后台源码

简明教程 laravel9 + vue3 + elem...

【正版】知识付费

基于小拼团,自主版权,二次开发,laravel&nbs...

发表回复

您的电子邮箱地址不会被公开。