简单练习在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显示到页面,就可以知道我们到底是否真正的接收到了参数,这就是后端与前端传递数据的一种最简单的一个演示了
点击这个超链接然后注意地址栏的变化
这就是最终成果,这就是互联网后端与前端传递数据的基本原理,只不过要相比于这个更加复杂而已。