精华内容
下载资源
问答
  • 静态网页的工作原理 静态网页也称为普通网页,是相对网页而言的。静态网页不是指网页中的元素都是静止不动的,而是指网页文件中没有程序代码,只有HTML(超文本标记语言)标记,一般后缀为.htm、.html、.shtml或....

    静态网页的工作原理

        静态网页也称为普通网页,是相对网页而言的。静态网页不是指网页中的元素都是静止不动的,而是指网页文件中没有程序代码,只有HTML(超文本标记语言)标记,一般后缀为.htm、.html、.shtml或.xml等。在静态网页中,可以包括GIF动画,鼠标经过Flash按钮时,按钮可能会发生变化。

        静态网页一经制成,内容就不会再变化,不管何人何时访问,显示的内容都是一样的。

        如果要修改网页的内容,就必须修改其源代码,然后重新上传到服务器上。

        对于静态网页,用户可以直接双击打开,看到的效果与访问服务器是相同的,即服务器参加与否对页面的内容是不会有影响的。这是因为在用户访问该网页之前,网页的内容就已经确定,无论用户何时、以怎样的方式访问,网页的内容都不会再改变。

    静态网页的工作流程可以分为以下4个步骤。

    1. 编写一个静态文件,并在Web服务器上发布;
    2. 用户在浏览器的地址栏中输入该静态网页的URL(统一资源定位符)并按回车键,浏览器发送请求到Web服务器;
    3. Web服务器找到此静态文件的位置,并将它转换为HTML流传送到用户的浏览器;
    4. 浏览器收到HTML流,显示此网页的内容;

    在步骤2 - 4中,静态网页的内容不会发生任何变化。其工作原理图,如下所示。

    image

     

    动态网页的工作原理

        动态网页是指在网页文件中除了HTML标记以外,还包括一些实现特定功能的程序代码,这些程序代码使得浏览器与服务器之间可以进行交互,即服务器端可以根据客户端的不同请求动态产生网页内容。动态网页的后缀名通常根据所用的程序设计语言的不同而不同,一般为.asp、.aspx、cgi、.php、.perl、.jsp等。动态网页可以根据不同的时间、不同的浏览者显示不同的信息。常见的留言板、论坛、聊天室都是用动态网页实现的。

        动态网页相对复杂,不能直接双击打开。动态网页的工作流程分为以下4个步骤。

    1. 编写动态网页文件,其中包括程序代码,并在Web服务器上发布;
    2. 用户在浏览器的地址栏中输入该动态网页的URL并按回车键(Enter),浏览器发送访问请求到Web服务器;
    3. Web服务器找到此动态网页的位置,并根据其中的程序代码动态建立HTML流传送到用户浏览器;
    4. 浏览器接收到HTML流,显示此网页的内容;

    从整个工作流可以看出,用户浏览动态网页时,需要在服务器上动态执行该网页文件,将含有程序代码的动态网页转化为标准的静态网页,最后把静态网页发送给用户。其工作原理图,如下所示。

    image

    转载于:https://www.cnblogs.com/Jener/p/6160788.html

    展开全文
  • 本人现在正在学习阶段,对servlet发布动态网页的理解,如果有错误之处,希望广大博友能批评指正。 最近学习Javaweb做商城项目,使用tomcat,servlet,jsp等工具,对整个项目流程总结如下。 首先,创建项目,导包,C3...

    本人现在正在学习阶段,对servlet发布动态网页的理解,如果有错误之处,希望广大博友能批评指正。

    最近学习Javaweb做商城项目,使用tomcat,servlet,jsp等工具,对整个项目流程总结如下。

    首先,创建项目,导包,C3P0-config.xml以及相关的工具类。
    整个项目流程逻辑图:
    前端与后台数据的传输过程

    JSP:html、css样式
    链接外部例子

    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
    <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
    <!-- 引入footer.jsp -->
    <jsp:include page="/footer.jsp"></jsp:include>
    <form class="" action="${pageContext.request.contextPath}/registerServlet">
    <input type="submit" value="注册" name="submit">
    </form>
    

    ${pageContext.request.contextPath}获取绝对路径,
    action方式提交数据到后台

    Servlet:()继承HttpServlet
    写doget,dopost方法
    req.getParameter();
    创建service对象,写出业务逻辑

    //逻辑通过成功,跳转成功页面,请求转发,把信息传递给页面
    req.getRequestDispatcher("/success.jsp").forward(req, resp);
    //逻辑不通过,跳转错误页面,重定向,不传递信息
     resp.sendRedirect("/msg.jsp");
    

    请求转发:
    request.getRequestDispatcher(URL地址).forward(request, response)

    处理流程:

    • 客户端发送请求,Servlet做出业务逻辑处理。
    • Servlet调用forword()方法,服务器Servlet把目标资源返回给客户端浏览器。

    response.sendRedirect(URL地址)

    处理流程:

    • 客户端发送请求,Servlet做出业务逻辑处理。
    • Servlet调用response.sendReadirect()方法,把要访问的目标资源作为response响应头信息发给客户端浏览器。
    • 客户端浏览器重新访问服务器资源xxx.jsp,服务器再次对客户端浏览器做出响应。

    Service:业务逻辑层
    Dao实例化,编写逻辑,返回user对象

    Dao:数据访问层

    • 获取数据库连接
    • User实例化
    • 返回user对象

    domain:对象属性
    get/set方法

    以上是从web界面到开发的简单流程

    展开全文
  • 1.静态网页和动态网页的区别不在于: 会不会动 2.静态网页和动态网页的区别在于: 静态网页是一次编写后直接放在服务器上,服务器不用编译,就可以直接运行,修改网页内容麻烦,后期不会有大的改动。修改网页...

    1.静态网页动态网页的区别不在于:

    会不会动

    2.静态网页动态网页的区别在于:

           静态网页一次编写后直接放在服务器上,服务器不用编译,就可以直接运行,修改网页内容麻烦,后期不会有大的改动。修改网页内容时,需要从服务器上把代码拷贝下来,然后把代码放在编辑器中,修改想要更改的内容,操作不便

           动态网页可以不用修改网页代码在网页代码不变的情况下操作数据库或者其他步骤后,就可以更改网页内容

    下面举例说明:

    我建一张表格,分别用静态页面和简单的动态页面来直观的感受为什么要使用动态页面

    静态网页:

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    
    <body>
        <table border="1" width="80%" style="margin: 0 auto;">
            <caption>用户列表</caption>
            <thead>
                <th>编号</th>
                <th>用户名</th>
                <th>昵称</th>
                <th>头像</th>
                <th>操作</th>
    
            </thead>
            <tbody id="adminBody">
                <tr style="text-align: center;">
                    <td>1</td>
                    <td>admin</td>
                    <td>管理员</td>
                    <td><img src="./images/1.jpg" width="50px" height="50px" alt=""></td>
                    <td><input type="button" value="刪除"></td>
                </tr>
                <tr style="text-align: center;">
                    <td>1</td>
                    <td>admin</td>
                    <td>操作员</td>
                    <td><img src="./images/1.jpg" width="50px" height="50px" alt=""></td>
                    <td><input type="button" value="刪除"></td>
                </tr>
                <tr style="text-align: center;">
                    <td>1</td>
                    <td>admin</td>
                    <td>生產员</td>
                    <td><img src="./images/1.jpg" width="50px" height="50px" alt=""></td>
                    <td><input type="button" value="刪除"></td>
                </tr>
                <tr style="text-align: center;">
                    <td>1</td>
                    <td>admin</td>
                    <td>管理员</td>
                    <td><img src="./images/1.jpg" width="50px" height="50px" alt=""></td>
                    <td><input type="button" value="刪除"></td>
                </tr>
                <tr style="text-align: center;">
                    <td>1</td>
                    <td>admin</td>
                    <td>管理员</td>
                    <td><img src="./images/1.jpg" width="50px" height="50px" alt=""></td>
                    <td><input type="button" value="刪除"></td>
                </tr>
                <tr style="text-align: center;">
                    <td>1</td>
                    <td>admin</td>
                    <td>管理员</td>
                    <td><img src="./images/1.jpg" width="50px" height="50px" alt=""></td>
                    <td><input type="button" value="刪除"></td>
                </tr>
                <tr style="text-align: center;">
                    <td>1</td>
                    <td>admin</td>
                    <td>管理员</td>
                    <td><img src="./images/1.jpg" width="50px" height="50px" alt=""></td>
                    <td><input type="button" value="刪除"></td>
                </tr>
                <tr style="text-align: center;">
                    <td>1</td>
                    <td>admin</td>
                    <td>管理员</td>
                    <td><img src="./images/1.jpg" width="50px" height="50px" alt=""></td>
                    <td><input type="button" value="刪除"></td>
                </tr>
                <tr style="text-align: center;">
                    <td>1</td>
                    <td>admin</td>
                    <td>管理员</td>
                    <td><img src="./images/1.jpg" width="50px" height="50px" alt=""></td>
                    <td><input type="button" value="刪除"></td>
                </tr>
                <tr style="text-align: center;">
                    <td>1</td>
                    <td>admin</td>
                    <td>管理员</td>
                    <td><img src="./images/1.jpg" width="50px" height="50px" alt=""></td>
                    <td><input type="button" value="刪除"></td>
                </tr>
                <tr style="text-align: center;">
                    <td>1</td>
                    <td>admin</td>
                    <td>管理员</td>
                    <td><img src="./images/1.jpg" width="50px" height="50px" alt=""></td>
                    <td><input type="button" value="刪除"></td>
                </tr>
                <tr style="text-align: center;">
                    <td>1</td>
                    <td>admin</td>
                    <td>管理员</td>
                    <td><img src="./images/1.jpg" width="50px" height="50px" alt=""></td>
                    <td><input type="button" value="刪除"></td>
                </tr>
                <tr style="text-align: center;">
                    <td>1</td>
                    <td>admin</td>
                    <td>管理员</td>
                    <td><img src="./images/1.jpg" width="50px" height="50px" alt=""></td>
                    <td><input type="button" value="刪除"></td>
                </tr>
            </tbody>
        </table>
    </body>
    </html>

    网页效果图

    想要修改网页要怎么修改呢?

           自己手动在网页上面修改,一个个去更改,对于产品在不断改变的网站来说,相当麻烦。静态网页适合不需要更改的网站。

     

    简单的动态网页:

    表格的表头不需要改变,所以写成静态/写死,表格的内容需要改变,所以要动态创建。

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    
    <body>
        <table border="1" width="80%" style="margin: 0 auto;">
            <caption>用户列表</caption>
            <thead>
                <th>编号</th>
                <th>用户名</th>
                <th>昵称</th>
                <th>头像</th>
                <th>操作</th>
    
            </thead>
            <tbody id="adminBody">
                <!-- <tr style="text-align: center;">
                    <td>1</td>
                    <td>admin</td>
                    <td>管理员</td>
                    <td><img src="./images/1.jpg" width="50px" height="50px" alt=""></td>
                    <td><input type="button" value="刪除"></td>
                </tr> -->
            </tbody>
        </table>
    </body>
    <script src="./data.js"></script>
    <script src="./list.js"></script>
    
    </html>

    data.js

    var users = [{
            userId: 1,
            userName: 'zhangsan',
            likeName: '張三',
            heading: './images/1.jpg',
    
        },
        {
            userId: 2,
            userName: 'lisi',
            likeName: '李四',
            heading: './images/2.jpg',
    
        },
        {
            userId: 3,
            userName: 'wangwu',
            likeName: '王五',
            heading: './images/3.jpg',
    
        },
        {
            userId: 1,
            userName: 'zhangsan',
            likeName: '張三',
            heading: './images/1.jpg',
    
        },
        {
            userId: 2,
            userName: 'lisi',
            likeName: '李四',
            heading: './images/2.jpg',
    
        },
        {
            userId: 3,
            userName: 'wangwu',
            likeName: '王五',
            heading: './images/3.jpg',
    
        },
        {
            userId: 1,
            userName: 'zhangsan',
            likeName: '張三',
            heading: './images/1.jpg',
    
        },
        {
            userId: 2,
            userName: 'lisi',
            likeName: '李四',
            heading: './images/2.jpg',
    
        },
        {
            userId: 3,
            userName: 'wangwu',
            likeName: '王五',
            heading: './images/3.jpg',
    
        },
        {
            userId: 1,
            userName: 'zhangsan',
            likeName: '張三',
            heading: './images/1.jpg',
    
        },
        {
            userId: 2,
            userName: 'lisi',
            likeName: '李四',
            heading: './images/2.jpg',
    
        }
    
    ];

    list.js:

    window.onload = function() {
        tableInit();
    }
    
    function tableInit() {
        var tbody = document.getElementById("adminBody");
        for (var i = 0; i < users.length; i++) {
            var tr1 = document.createElement("tr"); //创建元素
            tr1.style.textAlign = "center";
    
            //编号
            var td1 = document.createElement("td");
            td1.innerHTML = users[i].userId;
            tr1.appendChild(td1); //添加元素
            tbody.appendChild(tr1);
            //用户名
            var td2 = document.createElement("td");
            td2.innerHTML = users[i].userName;
            tr1.appendChild(td2); //添加元素
            tbody.appendChild(tr1);
            //昵称
            var td3 = document.createElement("td");
            td3.innerHTML = users[i].likeName;
            tr1.appendChild(td3); //添加元素
            tbody.appendChild(tr1);
            //头像
            var td4 = document.createElement("td");
            var img = document.createElement("img");
            img.src = users[i].heading;
            td4.appendChild(img);
            img.style.width = "50px";
            img.style.header = "50px";
            td4.appendChild(img); //添加元素
            tr1.appendChild(td4);
            tbody.appendChild(tr1);
            //操作
            var td5 = document.createElement("td");
            var inputDel = document.createElement("input");
            inputDel.type = "button";
            inputDel.value = "删除";
            //setAttribute,设置自定义
            inputDel.setAttribute("userId", users[i].userId);
            inputDel.onclick = function() {
                window.alert("我要被删除了吗,id" + this.getAttribute('userId'));
    
            }
            td5.appendChild(inputDel);
            tr1.appendChild(td5);
        }
    
    }

    网页效果:

    想要修改网页要怎么修改呢?

    页面上面不需要改动

    只需要改变data.js中数组的对象

    这样就不需要在网页上面直接修改代码了,省了很多事。

    想要改变网页内容的话,把数组里面的各个对象改一改就可以了。

    展开全文
  • JSP的全名是Java Server Pages,是一种动态网页技术标准。... 动态网页 ...动态网页的“动态”是一种逻辑上的动态,动态网页是会随着时间、地点、用户的操作的改变而改变的网页。举个例子,比如我现...

    JSP的全名是Java Server Pages,是一种动态网页技术标准。如果从直观的角度来讲,JSP技术其实就是在HTML文件中插入Java语言和JSP标记,从而使网页成为一个动态网页。

    动态网页

    到底什么是动态网页呢?动态网页不是它字面的意思——不是网页界面会动的网页就是动态网页。动态网页的“动态”是一种逻辑上的动态,动态网页是会随着时间、地点、用户的操作的改变而改变的网页。举个例子,比如我现在在百度搜索天气,会出现以下的内容:
    在这里插入图片描述百度会为我提供武汉(当地)的12月11日(当日)的天气信息。如果我1月1日在北京搜索天气,那百度就会为我提供1月1号的北京的天气。也就是说内容是随着我的地点和时间而改变的,这就是一个动态网页。而静态网页的内容都是固定的,这有点像我们平常写程序时所谓的把程序写死了。

    展开全文
  • 动态网页是是与静态网页相对应的,也就是说,网页 URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形动态网页制作专家式,而是以.aspx.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有...
  • 今天上《ASP.NET程序设计》课老师问了我一个问题:ASP.NET的网页从服务器呈现到客户端浏览器上,在浏览器上显示页面是静态还是动态的呢?当时我想也没想就回答是动态的,因为之前理解的静态页面是以.html或.htm...
  • 认识与理解动态网页

    2015-07-21 13:17:09
    认识与理解动态网页 超文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档一种标记语言。HTML文档由许多标记(或元素)组成,标记修饰由属性来完成。动态网页可以通过更新页面外观和...
  • 静态网页和动态网页-个人学习理解

    千次阅读 2015-05-31 17:33:53
    参考网络资料,总结了对于静态和动态网页的学习,通过网上实例,做了一个小demo
  • 静态网页和动态网页的区别 动态网页和静态网页的区别,首先要分别了解两个概念,就是什么是静态网页,什么是动态网页,并且学会区分哪些是静态哪些是动态。 静态网页: (1)静态网页不能简单地理解成静止不动的...
  • 静态网页: (1)静态网页不能简单地理解成静止不动的网页,他主要指的是网页中没有程序代码,只有HTML(即:超文本标记语言),一般后缀为....动态网页的网页文件中除了HTML标记以外,还包括一些特定功能的程序代码
  • 一提到动态网页,很多人会这么认为:含有可动内容网页,这就是动态网页,如gif动画图片、来回晃动文字等等;与之相反没有可动内容网页则是静态网页。很明确告诉大家,这样解释是不对。  从技术角度来说...
  • jsp(Java Server Pages)翻译是 java 服务器页面,也称动态网页技术标准,其本身就是一个简化 Servlet。所以 java servlet 是 jsp 技术基础,jsp 实现了 html 代码和 java 代码分离,使得 web 应用程序...
  • 介绍动态网页与静态网的区别。然大家更好的理解网页在添加过程中的区别。
  • 我们所理解的网页  网页是上网浏览时看到的页面,通过浏览器呈现在电脑上。...网站是一个具有多个网页的站点,如 www.baidu.com就是一个网站的地址,用...网页分为静态网页和动态网页。 静态网页  静态页面是...
  • 【前端】静态网页和动态网页

    千次阅读 2019-12-27 17:55:09
    动态网页和静态网页的区别,首先要分别了解两个概念,就是什么是静态网页,什么是动态网页,并且学会区分哪些是静态哪些是动态。 01. 静态网页 (1)静态网页不能简单地理解成静止不动的网页,他主要指的是网页中...
  • 动态网页和静态网页的区别,首先要分别了解两个概念,就是什么是静态网页,什么是动态网页,并且学会区分哪些是静态哪些是动态。 静态网页: (1)静态网页不能简单地理解成静止不动的网页,他主要指的是网页中没有...
  • 开头添加元素,其代码与上面代码差不多,唯一不同之处是需要用array_unshift()代替array_push()。 /*建立一个 数组 */ $fruitArray=array("apple","orange","banana","kiwi","pear"); /*向 数组 中添加元素*/...
  • 静态网页和动态网页

    2020-02-19 17:41:27
    并且这个静态网页是可以包含动态元素,如gif动画,滚动字幕等。 如果要对网页进行修改,那么就要修改源代码,重新上传到服务器。 当我们用Hexo+GitPages方式搭建个人博客时,用到就是静态网页。 比如...
  • 一、静态网页 ... 那么静态网页又能做什么呢?静态网页中可以包含文本、图像、声音、FLASH动画、客户端脚本。...二、动态网页 ...可以简单的理解是以·aspx、.asp、.jsp、.php、.perl、.cgi等形式为后缀
  • 理解静态网站与动态网站,首先应当理解静态网页与动态网页。静态网页在网站中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页组成的。静态网页的网址形式通常为:...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,581
精华内容 632
关键字:

动态网页的理解