tpcms 2022-08-03 14:18:13 531次浏览 0条回复 0 0 0

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

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

安装要求
  1. php = 7.4
  2. laravel = 7.22.4
  3. mysql >= 5.7
  4. vue = 2.5.17
  5. redis
  6. node = v10.24.1
安装依赖

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

后端一键安装:

http://你的网址/install

后端命令行安装
第一步 配置后端:
  1. cd api #进入后端目录
  2. cp .env.dev .env #复制配置
  3. 创建数据库,laravel-vue-cms 并依次设置 .env文件中的 DB_HOST DB_PORT DB_DATABASE DB_USERNAME DB_PASSWORD
第二步 安装后端:

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、listlinklanguage、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
   

淘宝收藏:800+,已购人数:1000+

点我购买(自动发货,无需等待)

    没有找到数据。
您需要登录后才可以回复。登录 | 立即注册