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

풀어 주다: 2023-02-27 15:14:02
원래의
11944명이 탐색했습니다.

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

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

추천 도서:php 서버

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

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

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

3. 로컬 성능 향상

4. 코드 유지 관리성 향상

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

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

Vue under Blade

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

  

{{ $hello }}

로그인 후 복사

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

로그인 후 복사

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')  // 这里是使用vue组件的 @endsection
로그인 후 복사

사실 원칙은 이전 수동 컴파일과 동일합니다. 먼저 webpack 번역 구성 요소를 사용하여 일반 PHP 템플릿을 생성하고 이를 PHP로 호출합니다.

분리 및 전달

여기서 백엔드 작업은 일반적으로 다음과 같습니다.

  • Lumen 코드 작성 및 서비스 제공

  • Restful API 문서 작성

  • 우체부로 테스트

프런트엔드 작업은 일반적으로 다음과 같습니다.

  • Vue 코드 작성

  • 패키징 및 컴파일

  • Node를 사용하여 API 요청을 전달하고 도메인 간 문제 해결

  • PM2를 사용하여 동시 요청 처리

위 내용은 PHP 서버에서 프런트엔드와 백엔드를 분리하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!