Table of Contents
回复内容:
Home Backend Development PHP Tutorial javascript - 请教一下关于前后端分离的一些疑问

javascript - 请教一下关于前后端分离的一些疑问

Jun 06, 2016 pm 08:09 PM
html5 javascript php

今天早上看了一篇关于vue前台框架的使用教程,然后引发了我一些的疑问,望各位大神能告知一二.问题如下:

  1. 前后端分离指的是视图文件不再存在服务器脚本语言吗?意义是什么?

  2. 类似vue框架的v-for遍历数据和thinkphp的标签volist遍历有什么却别吗?是和一个在客户端运行,一个在服务端运行有关吗?还是说对页面的渲染起到不一样的作用?

  3. 前台框架和js模板引擎有什么区别?例如artTemplate模板引擎和vue框架

回复内容:

今天早上看了一篇关于vue前台框架的使用教程,然后引发了我一些的疑问,望各位大神能告知一二.问题如下:

  1. 前后端分离指的是视图文件不再存在服务器脚本语言吗?意义是什么?

  2. 类似vue框架的v-for遍历数据和thinkphp的标签volist遍历有什么却别吗?是和一个在客户端运行,一个在服务端运行有关吗?还是说对页面的渲染起到不一样的作用?

  3. 前台框架和js模板引擎有什么区别?例如artTemplate模板引擎和vue框架

非大神,以下观点纯粹个人理解,前后端分离,传统的web页面都是通过服务器生成,然后发送到浏览器渲染,js在这个过程中起辅助作用。现在,无论是vue、angular还是reactjs,操作真实的DOM也好,Virtual DOM也好,都通过js生成html,从一定程度上来说,方式和php、python的模板引擎也没有多大区别,最终都是生成html。
那前后端分离的意义在哪里?
1、对前端工程师而言,有更大的自由度(传统模式下,大概最多就算是个美工吧,现在能把自己叫做工程师了),更能专注于前端的页面的呈现、交互逻辑的处理。(ps. 一直觉得传统模式下,前端把页面做出来,后端又把他们改成模板,最后再渲染成html,这整个流程是一件很蠢的事情)
2、对于后端而言,可以脱离视图,专注于纯逻辑的处理,再也不用管你页面该怎么呈现了,想想就很开心。
3、前端和后端只用对接好api就可以了,大大减少了不必要的交流,加快开发效率。个人觉得这一点很重要。
4、当你同时要开发app、web、桌面应用的时候,api可以最大程度的被复用。
5、前端框架通过ajax的方式异步获取数据,不用为了局部的改动重新刷新整个页面,相较于服务端渲染的方案,更加流畅。
6、前后端分离后,项目更易于管理。
7、data binding, 这是服务器渲染做不到的。
etc.

2、3两个问题,其实应该差不多算是一个问题,前端框架和模板引擎以及后端模板引擎这几个的区别,如我所说,要说区别也没用多大区别,你要是了解ember.js,你看看它handlebars的写法。模板引擎算是前端框架的一部分吧,但不是全部。然后,前端框架的模板引擎和后端模板引擎,实现的方式是不一样的,后端是把模板当成文本解析之后把数据填到相应的位置,而前端框架是对真实DOM或者Virtual DOM的操作。所以后端模板引擎要改变页面,只能重新渲染,而前端框架并不用。
拿v-for和volist来说,(好吧,我并不用php),一个是遍历生成html文本,一个是在html中进行DOM操作。

前后端分离前
客户端请求服务端,通过 PHP/Java 等后端语言获取到数据,渲染到静态页面,并把渲染后的页面返回到客户端.

javascript - 请教一下关于前后端分离的一些疑问

分离后
客户端直接请求服务端获取静态页面,略过php/java后端获取数据步骤.
页面展示后, 通过 ajax 请求服务端接口,获取数据.并把数据渲染到页面.
接口只返回数据,因此不仅可以给 web 前端提供数据,还可以为安卓, ios 客户端提供数据,提高了接口的可用性.

javascript - 请教一下关于前后端分离的一些疑问

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

PHP 8.4 Installation and Upgrade guide for Ubuntu and Debian PHP 8.4 Installation and Upgrade guide for Ubuntu and Debian Dec 24, 2024 pm 04:42 PM

PHP 8.4 Installation and Upgrade guide for Ubuntu and Debian

CakePHP Project Configuration CakePHP Project Configuration Sep 10, 2024 pm 05:25 PM

CakePHP Project Configuration

CakePHP Date and Time CakePHP Date and Time Sep 10, 2024 pm 05:27 PM

CakePHP Date and Time

CakePHP File upload CakePHP File upload Sep 10, 2024 pm 05:27 PM

CakePHP File upload

CakePHP Routing CakePHP Routing Sep 10, 2024 pm 05:25 PM

CakePHP Routing

Discuss CakePHP Discuss CakePHP Sep 10, 2024 pm 05:28 PM

Discuss CakePHP

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

HTML Table Layout

How To Set Up Visual Studio Code (VS Code) for PHP Development How To Set Up Visual Studio Code (VS Code) for PHP Development Dec 20, 2024 am 11:31 AM

How To Set Up Visual Studio Code (VS Code) for PHP Development

See all articles