用eclispe开发web项目初步

1.打开eclipse后,新建一个web项目:

new -- dynamic web project

用eclispe开发web项目初步_第1张图片
用eclispe开发web项目初步_第2张图片
用eclispe开发web项目初步_第3张图片

点击Finish,新建项目完成!

用eclispe开发web项目初步_第4张图片

调整字体大小:

window -- preferences

用eclispe开发web项目初步_第5张图片

选择basic,


用eclispe开发web项目初步_第6张图片
用eclispe开发web项目初步_第7张图片

web.xml



  QQ
  
    index.html
    index.htm
    index.jsp
    default.html
    default.htm
    default.jsp
  

welcome-file-list表示项目的欢迎页。

2. 引入Tomcat服务器

在eclipse下方,有一个servers视图


用eclispe开发web项目初步_第8张图片

如果没有,就去window选项卡中,点击 show view
如果还是没有servers,就点击other:


用eclispe开发web项目初步_第9张图片

添加一个服务器:


用eclispe开发web项目初步_第10张图片
用eclispe开发web项目初步_第11张图片

找到Tomcat7.0版本:


用eclispe开发web项目初步_第12张图片

如果是第一次添加Tomcat,则需要去引入一下:

用eclispe开发web项目初步_第13张图片

选择你想要发布的web项目:

用eclispe开发web项目初步_第14张图片

3. 在WebContent目录新建一个欢迎页 index.jsp

右键 WebContent , new , JSP File

用eclispe开发web项目初步_第15张图片
用eclispe开发web项目初步_第16张图片
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>




Insert title here





可以看到JSP页面默认的编码格式为ISO-8859-1,这种编码不支持中文!所以,我们需要把它改为UTF-8

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




Insert title here





发现有一个报错信息:

用eclispe开发web项目初步_第17张图片

因为还缺少web开发所需要的包,右键项目,Build Path -- Configure Build Path

用eclispe开发web项目初步_第18张图片
用eclispe开发web项目初步_第19张图片
用eclispe开发web项目初步_第20张图片

现在,我们给index.jsp写上一句话:

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




Insert title here


    
    

Hello web!

4. 启动项目

用eclispe开发web项目初步_第21张图片
用eclispe开发web项目初步_第22张图片

运行成功!

然后,查看该Tomcat的端口号:


用eclispe开发web项目初步_第23张图片
用eclispe开发web项目初步_第24张图片

发现端口号为8080。

4. 访问欢迎页面

打开浏览器,在地址栏输入:http://localhost:8080/QQ/

你可能感兴趣的:(用eclispe开发web项目初步)