JSP简单入门

最新推荐文章于 2025-05-14 19:46:42 发布

浪去爪哇岛喝咖啡

最新推荐文章于 2025-05-14 19:46:42 发布

阅读量617

点赞数

CC 4.0 BY-SA版权

分类专栏：尚学堂2000集笔记日更文章标签： jsp

本文链接：https://blog.youkuaiyun.com/qq_32695257/article/details/118689741

尚学堂2000集笔记日更专栏收录该内容

20 篇文章

订阅专栏

500 JSP 发布项目到服务器并访问

在这里插入图片描述

1.创建web项目

2.发布到服务器上

目录不可含中文！

D:\environment\apache-tomcat-7.0.79

tomcat和idea关联项目和tomcat关联：

在这里插入图片描述

为什么需要Tomcat服务器

在这里插入图片描述

最终项目变成两个！

本地目录：C:\Users\37310\IdeaProjects\jsp01

tomcat发布目录：C:\Users\37310\IdeaProjects\jsJquery\out\artifacts\jsp01_war_exploded

在这里插入图片描述

501 JSP 发布项目到服务器并访问总结

1.清楚为什么项目发到服务器上！

3.认识url http://localhost:8080/jsp01/cart/cart.html

4.控制台乱码处理

https://www.cnblogs.com/yanglichen/p/11435628.html

5.http://localhost:8080/jsp01/ 直接找index.jsp

502 JSP 获得时间案例

获得时间：

<%--
  Created by IntelliJ IDEA.
  User: 37310
  Date: 2021/7/12
  Time: 3:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script>
        function demo1() {
            var date = new Date();
            var time = date.toLocaleString();
            document.getElementById("sp").innerText=time;
        }
    </script>
</head>
<body οnlοad="demo1()">
获得时间<span id="sp"></span>
</body>
</html>

在这里插入图片描述

如何获取服务器时间？

<body οnlοad="demo1()">
获得时间(浏览器)<span id="sp"></span>
<%--小脚本：可以书写java代码--%>
<%
    Date date = new Date();
    String time = date.toLocaleString();

%>
<%--表达式--%>
<%="获得时间服务器时间："+time%>
</body>

为什么下面这个是服务器时间？

在这里插入图片描述

原理示意图：

在这里插入图片描述

如果加上 Thread.sleep(3000) 哪个时间靠前？

<%
    Date date = new Date();
    String time = date.toLocaleString();
    Thread.sleep(3000);
%>
<%--表达式--%>
<%="获得时间2："+time%>

在这里插入图片描述

JSP = Java Server Pages

Sun公司推出的动态网页技术，类似的技术还包括ASP、PHP。相对的技术是HTML（静态网页技术）

动态生成网页数据，而不是有动态效果的网页！

JSP是在HTML中嵌入Java脚本代码

JSP是服务器端技术（JavaScript是客户端技术）

由应用服务器来编译和执行嵌入的Java脚本代码,然后将生成的整个页面信息返回给客户端

503 JSP Tomcat的讲解

在这里插入图片描述

504 JSP 统计网站访问人数A

<%--
  Created by IntelliJ IDEA.
  User: 37310
  Date: 2021/7/12
  Time: 13:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>统计网站的访问人数</title>
</head>
<body>
    <%
        int count =0;
        count++;
    %>
    <%="本网站访问人数为"+count%>
</body>
</html>

在这里插入图片描述

该如何解决？

C:\Users\37310.IntelliJIdea2019.3\system\tomcat\Unnamed_jsJquery

查看服务器解析后的java代码如下：

public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response)
        throws java.io.IOException, javax.servlet.ServletException {

    final javax.servlet.jsp.PageContext pageContext;
    javax.servlet.http.HttpSession session = null;
    final javax.servlet.ServletContext application;
    final javax.servlet.ServletConfig config;
    javax.servlet.jsp.JspWriter out = null;
    final java.lang.Object page = this;
    javax.servlet.jsp.JspWriter _jspx_out = null;
    javax.servlet.jsp.PageContext _jspx_page_context = null;


    try {
      response.setContentType("text/html;charset=UTF-8");
      pageContext = _jspxFactory.getPageContext(this, request, response,
      			null, true, 8192, true);
      _jspx_page_context = pageContext;
      application = pageContext.getServletContext();
      config = pageContext.getServletConfig();
      session = pageContext.getSession();
      out = pageContext.getOut();
      _jspx_out = out;

      out.write("\r\n");
      out.write("\r\n");
      out.write("<html>\r\n");
      out.write("<head>\r\n");
      out.write("    <title>统计网站的访问人数</title>\r\n");
      out.write("</head>\r\n");
      out.write("<body>\r\n");
      out.write("    ");

        int count =0;
        count++;
    
      out.write("\r\n");
      out.write("    ");
      out.print("本网站访问人数为"+count);
      out.write("\r\n");
      out.write("</body>\r\n");
      out.write("</html>\r\n");
    } catch (java.lang.Throwable t) {
      if (!(t instanceof javax.servlet.jsp.SkipPageException)){
        out = _jspx_out;
        if (out != null && out.getBufferSize() != 0)
          try {
            if (response.isCommitted()) {
              out.flush();
            } else {
              out.clearBuffer();
            }
          } catch (java.io.IOException e) {}
        if (_jspx_page_context != null) _jspx_page_context.handlePageException(t);
        else throw new ServletException(t);
      }
    } finally {
      _jspxFactory.releasePageContext(_jspx_page_context);
    }
  }

