집 >백엔드 개발 >PHP 문제 >PHP 서버에서 프런트엔드와 백엔드를 분리하는 방법은 무엇입니까?

PHP 서버에서 프런트엔드와 백엔드를 분리하는 방법은 무엇입니까?

PHP 코드는 HTML로 작성됩니다. 순수한 PHP 파일과 HTML 파일이 없습니다. 이는 프런트엔드와 백엔드가 분리되지 않아 개발 효율성이 크게 떨어집니다. 따라서 프런트엔드와 백엔드 분리를 달성하려면 PHP 서버를 프런트엔드에서 분리해야 합니다.

추천 도서: php 서버

프론트엔드와 백엔드 분리의 장점:

1. 고품질 제품을 위한 린 팀 만들기

2. 업무 효율성 향상 및 명확한 업무 분업

3. 로컬 성능 향상

4. 코드 유지 관리성 향상

PHP 서버의 프런트엔드와 백엔드를 분리하는 방법:

vue를 사용하여 PHP 서버의 프런트엔드와 백엔드 분리를 달성할 수 있습니다. .

Vue under Blade

Laravel 템플릿 파일을 작성하고 PHP 변수를 전달한 후 렌더링합니다.

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

script 태그를 통해 Vue를 소개하고, 태그에 vue 로직을 작성합니다.

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

axios와 같은 ajax 라이브러리를 사용하면 리소스/뷰 폴더에만 프런트 엔드를 작성할 수 있습니다.

Build Tools 아래 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 서버에서 프런트엔드와 백엔드를 분리하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：