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

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

发布时间：2025年2月28日

演示地址：查看演示

拼币：300.00

立即购买

版本选择：

【小编推荐】Laravel9 + Vue3.0前后端分离框架通用后台源码：https://download.notestore.cn/laravel9-vue3-admin

【小编推荐】Laravel7 + Vue2.0前后端分离框架通用后台源码：https://download.notestore.cn/laravel-vue-admin

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

温馨提示：若出现无法登陆，可以在首页点击 “安装” 选项，即可重置数据，然后登陆即可。目前系统是定时任务，12 小时为一周期，自动重装。

					### 注意事项
				
					后端项目部署，尽量用域名，不要用`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

			#### 快速安装 （必须）
		
			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 #更改权限目录
		
			#### 后端一键安装（非必须）
		
			http://你的网址/install

			#### 前端环境配置：
		
			打开`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