*页 >> 专题

一步一个脚印的教你使用eclispe开发web项目

发布于：2023-07-20 22:21:33

1.打开eclipse后，新建一个web项目：

new -- dynamic web project

点击Finish，新建项目完成！

调整字体大小：

window -- preferences

选择basic，

web.xml

<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0"> <display-name>QQ</display-name> <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>

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

2. 引入Tomcat服务器

在eclipse下方，有一个servers视图

如果没有，就去window选项卡中，点击 show view

如果还是没有servers，就点击other：

添加一个服务器：

找到Tomcat7.0版本：

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

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

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

右键 WebContent , new , JSP File

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!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=ISO-8859-1"> <title>Insert title here</title> </head> <body> </body> </html>

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

<%@ 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> </body> </html>

发现有一个报错信息：

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

现在，我们给index.jsp写上一句话：

<%@ 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> <h1>Hello web！</h1> </body> </html>

4. 启动项目

运行成功！

然后，查看该Tomcat的端口号：

发现端口号为8080。

4. 访问欢迎页面

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


免责声明：本站所有内容及图片均采集来源于网络，并无商业使用，如若侵权请联系删除。

上一篇：如何使用 Eclipse 开发 Web 项目或 JSP 项目？

下一篇：怎样创建自己的网站？基本的流程有哪些？

资讯 观察行业视觉，用专业的角度，讲出你们的心声。
MORE

I NEED TO BUILD WEBSITE

我需要建站

*请认真填写需求信息，我们会在24小时内与您取得联系。