简单练习在jsp页面上输出出乘法口诀表
既然大家都是来看这种代码的人了,那么这种输出乘法口诀表的这种简单算法肯定是难不住大家了,所以这次主要是来说jsp的使用格式问题。
<%--Created by IntelliJ IDEA.User: ***Date: 2024/7/18Time: 11:26To 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/18Time: 16:01To 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/18Time: 16:02To 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显示到页面,就可以知道我们到底是否真正的接收到了参数,这就是后端与前端传递数据的一种最简单的一个演示了
点击这个超链接然后注意地址栏的变化
这就是最终成果,这就是互联网后端与前端传递数据的基本原理,只不过要相比于这个更加复杂而已。