怎么在Eclipse上运行静态网页

来源：互联网发布：初学c语言看什么书好编辑：程序博客网时间：2024/04/20 00:07

最近学习关于javascript的编程，因为写java写的很多，用eclipse用的比较习惯，正好eclipse可以用来写html和javascript，所以我在elicpse下建立了一个静态网页工程Static Web Project，现在介绍下怎么在Http Preview at Localhost的本地服务器下运行静态网站。和服务器的一些配置问题。

当然首先你要安装Eclipse，有创建各种工程的环境，好了，不废话，切入正题，关于eclipse的安装和使用不做介绍。

step1:建立一个Static Web Project工程，如下图所示:

step2：在工程WebContent目录下创建一个html文件，起名为index.xml；注意这里创建的html文件一定要以index命名，因为服务器会自动寻找这个主页，如果改成其他自定义的名称，运行网页的时候会出现

Error 404 - Not Found

No context on this server matched or handled this request.
Contexts known to this server are:

如下图创建index.html文件，并在<body></body>标签内输入"这是网站的首页"以便运行时候检验

stpe3：

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

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

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

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

stpe5：

解决服务器Http Preview端口问题，右键Http Preview at Localhost点击properties;

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

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

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

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

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

</server>

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

stpe6：

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

Starting preview server on port 8089
Modules:
mystaticweb (/mystaticweb)
2015-10-31 13:53:08.457:INFO::main: Logging initialized @361ms
2015-10-31 13:53:08.628:INFO:oejs.Server:main: jetty-9.2.9.v20150224
2015-10-31 13:53:08.717:INFO:oejs.ServerConnector:main: Started ServerConnector@683cddec{HTTP/1.1}{0.0.0.0:8089}
2015-10-31 13:53:08.717:INFO:oejs.Server:main: Started @625ms

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

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

stpe7：

接下来我们来运行前面我们建立的静态网页工程，右键Project Explorer中的工程文件，选择Run As --->Run on Server，会出现:

选择刚才创建的服务器Http Preview at localhost 点击finish后就能看到:

这样一个静态网站的服务器在Eclipse环境下就搭建好了。

嗯嗯，喜欢的可以点个赞了，写的有点的啰嗦，不好的地方欢迎指出，有问题可以在评论中指出，我会第一时间回复。

5 0