如何在eclipse开发平台上运行静态网页

1、先打开eclipse，新建一个Static Web Project工程，如下图

2、在此工程目录下的WebContent中建一个index.html文件，此文件必须是index命名，因为服务器会自动寻找工程的主页

不然会出现下图

3、在servers中创建一个Http Preview 服务器。一般servers试图在console图标栏。如果没有的话请在菜单栏Window--->ShowView--->servers中添加

创建方式为右键活动区域New--->Servers，选择Http Preview点击finish,这里你可以更高服务器的名称和host名称；点击finish完成创建。

4、创建完毕后，你会在servlet活动区域看到Http Preview at Localhost的服务器图标。右键点击选择start后你会发现出现一个错误。

Starting Http PreView at Localhost has encountered a problem 说的是8080端口被占用了，服务器启动失败，如果要启动，需要关闭8080端口占用的进程。这里是因为我在本机上安装了tomcat 默认端口占用的是8080端口，所以出现端口冲突的问题。下面我们接着来解决这个问题。

5、解决服务器8080端口被占用问题，右键Http Preview at Localhost点击properties

可以看到Http Preview at localhost的配置文件默认为workspace metadata，这样不好找到配置文件，需要点击Switch Location将Location改变为系统默认的另一个路径如下。（这是相对工程路径下的）

做后我们查看到C:\workspace\Servers文件夹下，注意这里的C:\workspace是我在eclipse下建立的workspace的路径，每个人可能不同。

可以看到里面多了一个文件HTTP Preview at localhost.server

用记事本打开该文件，内容为:

 

注意，刚开始打开的文件中并没有port="8081"这个属性，这个是我后来加上的。所以在文件的标签内加入一个port属性就可以，这个端口不要定义为已被占用端口就行了。

6、

接着我们重启下Http Servelt会看到如下信息:

Starting preview server on port 8081

Modules:
  staticWeb (/staticWeb)

2018-09-05 20:45:04.967:INFO::main: Logging initialized @838ms to org.eclipse.jetty.util.log.StdErrLog
2018-09-05 20:45:05.346:INFO:oejs.Server:main: jetty-9.4.10.v20180503; built: 2018-05-03T15:56:21.710Z; git: daa59876e6f384329b122929e70a80934569428c; jvm 1.8.0_131-b11
2018-09-05 20:45:05.682:INFO:oejs.AbstractConnector:main: Started ServerConnector@340f438e{HTTP/1.1,[http/1.1]}{0.0.0.0:8080}
2018-09-05 20:45:05.683:INFO:oejs.Server:main: Started @1559ms
 

表示服务器从8081端口启动成功。

注意：如果还是冒出来8080端口占用的错误，你需要重新启动eclipse后重启服务器就可以了！

7、最后右击工程，选择Run As -->Run on Server