JSP(Java Server Pages)基础使用二

简单练习在jsp页面上输出出乘法口诀表

既然大家都是来看这种代码的人了,那么这种输出乘法口诀表的这种简单算法肯定是难不住大家了,所以这次主要是来说jsp的使用格式问题。

<%--
  Created by IntelliJ IDEA.
  User: ***
  Date: 2024/7/18
  Time: 11:26
  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>


<table border="1" width="800px`">
    <%
        for (int i=1;i<=9;i++){


    %>
    <tr>
    <%
        for (int j=1;j<=i;j++){

    %>
        <td>
            <div><%=i%>*<%=j%>=<%=i*j%></div>
        </td>

    <%
        }
    %>
    </tr>
    <%
        }
    %>
</table>
</body>
</html>

之前说过了前端代码也可以在jsp页面上写的所以我们把输出的式子用表格框起来这样看起来更好看,这个原理就是属于后端代码的部分就要用<%>括起来,前端代码部分不用括起来直接写就行,运行后别忘了在地址栏上加上jsp文件的名字。运行起来就是这个效果

数据传递与参数接收

<%--
  Created by IntelliJ IDEA.
  User: ***
  Date: 2024/7/18
  Time: 16:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>数据传递</title>
</head>
<body>

<%--地址栏传参,地址后面先加问号,然后再问号后面进行参数传递
              等号左边的是参数名,等号右边的是参数值--%>
<a href="test5.jsp?age=20">跳转到test5</a>

</body>
</html>

这里使用了a标签,它是超链接是用来跳转页面的,这个jsp的名字叫做test4.jsp在a标签中href等号后面的名字就是要跳转到的页面而在test5.jsp后面还有?age=20,这个问号后面的就是要传递的参数,这个参数的名字是age,值为20.意思是把这个参数传递给了test5.jsp这个页面里,然后我们要做的就是在test5.jsp中接收这个参数。

<%--
  Created by IntelliJ IDEA.
  User: ***
  Date: 2024/7/18
  Time: 16:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>接收数据</title>
</head>
<body>

<h1>学习参数接收</h1>
<%
    //从请求中,根据参数名,获取参数值
    String a=request.getParameter("age");
%>

<h2>
    收到的参数值是:<%=a%>
</h2>

</body>
</html>

使用request.getParameter()方法来接收这个参数,这个方法来自于Servlet的导包中,这里面的request参数也是包中的变量getParameter来获取参数,然后我们在声明一个字符串变量a接收一下这个参数,之后我们在把这个变量a显示到页面,就可以知道我们到底是否真正的接收到了参数,这就是后端与前端传递数据的一种最简单的一个演示了

点击这个超链接然后注意地址栏的变化

这就是最终成果,这就是互联网后端与前端传递数据的基本原理,只不过要相比于这个更加复杂而已。

上一篇:AndroidStudio依赖报错


下一篇:全栈开发(四):使用springBoot3+mybatis-plus+mysql开发restful的增删改查接口