JSP入门小实验

JSP入门小实验

实验内容

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

实验目的

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

标记。

实验步骤

1.输出英文字母表
(1)在tomcat的webapps目录下新建一个文件夹ch1_practice_one用来存放第一题的代码。
JSP入门小实验_第1张图片
(2)在ch1_practice_one目录下新建一个文件夹image用来存放图片。
JSP入门小实验_第2张图片
(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("
"
); } } %> </p> </BODY> </HTML>

(4)访问浏览器http://127.0.0.1:8080/ch1_practice_one/letter.jsp浏览页面。
JSP入门小实验_第3张图片

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

(2)在tomcat服务器下目录conf中修改配置文件server.xml,在前面加入影像。
JSP入门小实验_第4张图片

(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("
"
); } %> </p> </body></HTML>

(4)访问浏览器http://127.0.0.1:8080/number/outputNumber.jsp浏览页面。
JSP入门小实验_第5张图片

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浏览页面。
JSP入门小实验_第6张图片
实验结果分析
1.本次第一题输出26个英文字母大小写,过程还算顺利,运用了jsp数据的定义,复习了Java的循环,字符串的拼接与数据类型的转换,属于实验课的热身题目。
运行结果如下:
JSP入门小实验_第7张图片

  1. 本次实验第二题为输出九九乘法表,看似与第一题差别不大,其实难在配置虚拟目录,一个标点符号的疏忽都会导致tomcat重启失败。
    运行结果如下:
    JSP入门小实验_第8张图片

  2. 本次实验第三题为输出成绩表,目的在于复习HTML的表格书写。实验时候一直报如下错误:JSP入门小实验_第9张图片
    后来经过百度得知<% =math%>的=前不能留空格。修改过后能成功运行。
    运行结果如下:
    JSP入门小实验_第10张图片

你可能感兴趣的:(JSP程序设计,java)