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>

相关文章推荐

《非诚勿扰》乐嘉老师送给男生女生的话:

女孩应该懂的:一个女人如果第一眼就让男人想到性,那么她是很失败的。当你从床上下来那一刻,你在他心中就开始贬值了。如果你把一切都给了现在的男友,那么,除了老公这个称呼你还能留给你未来的丈夫? 一个女人的...

Keil串口软件仿真调试

Keil串口软件仿真调试Keil C51 整合了目前功能最强的C51编译器和最好的IDE调试环境。在新版本的Keil中,增加了很多功能,其中之一就是串口仿真。就是说无须实际的硬件,利用计算机的串口就可...

Java基础(持续更新)

1、substring substring(参数)是java中截取字符串的一个方法 有两种传参方式 一种是public String substring(int beginIndex) 返回一个新的字...

ooc翻译项目google code托管

ooc翻译项目已经在google code上创建项目托管,有兴趣的朋友可以参与进来。 版本控制工具使用TortoiseSVN,项目版本下载地址:https://ooc.googlecode.com/...

DNS

DNS 端口: TCP/UDP 53 1、安装软件 rpm -ivh bind-9.3.3-10.e15.i386.rpm                         &#...

菜鸟要学Web开发,先前台还是先后台

【学生来信】贺老师,您好!  我是一个想成为 大神的菜鸟!  我对Java Web 很感兴趣! 但是,太菜啦,不知道该如何学起?该怎么 学习Java web?  我哥们,说:“先学习 html CSS...

什么是前端、什么是后端

从去年做空间开始,这一年来,一直在提前端和后端这样两个概念,同时,也在小组内推行着技术上的分工,并在开发模式上尝试着创新。在学习了Spring、IBatis之后,对于前端后分工的需求也越来越强烈,所以...

Web前端后端傻傻分不清

做C开发将近六年,基本上没有接触过web相关的东西,原来听别人说web相关的东西的时候也是分不太清楚到底哪个是前端哪个是后台,前端和后台又是怎么配合着工作的?经过各方法搜索,很多类似的疑问终于得以弄明...

笔记

ii Framework 2.0 Login With User Database http://stackoverflow.com/questions/25790543/yii-framework...

关于Web前端做前后台数据交互的那些事儿

这里以用户登录为例,用户登录与退出功能应用在很多地方,而在有些项目中,我们需要使用Ajax方式进行登录,登录成功后只刷新页面局部,从而提升了用户体验度。本文将使用PHP和jQuery来实现登录和退出功...
  • zw_div
  • zw_div
  • 2015-12-31 14:39
  • 12587
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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