运行环境及工具：

（Tomcat7） + （JAVA JDK）+ (Eclipse for J2EE)

输出9*9乘法表

代码片段的练习

增加一些简单的JS功能

  1. <%@ page import="java.util.*"%>
  2. <%@ page import="java.text.SimpleDateFormat"%>
  3. <%@ page language="java" contentType="text/html; charset=UTF-8"
  4.     pageEncoding="GBK"%>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  6. "http://www.w3.org/TR/html4/loose.dtd">
  7. <html>
  8. <head>
  9. <style>
  10. ul{list-style-type:none;}
  11. #inlblo{display:inline-block;}
  12. </style>
  13. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  14. <title>JSP学习-test4-9*9乘法表</title>
  15. </head>
  16. <body>
  17.  
  18. <h1>输出9*9乘法表</h1>
  19. <%
  20. String str=" ";
  21. for(int i=1;i<10;i++){
  22. 	for(int j=1;j<=i;j++){
  23. 		str=j+"乘"+i+"等于"+(i*j)+"\t";
  24. %>
  25. <%=str %>
  26. <%
  27. 	 }
  28. %><br><%
  29.  }
  30. %>
  31. <p>主要知识点:代码片段-嵌套</p>
  32.  
  33. <h3>乘法表加强</h3>
  34. <p>练习：</p>
  35. <p>输入计算结果，按回车提示是否正确：</p>
  36. <ul>
  37. <li>
  38. <ul>
  39. 	<li>1x1=<input name="inname11" type="text" style="width:25px;" onkeypress="if(event.keyCode==13 && value==1){alert('正确！');} if(event.keyCode==13 && value!=1){alert('错误！');}"/></li>
  40. </ul>
  41. </li>
  42. </ul>
  43.  
  44. <ul>
  45. 	<li>
  46. 	<ul class="textInlineBlc">
  47. 	<li id="inlblo">1x2=<input name="inname12" type="text" style="width:25px;" onkeypress="if(event.keyCode==13 && value==2){alert('正确！');} if(event.keyCode==13 && value!=2){alert('错误！');}"/></li>
  48. 	<li id="inlblo">2x2=<input name="inname22" type="text" style="width:25px;" onkeypress="if(event.keyCode==13 && value==4){alert('正确！');} if(event.keyCode==13 && value!=4){alert('错误！');}"/></li>
  49. 	</ul>
  50. 	</li>
  51. </ul>
  52.  
  53. <ul>
  54. 	<li>
  55. 	<ul class="textInlineBlc">
  56. 	<li id="inlblo">1x3=<input name="inname13" type="text" style="width:25px;" onkeypress="if(event.keyCode==13 && value==3){alert('正确！');} if(event.keyCode==13 && value!=3){alert('错误！');}"/></li>
  57. 	<li id="inlblo">2x3=<input name="inname23" type="text" style="width:25px;" onkeypress="if(event.keyCode==13 && value==6){alert('正确！');} if(event.keyCode==13 && value!=6){alert('错误！');}"/></li>
  58. 	<li id="inlblo">3x3=<input name="inname33" type="text" style="width:25px;" onkeypress="if(event.keyCode==13 && value==9){alert('正确！');} if(event.keyCode==13 && value!=9){alert('错误！');}"/></li>
  59. 	</ul>
  60. 	</li>
  61. </ul>
  62.  
  63. <h3>乘法表再加强</h3>
  64. <p>判断：点击结果正确的选项</p>
  65. 暂时不加强~~属于js范畴
  66.  
  67. <hr>
  68. <h3>输出金字塔</h3>
  69. <p>代码片段的练习</p>
  70.  
  71. </body>
  72. </html>

　　

运行如下

翻看教材示例用的是直接输出str这个超长字符串，即是乘法表的每一个小字符串连接成一个大字符串，然后输出，具体如下：

  1. <%
  2. String str="";
  3. for(int i=1;i<10;i++){
  4. 　　for(int j=1;j<=i;j++){
  5. 　　　　str+=j+"*"+i+"="+(i*j)+" ";
  6. 　　}
  7. 　　str+="<br>";
  8. }
  9. %>
  10. <%=str %>

继续输出 * 金字塔：

  1. <body>
  2.  
  3. <center>【*】 金字塔</center>
  4. <br>
  5. <%
  6. for(int i=0;i<10;i++){
  7. 	String str="*";
  8. 	for(int j=0;j<i;j++){
  9. 		str+="**";
  10. 	}
  11. %>
  12. 	<%="<center>"+str+"<br>"+"</center>" %>
  13. <%
  14. }
  15. %>
  16.  
  17. </body>

运行结果：

