Web 前端开发怎么和后台进行相衔接?
2015-11-17 23:36
344 查看
我们这的工作流程是这样:
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文件——》传输给用户。
(写完发现下面可以不用看了,没有办法用三言两语说清楚,最后你还是得找本书来看)
以博客中常见的输出文章的作者信息为例:
很明显其中的作者名称‘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>
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>
相关文章推荐
- 基于HTML5的WebGL呈现A星算法的3D可视化
- 什么是前端、什么是后端
- 前端和后端分工的三种模式
- 前端必读:浏览器内部工作原理
- Bind Function to Bootstrap Modal Event 模态对话框事件绑定函数
- js-案例:省市连动下拉框
- 细说javascript的对象
- 前端杂谈
- Qt的Qss样式
- 恶补JavaScript第一篇
- 第22篇 js中的this指针的用法
- (转)RabbitMQ消息队列的小伙伴: ProtoBuf(Google Protocol Buffer)
- 用ajax获取json数据并在网页上面显示小例子
- 【转】向HTML中插入视频并兼容所有浏览器的方法
- 【jQuery】Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
- 南大软院大神养成计划——html初体验2
- 转载:值得回味的H5 离子 小动画
- js实现接口
- JQuery:cookie插件
- css text-overflow防止文本溢出