实验一 熟悉JSP开发环境及JSP页面基本结构
一、实验目的
1. 掌握JSP页面开发环境的搭建及基本使用。
2. 了解JSP页面的基本结构。
二、实验内容
1、准备试验用的软件JDK、Tomcat、Myeclipse等软件。
2、安装相应软件。
3、熟悉软件基本使用功能。
4、调试一个简单的jsp页面。
三、实验步骤
1.安装JDK
① 在Oracle官网上下载JDK并解压到D盘。
② 设置系统环境变量。
2.安装并启动Tomcat
①在Apache官网上下载Tomcat并解压到D盘。
②配置系统环境变量。
③启动Tomcat服务器。
点击tomcat文件夹的bin文件夹中的startup.bat文件
启动后在浏览器中输入:127.0.0.1:8080
④发现与解决问题
问题:在tomcat启动后页面出现乱码并且在测试中需要用户名和密码,原因是字符编码不对和端口号呗占用。
解决方法:在sercver.xml文件中将端口改为8088,在logging。Properties文件中将字符编码改为GB2312。更改后重新启动tomcat服务器。
3.安装并启动Myeclipse
4.创建简单的Jsp页面
点击file->new->web project创建web工程,完成后在WebRoot文件夹下创建JSP文件。
代码:
<%@ page contentType="text/html" %>
<%@ page pageEncoding="utf-8" %>
<html>
<body>
<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>
运行结果:
代码:
<%@ 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>
运行结果
代码
<%@ 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=100;
int sum=math+english+chinese;
%>
<p style="font-size: 20;font-family: 宋体;">
<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>
</p>
</body>
</html>
运行结果
四、实验总结
本次实验安装了JSP有关的文件,并使用了Myeclipse编写了第一个JSP页面,在安装的过程中遇到了一些困难,通过查阅资料并解决成功,在破解Myeclipse时浪费了一些时间。