在eclipse中怎么预览html文件

在eclipse中怎么预览html文件,第1张

把你打开的HTML页面关闭,按如下 *** 作:\x0d\x0aWindow→preferences→General→Editors→File Associations\x0d\x0a在上面【File types:】列表框中选中【*.html】\x0d\x0a在下面【Associated editors:】列表框中选中MyEclipse Visual HTML Designer (locked by 'HTML' content type)\x0d\x0a再点击【Default】点了之后你会看到刚选中的选项中间多一个“(default)”,如下:\x0d\x0aMyEclipse Visual HTML Designer (default) (locked by 'HTML' content type)\x0d\x0a最后单击【OK】保存\x0d\x0a如果出现Eclipse自动关闭,重启Eclipse即可

方法:

1、打开Eclipse软件:打开后在工具栏依次点击【File】>>>【New】>>>【Dynamic Web Project】,这个就代表新建的项目是WEB项目。

2、如果找不到【Dynamic Web Project】这个选项,说明以前没有建立过WEB项目,所以不在快捷导航里,这时点击【Other】这个选项。

3、这个界面d出的是查询窗口,查询的内容是所有可以建立的项目类型,比如JAVA项目、WEB项目等,都可以在这个窗口查询得到。

4、在查询输入框里输入【WEB】,下面会列出所有WEB相关的项目,鼠标选中【Dynamic Web Project】,然后点击【Next】按钮。

5、这个是填写项目的基本信息,包括项目名、项目运行时服务器版本,你可以选择tomcat或者其他都可以,看你的项目需要,在这里输入一个【Test】来测试项目的建立,输入完毕后点击【Next】。

6、这个窗口显示的WEB项目中需要编译的JAVA文件的目录,默认是SRC目录,这个不需要改,直接点击【Next】。

7、接着d出窗口,显示的是WEB项目,WEB文件相关的目录,就是html或者jsp还有js那些web相关的文件存放的目录,默认是【WebContent】,你也可以修改成你想要的文件名,注意,下面有个复选框,表示的是是否要自动生成web.xml文件web.xml:这个文件是WEB项目的核心文件,也是WEB项目的入口,老版本的Eclipse都会有这个文件,但是新版本的Eclipse因为可以使用在JAVA代码中注解的方式,所以提供让用户选择是否要生成,如果是新手最好选择生成然后点击【Finish】。

8、下面就是我们新建的WEB项目的目录结果

JAVA存放目录:SRC

WEB文件目录:WebContent

WEB配置文件:web.xml

现在,你可以开始你的JAVA开发之旅了。

在Eclipse上运行静态网页方法步骤如下:step1:建立一个Static Web Project工程step2:在工程WebContent目录下创建一个html文件,起名为index.xml;注意这里创建的html文件一定要以index命名,因为服务器会自动寻找这个主页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 hostname="localhost" id="HTTP Preview at localhost" name="HTTP Preview at localhost" port="8089" runtime-id="HTTP Preview" server-type="org.eclipse.wst.server.preview.server" server-type-id="org.eclipse.wst.server.preview.server" start-timeout="240" stop-timeout="240" timestamp="2"><list key="modules" value0="mystaticweb::org.eclipse.wst.web.internal.deployables.static:mystaticweb::wst.web::1.0"/></server>注意,刚开始打开的文件中并没有port="8089"这个属性,这个是后来加上的。所以在文件的<servlet/>标签内加入一个port属性就可以,这个端口不要定义为已被占用端口就行了。stpe6:接着重启下Http Servelt会看到如下信息:Starting preview server on port 8089Modules:mystaticweb (/mystaticweb)2015-10-31 13:53:08.457:INFO::main: Logging initialized @361ms2015-10-31 13:53:08.628:INFO:oejs.Server:main: jetty-9.2.9.v201502242015-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环境下就搭建好了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6136576.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存