创建 WEB 项目

Posted 2021-01-29 zss0520

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了创建 WEB 项目相关的知识，希望对你有一定的参考价值。

web项目不同于其他项目,web项目有严格的目录限制,那个目录下写什么东西都是规定好的,瞎写不行;那么接下来就给大家说一下web项目的目录结构

技术分享图片

eclipse配置tomcat

1) 将解压好的tomcat 放在一个非C(如果只有一个盘符就放在C盘)盘的根目录下

技术分享图片

2) 打开自己的eclipse,选择 "Window" 选择 "Preferences"

技术分享图片

3) 选择 "Server" 再选择 "Runtime Enviroments"

技术分享图片

4) 点击右侧的 "Add" 按钮添加自己的tomcat

技术分享图片

5) 选择 8.0 后点击 "next"按钮

技术分享图片

6) 点击 "Browse" 按钮选择你的tomcat跟目录

技术分享图片

选完确定,然后给自己的tomcat起个名字,此处我们使用的是 Apache Tomcat v8.0

选完之后点击确定退回选择页面,这时右边会出现我们配置的tomcat

技术分享图片

点击 "ok"按钮即可

创建第一个web项目

1) 在左侧的空白处点击右键,选择 "new" 选择 "Other";

技术分享图片

2) 弹出的对话框中输入 web 然后选择Dynamic Web Project,这个是动态的javaweb项目,我们以后经常要用到

技术分享图片

3) 点击 "next" 弹出如下对话框

技术分享图片

这个对话框中需要注意三个细节

1. Project Name 这个是让你输入你的web项目名称

2. 注意Target runtime 是不是我们刚才配置的tomcat Target runtime 是我们项目编译好之后输出的地方,所以此处需要和我们的tomcat对应

3. 选择Dynamic web module version 为 2.5 这个是设定web项目的版本,每个版本的差距都很大,所以我们选择一个经常使用的版本 2.5

4) 确定好之后点击 "Finish" 按钮,弹出以下窗户

5) 选择好视图之后我们可以先观察一下我们创建好的JavaWEB项目

技术分享图片

最上面的是我们的项目

src 是java代码的根目录

WebContent 是网站页面的根目录

6) 我们编写Hello,World可以在WebContent 目录上点击右键 "new" 选择 "Other"

技术分享图片

在弹出的对话框输入 jsp 然后选择 "jsp file" 点击 "next"

技术分享图片

在接下来弹出的页面中需要给你的JSP起一个名字

技术分享图片

比如我们叫 index.jsp

点击 "Finish" 按钮,得到我们的第一个JSP页面

 1 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
 2     pageEncoding="ISO-8859-1"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 7 <title>Insert title here</title>
 8 </head>
 9 <body>
10 
11 </body>
12 </html>

注意 : 此时页面编码为ISO-8859-1 这种编码下是不允许写中文的,我们把页面上的ISO-8859-1统一替换成UTF-8即可,替换好之后编写简单的HTML代码:

 1 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
 2 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 3 <html>
 4 <head>
 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 6 <title>我的第一个JSP</title>
 7 </head>
 8 <body>
 9     <h1>你好,JSP!</h1>
10 </body>
11 </html>