IDEA,Eclipse搭建Web项目(多图预警)

IDEA搭建

1.建立Project
IDEA,Eclipse搭建Web项目(多图预警)_第1张图片
IDEA,Eclipse搭建Web项目(多图预警)_第2张图片
IDEA,Eclipse搭建Web项目(多图预警)_第3张图片
IDEA,Eclipse搭建Web项目(多图预警)_第4张图片
此时工程结构
2.创建Module
IDEA,Eclipse搭建Web项目(多图预警)_第5张图片
IDEA,Eclipse搭建Web项目(多图预警)_第6张图片
IDEA,Eclipse搭建Web项目(多图预警)_第7张图片
IDEA,Eclipse搭建Web项目(多图预警)_第8张图片
此时项目结构
3.添加配置文件,classes,lib
IDEA,Eclipse搭建Web项目(多图预警)_第9张图片
IDEA,Eclipse搭建Web项目(多图预警)_第10张图片
IDEA,Eclipse搭建Web项目(多图预警)_第11张图片
IDEA,Eclipse搭建Web项目(多图预警)_第12张图片
此时项目结构
IDEA,Eclipse搭建Web项目(多图预警)_第13张图片
创建classes,lib文件夹,存放class文件和第三方jar
IDEA,Eclipse搭建Web项目(多图预警)_第14张图片
路径指定到创建的classes文件
IDEA,Eclipse搭建Web项目(多图预警)_第15张图片
IDEA,Eclipse搭建Web项目(多图预警)_第16张图片
路径指定到创建的lib文件
IDEA,Eclipse搭建Web项目(多图预警)_第17张图片
此时目录结构
4.配置Tomcat
IDEA,Eclipse搭建Web项目(多图预警)_第18张图片
IDEA,Eclipse搭建Web项目(多图预警)_第19张图片
IDEA,Eclipse搭建Web项目(多图预警)_第20张图片
设置Name,端口
IDEA,Eclipse搭建Web项目(多图预警)_第21张图片
配置Tomcat路径
IDEA,Eclipse搭建Web项目(多图预警)_第22张图片
IDEA,Eclipse搭建Web项目(多图预警)_第23张图片
将项目部署到Tomcat
IDEA,Eclipse搭建Web项目(多图预警)_第24张图片
IDEA,Eclipse搭建Web项目(多图预警)_第25张图片
配置完成

Eclipse下手动搭建JavaWeb项目
1.搭建Web项目目录
  • 创建一个Java项目,在该项目下新建一个文件夹,表示根,名字为:webapp(名字随意)。

  • 在webapp下新建一个文件夹,名字为WEB-INF(注意,其他程序不能访问WEB-INF下的资源)。

  • 在WEB-INF中新建一个文件夹,名字为classes(存放编译好的class文件)。

  • 在WEB-INF中新建一个文件夹,名字为lib(存放第三方Jar)。

  • 去Tomcat根/webapps/ROOT/WEB-INF目录下拷贝一个web.xml文件到WEB-INF下(只保留头和根元素)。

  • 改变该项目的输出目录:也就是改变classpath的路径,从默认的bin目录改变为webapp/WEB-INF/classs中。

IDEA,Eclipse搭建Web项目(多图预警)_第26张图片
Web项目结构
2.加载Tomcat
IDEA,Eclipse搭建Web项目(多图预警)_第27张图片
加载Tomcat

管理Tomcat启动,关闭,重启的插件

3..加载Servlet

首先要明确Servlet是一套规范(理解为接口),主要用来处理基于HTTP协议的请求和响应。
去Tomcat安装目录下的lib文件夹下找到servlet-api.jar,添加到上面的WEB-INF下lib目录中。

IDEA,Eclipse搭建Web项目(多图预警)_第28张图片
添加servlet-api.jar

既然知道Servlet是一套接口规范了,就需要一个类来实现它,编写一个类实现Servlet。


IDEA,Eclipse搭建Web项目(多图预警)_第29张图片
实现Servlet

实现后需要在web.xml中配置一下,让服务器知道Servlet的位置。






    
        HelloServlet
        
        com.w.servlet.HelloServlet
    

    
        HelloServlet
        
        /hello
    


4.项目部署
  • 方式一
    将webapp目录放到Tomcat所在目录F:\Tomcat\webapps文件夹下。
    访问时:http://localhost:8080/webapp/index.html

  • 方式二

修改Tomcat配置文件conf文件夹下,server.xml文件

 
 
        
        
        
 

访问时:http://localhost:8080
注意:这种方式不写path就是将原有的8080端口的Tomcat地址覆盖了。

  • 方式三
在F:\Tomcat\conf\Catalina\localhost文件夹下,新建xml文件写入如下信息:


访问时:http://localhost:8080/doc 
注意:xml的名称是什么访问的上下文就改成什么。

你可能感兴趣的:(IDEA,Eclipse搭建Web项目(多图预警))