php 使用laravel 7.x 实现前后端分离(第一篇)

php 使用laravel 7.x + (laravel-admin)搭建后台管理项目

下载laravel 7.x框架

  1. 使用composer下载laravel7框架

    • 命令格式: composer create-project - -prefer-dist laravel/laravel 项目名称 版本号
    • 示例代码(安装laravel5.4版本,项目名称为blog ):
      composer create-project --prefer-dist laravel/laravel blog 5.4.*

根据你的系统(Nginx、Apache)设置Laravel 的访问根目录

  1. 本人的系统是Nginx所以下面均已Linux+Nginx+MySql5.7+PHP7.3环境进行演示

  2. 配置laravel访问目录;这里选择:\你网站项目目录\项目名称\public文件夹,设置好后,此时刷新页面就会看到下图。
    配置成功后的界面
    注意:如果你看到的是报错页面,请检查你的项目伪静态配置是否正确,我的伪静态配置代码如下
    location / {  
    	try_files $uri $uri/ /index.php$is_args$query_string;  
    }  
    

安装 laravel plugin

  1. 在phpstorm中安装 laravel plugin 插件.

    打开设置面板,进行laravel plugin插件安装
    在这里插入图片描述
    检索关键字"laravel plugin" 如下图所示进行安装。注意:安装完插件需要重启编辑器来完成插件应用!

    在这里插入图片描述

    Settings > Languages & Frameworks > PHP > Laravel 点击开启 Enable for this project

    在这里插入图片描述

安装 laravel 代码提示

  1. 使用composer安装代码追踪插件

    composer require barryvdh/laravel-ide-helper
    
  2. 在 config\app.php 文件 providers 添加

    Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class,
    
  3. 在 app/Providers/AppServiceProvider.php 文件中注册

    public function register()
    {
        if ($this->app->environment() !== 'production') {
            $this->app->register(\Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class);
        }
        // ...
    }
    
  4. 生成代码跟踪支持

    php artisan ide-helper:generate
    
  5. 配置artisan 快捷命令(PhpStome编辑器 快捷命令键默认ctrl+x)

    在这里插入图片描述

  6. 配置 Shell (就是winders命令,可配置可不配置)

    • windows10 更改 Shell(用于全局使用ls,rm等Linux命令),Mac与Linux不需要设置。
    • 在这里插入图片描述
    1. C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe

Laravel 7.x 前后端分离项目第二篇

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
PHP 和 Vue.js 前后端分离的情况下,可以使用以下方式进行通信: 1. 创建 API 接口:使用 PHP 编写 API 接口,提供数据服务。可以使用任何 PHP 框架,如 Laravel、Symfony、CodeIgniter 等。 2. 发送 AJAX 请求:在 Vue.js 中使用 AJAX 请求调用 PHP API 接口,获取数据。可以使用 Vue.js 的内置库或第三方库,如 Axios、jQuery 等。 3. 解析响应数据:在 Vue.js 中解析 PHP 接口返回的数据,并更新 Vue.js 组件中的数据。可以使用 Vue.js 的响应式机制、计算属性等特性。 下面是一个简单的示例: 在 PHP 中创建 API 接口: ```php <?php $data = array( array('id' => 1, 'name' => 'John Doe', 'email' => 'johndoe@example.com'), array('id' => 2, 'name' => 'Jane Smith', 'email' => 'janesmith@example.com') ); header('Content-Type: application/json'); echo json_encode($data); ?> ``` 在 Vue.js 中发送 AJAX 请求并解析响应数据: ```javascript // 在 Vue.js 组件中发送 AJAX 请求 axios.get('http://example.com/api.php') .then(function (response) { // 解析响应数据 this.items = response.data; }) .catch(function (error) { console.log(error); }); // 在 Vue.js 组件中使用响应式机制更新数据 export default { data() { return { items: [] } }, mounted() { // 发送 AJAX 请求并解析响应数据 axios.get('http://example.com/api.php') .then(function (response) { // 解析响应数据 this.items = response.data; }) .catch(function (error) { console.log(error); }); } } ``` 在上面的示例中,我们在 PHP 中创建了一个简单的 API 接口,返回一个包含两个用户的数组。在 Vue.js 中,我们使用 Axios 库发送 AJAX 请求,并在响应中更新 Vue.js 组件的数据。最终,我们使用 Vue.js 的响应式机制将数据渲染到组件中。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值