专栏首页web编程技术分享用eclispe开发web项目初步

用eclispe开发web项目初步

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/

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 三分钟学会用SpringMVC搭建最小系统(超详细)

    剽悍一小兔
  • 简单粗暴,详细得不要不要的 JavaWeb快速入门

    剽悍一小兔
  • 【纯JS做的小游戏】兔子抢金币玩法:

    剽悍一小兔
  • laravel excel 上传文件保存到本地服务器功能

    自定义一个数据模型, 可以使用ToModel , ToCollection等等, 详情请见官网

    砸漏
  • Java8:当 Lambda 遇上受检异常

    题外话: Files.walk(Path) 在 JDK1.8 时添加,深度优先遍历一个 Path (目录),返回这个目录下所有的Path(目录和文件),通过 S...

    猿天地
  • Java8:当 Lambda 遇上受检异常

    我今天高高兴兴,想写个简单的统计一个项目下有多少行代码的小程序,于是咔咔的写下:

    黄泽杰
  • 神马?使用JS直接上传并预览粘贴板的图片?

    因为工作原因,现在有一个需求就是需要用户使用QQ或者微信复制一张截图后,在div中直接粘贴这张图片,而不是采用上传的方式。类似我们在使用QQ微信时直接粘贴截图的...

    Daotin
  • Python selenium文件上传下载功能代码实例

    砸漏
  • 与IntegerCache有关的一个比较坑的面试题

    对于这个题目,可能一开始想到的就是最简单的办法,直接在swap方法内实现互换即可。不妨尝试一下:

    冬天里的懒猫
  • Spring Cloud Eureka 自我保护机制实战分析

    之前栈长在Java技术栈微信公众号分享过 Spring Cloud Eureka 的系列文章:

    Java技术栈

扫码关注云+社区

领取腾讯云代金券