php服务器如何做前后端分离？-PHP问题

资源魔 2020-07-18 20:19:07 39 0

php代码写正在HTML中，没有存正在纯正的PHP文件以及HTML文件，这就是先后真个没有别离，这样会招致开发效率年夜年夜升高。以是咱们就需求将PHP效劳器与前端别离，完成先后端别离。

保举浏览：php效劳器

先后端别离优点：

一、为优质产物打造精益团队

二、进步工作效率，分工愈加明白

三、部分功能晋升

四、加强代码的可保护性

php效劳器做先后端别离的办法：

咱们能够应用vue完成PHP效劳器先后端别离。

Blade下的Vue

编写一个Laravel的模板文件，传出去PHP的变量并衬着。

<html>
    <body>
        <h1>{{ $hello }}</h1>
    </body>
</html>

经过script标签引入Vue，而后正在标签内写vue的逻辑。

<script src="js/vue.min.js"></script>

合营axios这些ajax库，前端就能够只写正在resources/views文件夹里。

构建对象下的Vue

Laravel Mix提供了一个管道，能够流式编译CSS以及JS。

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');

相似于Gulp，也是正在Node下面跑起来的。

npm install
npm run dev
npm run production

正在app.js外面注册组件。

// app.js
Vue.component('example', require('./components/Example.vue'));

而后就能够间接写正在PHP的模板外面了。

@extends('layouts.app')

@section('content')
    <example></example> // 这里是应用vue组件的
@endsection

其实原理仍是以及以前手动编译的同样，先经过webpack翻译组件，天生失常的PHP模板，给PHP挪用。

别离与转发

这里后真个工作普通是：

前真个工作普通是：

以上就是php效劳器若何做先后端别离？的具体内容，更多请存眷资源魔其它相干文章！

本文地址： http://www.ziyuanmo.com/php-kfjc/12643.html