Home > Article > Backend Development > How to separate front-end and back-end in php server?
How to separate front-end and back-end in php server?
- 尚Original
- 2019-10-21 10:52:5612024browse
php code is written in HTML. There are no pure PHP files and HTML files. This is the non-separation of the front and back ends, which will greatly reduce development efficiency. So we need to separate the PHP server from the front-end to achieve front-end and back-end separation.
Recommended reading: php server
Advantages of front-end and back-end separation:
1. Build a lean team for high-quality products
2. Improve work efficiency and make division of labor clearer
3. Improve local performance
4. Enhance code maintainability
PHP server separates front-end and back-end Method:
We can use vue to achieve front-end and back-end separation of the PHP server.
Vue under Blade
Write a Laravel template file, pass in PHP variables and render.
<html>
<body>
<h1>{{ $hello }}</h1>
</body>
</html>
Introduce Vue through the script tag, and then write the vue logic in the tag.
<script src="js/vue.min.js"></script>
With ajax libraries like axios, the front end can be written only in the resources/views folder.
Vue under the build tool
Laravel Mix provides a pipeline that can stream compile CSS and JS.
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css');
Similar to Gulp, it also runs on Node.
npm install npm run dev npm run production
Register the component in app.js.
// app.js
Vue.component('example', require('./components/Example.vue'));
Then you can write it directly in the PHP template.
@extends('layouts.app')
@section('content')
<example></example> // 这里是使用vue组件的
@endsection
In fact, the principle is still the same as the previous manual compilation. First, use the webpack translation component to generate a normal PHP template and call it to PHP.
Separation and forwarding
The back-end work here is generally:
Write Lumen code and provide services
Write Restful API documentation
Use postman for testing
The front-end work is generally:
Write Vue code
Package and compile
Use Node to forward API requests to solve cross-domain problems
Use PM2 to handle concurrent requests
The above is the detailed content of How to separate front-end and back-end in php server?. For more information, please follow other related articles on the PHP Chinese website!