关于lavarel:小编推荐Laravel9-Vue30前后端分离框架通用后台源码

34次阅读

共计 2780 个字符,预计需要花费 7 分钟才能阅读完成。

laravel9 + vue3 + element-ui 的后盾极速开发框架,采纳前后端拆散架构,安全性 (JWT 校验、中间件、验证器、路由、异样解决、权限管制) 网址:http://laravel.v9.vue.v3.wzxiaopin.com/admin 账号:admin 明码:admin

舒适提醒:若呈现无奈登陆,能够在首页 点击“装置”选项,即可重置数据,而后登陆即可。目前零碎是定时工作,12 小时为一周期,主动重装。

注意事项

后端我的项目部署,尽量用域名,不要用php artisan serve,启用后端我的项目,否则会呈现后盾无奈登录问题

装置要求

  1. php = ^7.3 | ^8.0
  2. laravel = 8.75
  3. mysql >= 5.7
  4. vue = 3.2.38
  5. node = v16.17.1

疾速装置(必须)

  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 #更改权限目录

前端环境配置:

关上 .env.development,并全局搜寻 http://119.91.46.222:85/ 并替换域名为 你的后端域名,留神前面,要有反斜杠结尾

前端一键装置:

npm install –registry=https://registry.npm.taobao.org
npm run dev #本地热开发
npm run build #打包编译

编译并笼罩

npm run build && \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


珍藏:370+,已购:100+

点我购买

正文完
 0