Web项目--如何搭建一个简单web项目(使用eclipse)

手把手搭建一个完整的javaweb项目

本案例使用Servlet+html制作,详细介绍了搭建过程及知识点。 

涉及到的知识点有:   

1.Tomcat

2.Servlet

3.html,js,css

4.jquery

5.ajax

首先我们需要准备的工具有eclipse ide和tomcat包,jquery包就可以搭建一个简单的web项目,不过在这里没有涉及到数据库的链接.

eclipse ide,tomcat,jquery都可以在他们的官网进行下载.

首先我们的打开我们的eclipse ide在这里建立一个java web 项目

1.打开Eclipse,选择菜单栏的file》New》Dynamic Web Project 弹出窗口如下

Web项目--如何搭建一个简单web项目(使用eclipse)

2.点击Next》Next进入下面界面:

Web项目--如何搭建一个简单web项目(使用eclipse)

3.想要生成web.xml,就把Generate web.xml deployment descriptor前的选择框打勾

然后点击Finish,一个java Web Project 就建好了,项目结构如下图

Web项目--如何搭建一个简单web项目(使用eclipse)

4.鼠标右键项目名称【MyFirstWeb】,选择New》http File,弹窗如下

Web项目--如何搭建一个简单web项目(使用eclipse)

 

 

5.按照上图文件名字为NewFile.html,点击Finish,完成添加html文件,如下图,在webcontent文件中添加代码<h1>Hello World</h1>

Web项目--如何搭建一个简单web项目(使用eclipse)

 

6.保存NewFile.html.,运行项目,如下图

Web项目--如何搭建一个简单web项目(使用eclipse)

 

 7.点击Run on Server,弹窗如下图

Web项目--如何搭建一个简单web项目(使用eclipse)

8.点击运行,结果如下:

Web项目--如何搭建一个简单web项目(使用eclipse)