JSP初学整理(一)
初次接触jsp总结出第一次学习的内容:
创建Web工程
新建hello类
创建JSP界面
配置Tomcat服务器
部属 Web 应用程序
运行调试程序
目录
创建Web工程
打开 MyEclipse 开发界面, File->New->Projects … ,打开新建项目对话框,选中 MyEclipse->J2EE Projects->Web Project ,点 Project Details 的 Projects Name 中输入 WebTest ,其他采用默认值,注意这里的 Context root URL 为 /WebTest ,否则,你就要在 IE 才能使用了。注意这里的最下面有是否加入标签库支持,我们选择 JSTL1.1 。然后,点击 Finish 按钮完成项目创建。
我们察看我们新建的工程,需要的类都已经自动加载了进来,还有一个 J2EE 的类环境变量,这就是使用 MyEclipse 的方便之处。
新建hello类
选中工程项目 WebTest 下的 src 文件夹(注意是在 Package Explorer 下,如果这个找不到,去找 Eclipse 使用指南看吧, Window kage Explorer ),右键菜单 New->Package ,新建一个包 bean 。选中新建的包,右键菜单 New ->Class , Name 中输类名(我的是bean),其他全部默认,点击 Finish 按钮完成类的创建。
bean类代码如下:
package bean;
/* * Junsan * */
public class bean{
private String message = "Hello World";
/** * @return Returns the message. */
public String getMessage(){
return message; }
/** * @param message The message to set. */
public void setMessage(String message){
this.message = message;
}
}
创建JSP界面
在 WebTest 工程中,选中 WebRoot 文件夹,右键菜单 New->JSP , File Name 修改为 index.jsp ,其他默认,点击 Finish 按钮。
编辑 JSP 文件的内容如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<% String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+ ":"+request.getServerPort()+path+"/"; %>
<jsp:useBean id="bean" class="bean.bean" scope="page"/>
<jsp:setProperty name="bean" property="message" value="Hello World!"/>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
</head>
<body>
<jsp:getProperty name="hello" property="message" /><br>
This is my JSP page. <br>
</body>
</html>
注意: 代码中jsp:useBean部分为包和类的具体地址,根据工程的不同位置做相应的修改。好了我们的代码已经编写完毕了。
配置 Tomcat 服务器
Eclipse 菜单, Window->Preference… ,打开 Preference 对话框,找到菜单树中 MyEclipse->Application Servers->Tomcatat 5 项,在对话框中,选中 Enable 单选按钮,然后点击 Tomcat Home Directory 输入框后的 Browse 按钮,选择 Tomcat 的安装根目 omcat5.5 ,其它的框会自动填充。点击 Apply 按钮。 选中 Tomcat 5 中的 JDK 一项,这里要特别注意,默认的是 JRE 的运行环境,这里要设定成 JDK 的,否则, MyEclipse 无法正常也无法正常运行 Tomcat 服务器。
我们点击 Add 按钮, JRE Name 中写入 JDK1.5.0_06 ,然后在 Browse 选择框中选择 JDK 的根目录,这里是 C:\Program Files\Java\jdk1.5.0_0 6 ,其他的默认,点击 OK 按钮。在 Tomcat JDK Name 中选择我们刚才创建的那个,就是 JDK1.5.0_06 。点击 Apply 按钮,每次都点 e 出问题,你不点这个跑到另一个配置页面就会丢失上面的配置。
我们在 Tomcat 5 的 Launch 中确保选中了 Debug 模式。
而 Paths 中就是一些类路径设置,第一个是提前加载的类路径,有些包一启动服务器初始化 Web Application 时就要用到第二个是运行时才用到的;第三个是没有打包的类,这里我们就不管了。 现在可以点击 preference 对话框的 OK 按钮了,完成 Tomcat 的配置。
部属 Web 应用程序
我们选中 WebTest 工程的根目录,右键菜单 MyEclipse->Add and Remove Projects Deployments… ,确保 Projects 为 WebTest ,点击 Add 按钮,在弹出对话框的 Server 中选择 Tomcat 5 ,下面的两个单选项, Exploaded Archive 和分别是目录方式部属和包方式部属,这个都是由 MyEclipse 来做的,我们使用目录部署方式,不用打成 war 包,其他的不管它了钮回到上一个页面。
服务器指定了,下面来部署应用程序。选中对话框服务器列表中的 Tomcat 5 项,此时,灰显的按钮变为可用,其中 Remove 是移除部署和重新部署,我们点击 Redeploy 按钮,以后我们修改了工程也可以点此按钮重新部署。这里我们可以点击一下了。
OK ,程序已经部署完成了,下面要运行调试了。
运行调试程序
在 Eclipse 的图形菜单栏找到(这个按钮左边那个是重新部署按钮,右边是自掉的浏览器),点击下拉按钮,后点击 Start 菜单,启动 Tomcat 。 等 Consol 窗口中提示 Tomcat 启动成功,我们就可以运行我们的程序了。打开一个 IE 浏览器窗口,输入 http://localhost:8080/WebTes t/ ,我们可以看到如下信息:
This is my JSP page.
Hello World!
说明运行成功。