当前位置: 首页 > article >正文

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显示到页面,就可以知道我们到底是否真正的接收到了参数,这就是后端与前端传递数据的一种最简单的一个演示了

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

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


http://www.kler.cn/a/325706.html

相关文章:

  • 《设计模式》创建型模式总结
  • 编译OpenCV的速度,家里和公司的电脑相差很大
  • 深入探索Python集合(Set)的高效应用:数据处理、性能优化与实际案例分析
  • MongoDB聚合操作
  • 5.STM32之通信接口《精讲》之USART通信---实验串口接收程序
  • kubernetes如何配置默认存储
  • 自制CANTool_DBC_Layout仿制_布局读取Signal(三)
  • 【ShuQiHere】AVL 树(AVL Tree):如何保持二叉搜索树的平衡性?
  • 重构长方法之提取方法
  • 9.26-9.29学习
  • 信息安全数学基础(21)高次同余式的解数及解法
  • 【C++题目】7.双指针_和为 s 的两个数字
  • Python | Leetcode Python题解之第447题回旋镖的数量
  • 【linux 多进程并发】linux进程状态与生命周期各阶段转换,进程状态查看分析,助力高性能优化
  • 【C++——文件操作】
  • Allen Institute for Artificial Intelligence (Ai2) 发布开源多模态语言模型 Molmo
  • Mixture-of-Experts (MoE): 条件计算的诞生与崛起【下篇】
  • 四十四、多云/混合云架构设计(安全与合规策略)
  • watchEffect工作原理
  • docker学习笔记(1.0)
  • 面经4——亚信
  • Visual Studio Code 高级使用技巧:插件推荐、调试技巧与工作流优化
  • 【HTML5】html5开篇基础(5)
  • 怎么屏蔽统计系统统计到的虚假ip
  • 【分布式微服务云原生】探索RPC:远程过程调用的奥秘与技术实现
  • 汽车信息安全 -- 再谈车规MCU的安全启动