Web 前端开发怎么和后台进行相衔接?

转载 2015年11月17日 23:36:43
我们这的工作流程是这样:
   1. 产品人员提需求
   2. 需求讨论通过后交给UE做交互设计
   3. 交互通过之后交给UI出PS效果图
   4. 效果图出来之后builder切图、写CSS、写HTML
   5. 后端同学根据Builder的HTML结构生成动态页面
   6. 前端JS同学根据Builder的CSS和HTML以及后端的给的Ajax URL
      写HTML代码,完成一些动态效果和交互。

这样分工的好处就是每个人只专注自己的特长,现在的WEB要求兼容
多个浏览器和3G手机,一个人肯定搞不定,这多少是以后的趋势吧。

--------------------------------------------------------------------------------------------------------------------

著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:岳逢楽
链接:http://www.zhihu.com/question/21444314/answer/18245559
来源:知乎

如何把一个Web程序的前端和后端联系起来。以下内容基于此理解进行回答。

先不考虑AJAX,从简单的说起。

前端和后端之所以需要对接,是因为前端页面只负责提供视图没有内容,而后端只提供内容,两者所谓的对接,就是把后端的内容放在前端页面预留出来的位置上。(虽然说是前端后端,但这一对接实际发生在服务器端)。
所以服务器端进行的活动如下:
接收用户请求——》找到负责处理的程序——》处理程序找到要传输给用户的前端页面——》该前端页面留出位置——》后端到数据库取数据——》后端把数据放在前端留出来的位置上——》结合成真正用户看到的html文件——》传输给用户。


(写完发现下面可以不用看了,没有办法用三言两语说清楚,最后你还是得找本书来看)
以博客中常见的输出文章的作者信息为例:
<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <div>write by Aeolia on 2013-08-07</div>
    </body>
</html>
很明显其中的作者名称‘Aeolia’和发布日期‘2013-08-07’要替换掉
具体方法看你后台用的是什么技术:
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页面
    }
}
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>

前端和后端是如何交互的

1、前端请求数据URL由谁来写 在开发中,URL主要是由后台来写好给前端。 若后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数(即URL请求的...

Java运用JSON实现后台与前端分工合作(代码实例)

一、前言       最近在写我们实验室网站内部交流平台,后台架构用的Spring + SpringMVC + Mabatis(数据库框架)整合框架,作为后台人员,与数据库交互、处理业务逻辑已经驾轻...

纯js的ajax和Java后台交互

今天用了纯js代码写ajax和后台交互,写好了最开始没得问题,但是前端接收后台数据的时候遇到问题了。一直获取不到值,原来是我理解错了,获取后台的相关操作必须写到那个状态变化监听器里面。也就是需要写到o...

利用php做服务器和web前端的界面进行交互(简单易懂篇)

希望查看本篇文章的学者首先查看一下php的基础知识,因为今天用到这个东西,现学现卖吧.后续会更新php服务器的基础知识! 1.首先你要有一个界面   我这里利用我项目开发的一个简单界面截取下来进行...

Java Web前端到后台常用框架介绍

一、SpringMVChttp://blog.csdn.net/evankaka/article/details/45501811Spring Web MVC是一种基于Java的实现了Web MVC设...

Mac OSX下Sublime Text配置使用Ctags实现代码跳转

转载:http://www.smslit.top/develop/2015/11/14/macSTctags-Develop.html OS X //1. 先用brew工具安装ct...

如何在sublime text中实现函数跟踪跳转(ctags)

在source insight中有一个很好用的功能,就是函数的跟踪跳转,在阅读别人的代码的时候轻松的浏览原函数。我们知道,在使用vim的时候有个插件叫ctags,同理,在sublime text中也能...

java php 后台前端开发各种手册

  • 2017年05月11日 23:17
  • 58.2MB
  • 下载

写给即将进入前端开发领域的后台开发人员

生活就是这样子,当我们以为可以一直就这样走下去的时候,它会在有一天突然跳出来对你说 :  hi,  该转个弯了!        技能是必要的,但想象力更重要。它是不受时空限制的精灵。 开发工...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Web 前端开发怎么和后台进行相衔接?
举报原因:
原因补充:

(最多只允许输入30个字)