JAVA WEB 的JSP(9*9乘法表+*型金字塔)的更多相关文章

  1. go输出九九乘法表和金字塔

    用go语言实现输出九九乘法表和金字塔: 1.输出九九乘法表: 代码示例: package main import ( "fmt" "time" ) //实现99 ...

  2. 初学Java Web(6)——JSP学习总结

    为什么要学习 JSP Servlet 的短板: Servlet 的出现,是为了解决动态输出网页的问题. 虽然这样做目的能达到,但是存在一些缺陷: 在 Servlet 输出网页片段非常恶心 (可读性差, ...

  3. Java Web之JSP技术

    JSP全称是Java Server Pages,它和servle技术一样,都是SUN公司定义的一种用于开发动态web资源的技术.JSP这门技术的最大的特点在于,写jsp就像在写html,但它相比htm ...

  4. java攻城师之路--复习java web之jsp入门_El表达式_JSTL标签库

    JSP 技术掌握:JSP语法 + EL + JSTL 为什么sun推出 JSP技术 ? Servlet 生成网页比较复杂,本身不支持HTML语法,html代码需要通过response输出流输出,JSP ...

  5. Java EE 在网页输出九九乘法表、三角形、菱形

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  6. Java Web(五) JSP详解(四大作用域九大内置对象等)

    前面讲解了Servlet,了解了Servlet的继承结构,生命周期等,并且在其中的ServletConfig和ServletContext对象有了一些比较详细的了解,但是我们会发现在Servlet中编 ...

  7. Java Web之JSP

    什么是JSP? JSP就是一个可以写Java代码的HTML页面 JSP是什么? JSP是Servlet,JSP的本质就是Servlet Tomcat的web.xml文件下有这样几段代码: 看到下面的通 ...

  8. 复习java web之jsp入门_El表达式_JSTL标签库

    JSP 技术掌握:JSP语法 + EL + JSTL 为什么sun推出 JSP技术 ? Servlet 生成网页比较复杂,本身不支持HTML语法,html代码需要通过response输出流输出,JSP ...

  9. Java Web(六) JSP

    现在的Java Web开发已经很少使用JSP脚本了,业务逻辑都交给Servlet处理,JSP只负责显示视图,所以接下来的内容就对JSP脚本不做叙述了... JSP概述 JSP全名为Java Serve ...

随机推荐

  1. python基础——使用list和tuple

    python基础——使用list和tuple list Python内置的一种数据类型是列表:list.list是一种有序的集合,可以随时添加和删除其中的元素. 比如,列出班里所有同学的名字,就可以用 ...

  2. php 面向对象之封装

    <body> <?php //类的概念 //对象的概念 //定义类 //class Ren //{ //成员变量 //成员方法 //} //造对象 //$r = new Ren(); ...

  3. redis的PHP扩展包安装方法

    试用Redis安装.php环境连接.测试  Redis介绍     Redis本质上一个Key/Value数据库,与Memcached类似的NoSQL型数据库,但是他的数据可以持久化的保存在磁盘上,解 ...

  4. oracle 10g 学习之创建和管理表（7）

    目标 通过本章学习,您将可以: l  描述主要的数据库对象. l  创建表. l  描述各种数据类型. l  修改表的定义. l  删除,重命名和清空表. 常见的数据库对象 表.视图.序列.索引.同义 ...

  5. Java Hour 49 保存和查询历史的Weather

    吾一直坚信,是需求的不断变化推动了架构的不断演变. 新的需求 能够查看指定日期的Weather,因为客户想要比较昨天和今天的天气情况,所以需要能够查询历史数据的功能. 1 能保存当前的天气到数据库 2 ...

  6. PHP 图片水印类

    <?php /** * 加水印类,支持文字图片水印的透明度设置.水印图片背景透明. * $obj = new WaterMask($imgFileName); //实例化对象 * $obj-&g ...

  7. hdu 4280 最大流sap

    模板套起来 1 5 7 //5个结点,7个边 3 3 //坐标 3 0 3 1 0 0 4 5 1 3 3 //相连的结点和流 2 3 4 2 4 3 1 5 6 4 5 3 1 4 4 3 4 2 ...

  8. 对学长所谓“改变世界的游戏”《shield star》的运行感想-毛宇部分(完整版本请参考团队博客)

    对于学长项目<shield star>的思考和看法: Ryan Mao ((毛宇)  110616-11061171 试用了一下学长黄杨等人开发的<shield star>游戏 ...

  9. AndroidManifest.xml相关知识

    AndroidManifest.xml <?xml version="1.0" encoding="utf-8"?> <manifest  ...

  10. cocos2dx游戏开发——微信打飞机学习笔记（五）——BackgroundLayer的搭建

    一.创建文件~ 文件名:BackgroundLayer.h BackgroundLayer.cpp 架构就跟前面的一样,我就直接进入正题 啦,而且github有完整代码,欢迎下载~ 二.创建滚动的背景 ...