JSP入门小实验

实验内容

1.输出英文字母表 2.输出九九乘法表 3.输出成绩单

实验目的

1.掌握怎样在Tomcat服务器的webapps目录中新建Web目录，怎样访问Web服务目录下的JSP文件。 2.掌握怎样在Tomcat服务器之外建立新的web服务目录，怎样访问Web服务目录下的JSP文件。 3.复习HTML的<table>标记。

实验步骤

1.输出英文字母表 (1)在tomcat的webapps目录下新建一个文件夹ch1_practice_one用来存放第一题的代码。在这里插入图片描述 (2)在ch1_practice_one目录下新建一个文件夹image用来存放图片。 (3)敲代码如下： letter.jsp

<%@ page contentType="text/html" %>
<%@ page pageEncoding="utf-8" %>
<HTML>
<BODY background="image/java.jpg">
<p style="font-family:宋体;font-size:36">
<br>英文字母表:</br>
</p>
<p style="font-family:宋体;font-size:25;color:blue">
<% 
	char upperCase;
	char lowerCase;
	for(upperCase='A';upperCase<='Z';upperCase++){
		lowerCase=(char)(upperCase+32);
		out.print(upperCase+"("+lowerCase+")"+" ");
		if(upperCase == 'M'){
		out.print("<br>");
		}
	}
%>
</p>
</BODY>
</HTML>

（4）访问浏览器http://127.0.0.1:8080/ch1_practice_one/letter.jsp浏览页面。在这里插入图片描述

2.输出九九口诀表(用到了虚拟目录，可以不用) (1)在C盘新建一个文件夹ch1_practice_two用来存放第二题的代码。在这里插入图片描述

(2)在tomcat服务器下目录conf中修改配置文件server.xml,在前面加入影像。在这里插入图片描述

(3)敲代码如下： outputNumber.jsp

<%@ page contentType="text/html" %>  
<%@ page pageEncoding = "utf-8" %> 
<HTML><body>
<h3>乘法表</h3>
<p style="font-family:宋体;font-size:15;color:green">
   <%
   	for(int j=1;j<=9;j++){
   		for(int i=1;i<=j;i++){
   			int n=i*j;
   			out.print(i+"x"+j+"="+n+" ");
   		}
   		out.print("<br>");
   	}
   %>
</p>
</body></HTML>

（4）访问浏览器http://127.0.0.1:8080/number/outputNumber.jsp浏览页面。在这里插入图片描述

3.输出成绩单 (1) 在tomcat目录下新建一个文件夹ch1_practice_three用来存放第一题的代码。在这里插入图片描述 (2)敲代码如下： outputReport.jsp

<%@ page contentType="text/html" %>
<%@ page pageEncoding="utf-8" %>
<HTML>
<BODY>
<p style="font-family:黑体;font-size:22">
数学，英语和语文成绩单。<br>单科满分是150分。
</p>
<%
	int math=98;
	int english=90;
	int chinese=110;
	int sum=math+english+chinese;
%>
<p style="font-family:宋体;font-size:20">
<table border=2>
<tr>
<td>姓名</td><td>数学成绩</td><td>英语成绩</td><td>语文成绩</td>
<td>总成绩</td>
</tr>
<tr>
	<td>张三</td><td><%=math %></td><td><%=english %></td>
	<td><%=chinese %></td>
	<td><%=sum %></td>
</tr>
<%
	math = 115;
	english = 70;
	chinese = 120;
	sum = math+english+chinese;
%>
<tr>
	<td>李四</td><td><%=math %></td><td><%=english %></td>
	<td><%=chinese %></td>
	<td><%=sum %></td>
</tr>
<%
	math=88;
	english=100;
	chinese=98;
	sum=math+english+chinese;
%>
<tr>
	<td>王五</td><td><%=math %></td><td><%=english %></td>
	<td><%=chinese %></td>
	<td><%=sum %></td>
</tr>
</table>
</BODY>
</HTML>

（4）访问浏览器http://127.0.0.1:8080/ch1_practice_three/outputReport.jsp浏览页面。在这里插入图片描述实验结果分析 1.本次第一题输出26个英文字母大小写，过程还算顺利，运用了jsp数据的定义，复习了Java的循环，字符串的拼接与数据类型的转换，属于实验课的热身题目。运行结果如下：

本次实验第二题为输出九九乘法表，看似与第一题差别不大，其实难在配置虚拟目录，一个标点符号的疏忽都会导致tomcat重启失败。运行结果如下：
本次实验第三题为输出成绩表，目的在于复习HTML的表格书写。实验时候一直报如下错误：后来经过百度得知<% =math%>的=前不能留空格。修改过后能成功运行。运行结果如下：

JSP入门小实验-实验报告

JSP入门小实验

实验内容

实验目的

实验步骤