第一个JavaWeb应用

crainyday

Java / JavaWeb

发布于：2019年9月15日

字数：1.4k字

时长：6分钟

什么是 JavaWeb？

如何开发 JavaWeb？

①同之前一样，用 eclipse 开发普通 Java 项目的方式创建第一个 JavaWeb 项目并发布到 Tomcat 服务器。
②用 JavaEE 版的 eclipse 创建第一个动态的 JavaWeb 工程。

1. JavaWeb 概述

JavaWeb 应用是由一组 Servlet、HTML 页面、Java 类以及其它可以被绑定的资源构成的，它可以运行在各种供应商提供的实现了 Servlet 规范的 Servlet 容器中。

由此，JavaWeb 应用中可以包含：

— Servlet

— JSP

— 实用类

— 静态文档，如HTML、图片、CSS、JS等

— 描述 Web 应用的信息(web.xml)

JavaWeb 目录结构：

在此，先统一 eclipse 的所有文件的编码解码格式，一般统一为 UTF-8 即可。

请看教程示例 Eclipse 修改字符集

2.手动创建 JavaWeb 应用

经典版的 Eclipse：Eclipse 的每个安装包都不同， Java 开发人员通常使用 Eclipse IDE for Java Developers 来开发 Java 应用。安装 Eclipse 之前必须做好 Java开发环境配置

用经典版的 eclipse 开发普通 Java 项目的方式创建第一个 JavaWeb 项目并发布到Tomcat服务器

①创建 Java 项目

右键新建一个 Java 项目，按照 Servlet 定义的 JavaWeb 目录结构，创建对应目录。

web.xml：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
  <display-name>test</display-name><!--注意：这里要为Web项目名称-->
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
</web-app>

index.jsp：

1
2
3

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

②配置Build Path

在 JavaWeb 目录结构中要求：JavaWeb 应用的类文件必须存放在 /WEB-INF/classes 目录下。

因此，需要将当前 Java 项目 src 的源码输出文件夹改为 /WEB-INF/classes。

在项目上右键单击，依次选择 Build Path → Config Build Path

之后将 src 的源码输出文件夹修改即可。

之后在 src 下创建一个 Java 类(Test.java)。

Test.java：

public class Test{
    public String getTestInfo(){
        return "Testing......";
    }
}

修改 index.jsp：

<%@ page import="test.Test"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
Hello
<%
    Test test = new Test();
    System.out.println(test.getTestInfo());
%>

③部署到 tomcat

这里说两种部署方法：

①最简单的方法，把 WebContent 目录复制到 Tomcat 的 webapps 目录下，并改名为：test，重启 tomcat 后访问 localhost:8080/test/index.jsp 即可。浏览器会输出：Hello。控制台会输出：Testing…

②通过配置，映射任意目录下的 WEB 应用，实现后，重启 tomcat 后访问 localhost:8080/test/index.jsp 即可。浏览器会输出：Hello。控制台会输出：Testing…

先在 Tomcat 根目录中，conf 目录下依次创建 catalina/localhost 目录，然后在 localhost 目录下为 test
这个 Web 应用程序建立 test.xml 文件。

test.xml：

<?xml version="1.0" encoding="UTF-8"?>
<Context 
path="/hello" 
docBase="E:\\Java\\Source\\test\\WebContent" 
reloadable="true"/>
<!--path 不起作用-->
<!--docBase 为创建的 JavaWeb 应用的 WebContent的真实物理路径-->
<!--注意写路径时的转义字符-->

reloadable：当修改了 docBase 指向的目录下的 class 文件时， tomcat 服务器是否重新加载 web 应用。

3.创建动态的 JavaWeb 工程

JavaEE 版的 Eclipse 下载

下载之后，将压缩文件解压，和原来安装的 Eclipse 合并即可。Ctrl+C、Ctrl+V，选择全部覆盖。

请看教程示例 Eclipse 修改字符集

①将 Eclipse 切换到 JavaEE 模式

点击如图中的图标即可切换，没有的点击“打开透视图”查找即可。

若查找不到，就是你的 Eclipse 没有安装 JavaEE 开发的系列插件。

②打开包资源管理器

JavaEE 默认使用的是 Project Explorer(项目资源管理器)，这里我用惯了包资源管理器。

依次点击 Window → Show View → Other，打开要显示的视图。

找到 Java → Package Explorer 即可打开包资源管理器。

③新建一个 Server

按照②的方法，打开 Servers 视图。

之后右键单击，依次点击 New → Server，新建一个 Server。

选择新建的 Tomcat 的版本，host name、Server name 默认即可。

之后添加 Server 的运行时环境，点击 Add，添加 Tomcat Server，选择自己电脑上安装的 Tomcat，确定即可。

④新建一个 Dynamic Web Project

在包管理器中，右键单击，New → Dynamic Web Project。

这里注意，一定不要新建 Static Web Project，若找不到新建的动态 Web 工程，点击 Other 寻找即可。

输入项目名，选择运行环境(就是刚才新建的 Server 的 Apache Tomcat 版本，默认即可)，选择动态 Web 应用版本，Next → Next，别急着点 Finish，最后一步一定要选择 Generate web.xml deployment descriptor。

⑤测试

新建一个 Test 类，index.jsp 文件如图。

Eclipse 快捷键：Alt+/ 代码提示，Ctrl+Shift+O 自动导包，Ctrl+/ 代码注释。

Test.java：

package com.crd.test;

public class Test {
    public String getTestInfo() {
        return "testings......";
    }
}

index.jsp：

<%@page import="com.crd.test.Test"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
    <%
        Test test = new Test();
        System.out.println(test.getTestInfo());
    %>
</body>
</html>