作者：岳逢楽
链接：https://www.zhihu.com/question/21444314/answer/18245559
来源：知乎
著作权归作者所有，转载请联系作者获得授权。
链接：https://www.zhihu.com/question/21444314/answer/18245559
来源：知乎
著作权归作者所有，转载请联系作者获得授权。
先不考虑AJAX，从简单的说起。
前端和后端之所以需要对接，是因为前端页面只负责提供视图没有内容，而后端只提供内容，两者所谓的对接，就是把后端的内容放在前端页面预留出来的位置上。（虽然说是前端后端，但这一对接实际发生在服务器端）。
所以服务器端进行的活动如下：
接收用户请求——》找到负责处理的程序——》处理程序找到要传输给用户的前端页面——》该前端页面留出位置——》后端到数据库取数据——》后端把数据放在前端留出来的位置上——》结合成真正用户看到的html文件——》传输给用户。
（写完发现下面可以不用看了，没有办法用三言两语说清楚，最后你还是得找本书来看）
以博客中常见的输出文章的作者信息为例：
很明显其中的作者名称‘Aeolia’和发布日期‘2013-08-07’要替换掉
具体方法看你后台用的是什么技术：
1，后台php
把HTML文件改为php文件
===============================================================
2，后台JSP
Servlet文件(*代表此处有省略)
JSP文件
把HTML文件改为JSP文件
==============================================================
3,Ruby on Rails
controller文件
视图文件
把HTML文件后面添加后缀erb，为index.html.erb，放在视图文件夹下
<div>write by <%=article.writer%>on <%=article.date%></div>
前端和后端之所以需要对接，是因为前端页面只负责提供视图没有内容，而后端只提供内容，两者所谓的对接，就是把后端的内容放在前端页面预留出来的位置上。（虽然说是前端后端，但这一对接实际发生在服务器端）。
所以服务器端进行的活动如下：
接收用户请求——》找到负责处理的程序——》处理程序找到要传输给用户的前端页面——》该前端页面留出位置——》后端到数据库取数据——》后端把数据放在前端留出来的位置上——》结合成真正用户看到的html文件——》传输给用户。
（写完发现下面可以不用看了，没有办法用三言两语说清楚，最后你还是得找本书来看）
以博客中常见的输出文章的作者信息为例：
<!DOCTYPE html>
<html>
<head></head>
<body>
<div>write by Aeolia on 2013-08-07</div>
</body>
</html>
具体方法看你后台用的是什么技术：
1，后台php
把HTML文件改为php文件
<?php
//从数据库获得数据,存在变量writer和date中
?>
<!DOCTYPE html>
<html>
<head></head>
<body>
<div>write by <?php echo writer;?>on <?php echo date;?></div>
</body>
</html>
2，后台JSP
Servlet文件(*代表此处有省略)
package *
import *
public class Servlet extends HttpServlet {
public void 处理GET请求的方法{
//1,从数据库获得数据，存为变量writer和date
//2,把变量writer和date设置为request的属性
//3,调用要跳转的JSP页面
}
}
把HTML文件改为JSP文件
<%
//从request里把writer和date取出来。
%>
<!DOCTYPE html>
<html>
<head></head>
<body>
<div>write by <%=writer%>on <%=date%></div>
</body>
</html>
==============================================================
3,Ruby on Rails
controller文件
class Controller < ApplicationController
def index
//数据库里取article对象
//把article对象的数据respond到视图中
end
end
把HTML文件后面添加后缀erb，为index.html.erb，放在视图文件夹下
<div>write by <%=article.writer%>on <%=article.date%></div>