zoukankan      html  css  js  c++  java
  • 前后台数据对接

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

    先不考虑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>
  • 相关阅读:
    mysql主从只同步部分库或表
    springboot~aspect通过@annotation进行拦截
    ELK~fluentd将日志文件增量读到es里
    怎么自学 Java ?和盘托出
    一个后端开发的 Vue 笔记【入门级】
    企业级数据大屏设计如何实现
    Vue.js官方中文教程
    vue学习笔记 ---- 系列文章
    基于Asp.net core Kestrel的超迷你http服务器 ---- AServer
    Docker学习—概念及基本应用
  • 原文地址:https://www.cnblogs.com/caoleiCoding/p/6372507.html
Copyright © 2011-2022 走看看