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请求的...
  • apple_wheat
  • apple_wheat
  • 2016年11月18日 21:48
  • 14475

前端和后端是如何交互的

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

后台对接接口

try { response.setCharacterEncoding("GBK"); String url ="http://10.171.****2/c***/b**/Em**d?tophone=...
  • a_good_job
  • a_good_job
  • 2017年01月13日 14:17
  • 231

JAVA前端与后端参数传递方法小结

1,从Action中传值到JSP页面的方法      ①在Action中定义一个成员变量,然后对这个成员变量提供get/set方法,在JSP页面就可以取到这个变量的值了。   1)在Action中...
  • hanekawa
  • hanekawa
  • 2016年05月12日 16:25
  • 22221

前后端分离,前端跨域访问后台的两种方式

方式1:如果开发是tomcat服务器,在工程的web.xml添加设置; 方式2:通过ajax和过滤器实现跨域。...
  • u012406177
  • u012406177
  • 2017年02月28日 16:20
  • 5212

前台、后台、前端、后端的区别

前台:呈现给用户的视觉和基本的操作。 后台:用户浏览网页时,我们看不见的后台数据跑动。后台包括前端,后端。 前端:对应我们写的html 、javascript 等网页语言作用在前端网页...
  • hnczlzj
  • hnczlzj
  • 2016年11月29日 22:05
  • 9178

前端与后台之间的数据传递(1)

html与后台之间数据的传递 在讲html与servlet进行数据互传之间,有必要先了解传统的html与servlet之间参数的传统,为了能够更好地说明,此种传统之间的特点,现在用一个登录的案例来说...
  • u010933680
  • u010933680
  • 2014年04月25日 14:31
  • 7895

前台访问后台的几种方法

1、WebMethod public static方法,ajax/PageMethods调用。 test.cs [WebMethod] public static string GetUserNam...
  • pnf88
  • pnf88
  • 2013年12月05日 21:40
  • 3413

超详细servlet+jdbc+html+css实现后台管理登陆

servlet+jdbc+html+css实现后台管理登陆咱们这篇文章继续上篇文章的完善。先给大家看看效果图吧! 这个简介的界面,大家可以自己去加以修改完善。 好了,开始步入正题。 这个we...
  • qq_21004057
  • qq_21004057
  • 2016年05月01日 14:34
  • 11251

完整的MVC框架(前端、后台和数据库)

终于学完了数据库的连接,可以做一个完整的项目了,以前做的练习都没有关联到数据库,没法进行事务。   MVC联系 先上图: 老师画的图,有点乱,但是大概意思还是可以理解。     这个练习是简单的存储...
  • zuosixiaonengshou
  • zuosixiaonengshou
  • 2016年11月16日 19:54
  • 6181
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Web 前端开发怎么和后台进行相衔接?
举报原因:
原因补充:

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