优化：

<%!
    int count =0;
%>
<%

    count++;
%>
<%="本网站访问人数为"+count%>

成功，刷新后可以+1！

int count =0;变成成员变量！

总结

jsp的本质是一个servlet(就是类) 单实例多线程的程序

jsp页面中书写java代码的方式有3中

A、小脚本

B、表达式

C、声明式

[3]小脚本和声明式的区别

A、小脚本中声明的变量是局部的变量，在声明式中声明的变量是成员变量

B、小脚本中不可以定义方法在声明式中可以定义方法

C、在小脚本中可以使用jsp的内置对象在声明式中不可以使用
[4]所有的注释

A、java中的注释 3种

B、HTML中注释

C、JSP中注释

推荐使用jsp中的注释

优点：节省网络的带宽，可以增快访问的速度

505 JSP 统计网站访问人数B

<%--
  Created by IntelliJ IDEA.
  User: 37310
  Date: 2021/7/12
  Time: 13:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>统计网站的访问人数</title>
</head>
<body>
    <!--动作标识-->
<jsp:include page="head.jsp"></jsp:include>
<div style="height: 300px">

    <%--    声明式--%>
    <%!
        int count =0;
    %>
    <%--    小脚本--%>
    <%
        count++;
    %>
    <hr/>
    <%="本网站访问人数为"+count%>
</div>

<hr/>
<jsp:include page="foot.jsp"></jsp:include>
</body>
</html>

指令标识

<%--指令标识 page taglib taglib--%>
<%@include file="head.jsp"%>

<%--
  Created by IntelliJ IDEA.
  User: 37310
  Date: 2021/7/12
  Time: 13:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>统计网站的访问人数</title>
</head>
<body>
<%--动态包含--%>
<%--<jsp:include page="head.jsp"></jsp:include>--%>
<%--<jsp:forward page=""></jsp:forward>--%>
<%--指令标识 page taglib taglib--%>
<%--静态包含--%>
<%@include file="head.jsp"%>
<div style="height: 300px">


    <%--    声明式--%>
    <%!
        int count =0;
    %>
    <%--    小脚本--%>
    <%
        count++;
    %>
    <hr/>
    <%="本网站访问人数为"+count%>
</div>

<hr/>
<jsp:include page="foot.jsp"></jsp:include>
</body>
</html>

动态包含和静态包含的区别？

静态的引入式不会产生class文件，动态的引入式产生class文件

在这里插入图片描述

静态的引入式把代码原封不动的复制到主文件中，动态的引入是相当于方法的调用

在这里插入图片描述

3 静态的引入的方式引入文件和主文件中是不可以存在同名的变量，动态的引入可以存在

4 静态的引入产生的时机是第一个阶段，动态的引入式产生产生的时机是第三阶段

jsp执行步骤分为几步？

翻译–》编译–》执行

在这里插入图片描述

506 JSP 常用概念的解析

在这里插入图片描述

1.动态网页和静态网页

2. JSP/ASP/PHP的比较

3 B/S和C/S

在这里插入图片描述

4 常用服务器类型

507 JSP登录案例的实现

登陆页面

<%--
  Created by IntelliJ IDEA.
  User: 37310
  Date: 2021/7/13
  Time: 1:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<h3>登陆页面</h3>
<form action="doLogin.jsp">
    <p>
        用户名:<input type="text" name="uname"/>

    </p>
    <p>
        密码：<input type="text" name="pwd"/>

    </p>
    <p>
        <input type="submit" value="登录"/>
    </p>
</form>
</body>
</html>

http://localhost:8080/jsp01/doLogin.jsp?uname=2&pwd=4

用name的值进行传递！

处理登录操作:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>处理登录操作</title>
</head>
<body>
<%--http://localhost:8080/jsp01/doLogin.jsp?uname=2&pwd=4--%>
    <%
        //[A]接收Login.jsp传过来的数据

       String u = request.getParameter("uname");
       String p = request.getParameter("pwd");
        //[B]数据处理--拿着用户和密码去数据库作比较
        boolean flag = false;
        if("sxt".equals(u)&&"123".equals(p)){
            flag =true;
        }
        //[C]给用户做出响应
        if(flag){
            out.print("登陆成功");
        }else {
            out.print("登录失败");
        }
    %>
</body>
</html>

在这里插入图片描述