【官方推荐】Laravel7|【官方推荐】Laravel7 + Vue2.0前后端分离框架通用后台源码
laravel7 + vue + element-ui的后台极速开发框架,采用前后端分离架构,安全性 (JWT 校验、中间件、验证器、路由、异常处理、权限控制) 网址:http://139.155.45.209:84/admin 账号:admin 密码:admin
文章图片
文章图片
文章图片
文章图片
文章图片
注意事项
后端项目部署,尽量用域名,不要用php artisan serve
,启用后端项目,否则会出现后台无法登录问题
安装要求
- php = 7.4
- laravel = 7.22.4
- mysql >= 5.7
- vue = 2.5.17
- redis
- node = v10.24.1
由于众所周知的原因,国外的网站连接速度很慢。因此安装的时间可能会比较长,我们建议使用国内镜像 (阿里云)。
composer config -g repo.packagist composer https://mirrors.aliyun.com/co...
根目录执行
composer update
后端一键安装: http://你的网址/install
后端命令行安装
第一步 配置后端:
- cd api #进入后端目录
- cp .env.dev .env #复制配置
- 创建数据库,laravel-vue-cms 并依次设置 .env文件中的
DB_HOST
DB_PORT
DB_DATABASE
DB_USERNAME
DB_PASSWORD
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、4044. 友情链接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.iolaravel文档:https://learnku.com/docs/laravel/7.xeasywechat文档: https://www.easywechat.com/docs/4.1/mini-program/app_codeguzzle文档: https://guzzle-cn.readthedocs.io/zh_CN/latest/index.htmlPassport OAuth 认证文档: https://learnku.com/docs/laravel/7.x/passport/7515vue2.0文档: https://cn.vuejs.org/v2/guide/ColorUI GitHub: https://github.com/weilanwl/ColorUI5. 数据库文件文件位置:/www/wwwroot/139.155.45.209:84/backend/storage/app/laravel-vue-cms.sql6. 执行 PHP artisan storage:link symlink (): No such file or directory切记要 根目录执行 \rm public/storage 再执行 php artisan storage:link
淘宝收藏:800+,已购人数:1000+
【【官方推荐】Laravel7|【官方推荐】Laravel7 + Vue2.0前后端分离框架通用后台源码】点我购买(自动发货,无需等待)
推荐阅读
- 【北亚数据恢复】重装系统后磁盘分区丢失的XFS文件系统服务器数据恢复案例
- 【python】pip安装库时出现Read|【python】pip安装库时出现Read timed out.解决办法
- WPF优秀组件推荐之FreeSpire
- Ajax的疑难杂种详解
- Flutter|用flutter封装一个点击菜单工具栏组件【checkBox多选版】
- java|java 分布式控制_微服务架构的分布式事务控制解决方案(资料完整)
- 社区之星|李响(一个黑客“沦落”为搬砖的CVer|OneFlow U)
- Windows11操作系统win11镜像系统官方版
- 机器学习|【机器学习个人笔记】part1——用sklearn实现数据预处理
- 物联网|【AliOS Things】首届灭虫活动,找Bug,赢AirPods,智能手表