开发者指南如何在MyEclipse中编辑HTML或JSP文件？（一）

yEclipse官方最新版免费下载|Myeclipse汉化下载.MyEclipse-功能最全面的Java IDE. - MyEclipse官方中文网

如果您有HTML或JSP文件要编辑，这里将介绍如何编辑。查找以下信息：

编辑源代码
大纲和属性视图
参数页面

该功能在MyEclipse中是可用的。

一、HTML / JSP编辑器

要编辑HTML或JSP文件，请执行以下操作当中的一个：

双击HTML或JSP文件。
右键单击HTML或JSP文件，并选择Open。

HTML编辑器有以下模式：

源模式 — 源模式是HTML和JSP代码的源代码编辑器，它包括智能内容辅助、行编号、彩色语法高亮显示、格式操作、实时验证、在输入时标记有问题的源代码以及代码格式化。
设计模式 — 设计模式具有双面板视图，顶部面板为设计模式，底部面板为源模式。设计模式为所见即所得的可视化编辑模式，设计画布允许选择、复制、剪切、粘贴和使用拖放重新定位Web UI控件。此模式包括一个设计调色板，其中包含可以添加到设计画布的UI Web控件。
预览模式 — 预览模式允许用户快速查看页面在浏览器中的外观，预览模式从设计模式加载当前源代码，即使编辑器内容尚未保存。HTML源代码以预览模式呈现，并且“扎根”于资源所在的位置。如果HTML文档中的图像相对于HTML页面的当前位置，则图像将在预览中正确呈现。

打开文件时，默认模式是Design（设计），通过单击编辑器底部的适当选项卡来更改模式。

本文概述了使用源代码编辑器编辑HTML时最重要的概念和特性。

二、编辑源代码

用户可以从源代码模式或设计模式访问源代码，设计模式具有双面板视图，设计模式位于顶部面板，源模式位于底部面板。

直接编辑源代码时，可以使用以下功能：

语法、颜色和高亮
智能代码完成和内容辅助
HTML验证
源格式和清理
HTML模板
HTML片段

2.1 智能代码完成和内容辅助

在整个源代码中，编辑器提供特定于内容的代码帮助。

Tag names（标记名称）：Code assist根据当前上下文提供可用HTML标记的列表。

Tag attributes（标记属性）：代码辅助提供了特定于正在编辑的标记属性列表。

Attribute values（属性值）：在适当的时候，代码帮助会为您提供一个已知可能值的列表。

2.2 HTML验证

有两种类型的HTML验证：“输入时”和“资源更改”。

“输入时”：当对HTML文档进行更改时，编辑器总是检查HTML语法的有效性，就像Java编辑器一样。

注意：这种类型的验证错误和警告不会出现在Problems视图中。

资源更改：当资源被修改(保存、移动、复制或导入)时，资源构建器将对资源执行HTML验证。

注意：您可以通过从菜单中选择Window>Preferences，展开MyEclipse并选择Validation来设置验证参数。

2.3 源格式化和清理

要快速格式化源代码，请右键单击编辑器，并选择Source>Format。格式化器不会在内部修改HTML标记元素，它只调整HTML元素的缩进和间距。

使用Cleanup Document选项进行高级格式化和样式调整，允许您更改标记名称和属性的大小写，还有其他选项可以插入所需的标记和属性。要使用此选项，请在编辑器中右键单击并选择Source>Cleanup Document，选择Format source复选框，来将Format Document操作作为文档清理的一部分。

直都在做App开发，但是对java web方面的了解比较少，最近有时间，所以自己就寻思动手从零开始搭建一个java web项目。该项目主要是给app，提供接口服务，简称项目为‘mserver’。好了，接下来，我们就开始简单的搭建项目。

一.开发所需工具。(根据你的电脑以及系统选择合适的版本下载）

1.JDK 。下载链接。

JDK(Java Development Kit) 是 Java 语言的软件开发工具包(SDK)。JDK是 Java 语言的软件开发工具包，主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心，它包含了JAVA的运行环境，JAVA工具和JAVA基础的类库。

2.eclipse开发工具。下载链接。

PS:我们在下载软件的过程中，可能会有多个不同的下载文件，例如，zip、msi等，那么这两个有什么区别吗？

ZIP是免安装的软件包，MSI是微软特有压缩格式，是需要安装的软件包
ZIP Archive：压缩版本，需要自己配置
MSI Installer：安装版本，安装过程中自动配置

3.Tomcat服务器。下载链接。

4.Mysq数据库。下载链接。

如果你不习惯使用命令去操作数据库，那么推荐你使用SQLyog工具，下载链接。

PS:下载安装好JDK 后，需要配置环境变量。（以Win7电脑为例，配置环境变量）

(1).依次点击，计算机→属性→高级系统设置→高级→环境变量；

(2).打开系统变量，新建JAVA_HOME 变量，变量值填写jdk的安装目录（本人是 D:\Java\jdk1.7.0)；

(3).在系统变量中找到Path变量，点击编辑，

在变量值最后输入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

（注意原来Path的变量值末尾如果没有‘;’，先输入';'后再输入上面的代码）；

(4).在系统变量中新建 CLASSPATH 变量

变量值填写 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar（注意最前面有一点）；

经过以上几步，环境变量就配置完成了。但是，我们还得验证一下是否配置成功，运行cmd 输入 java -version，如出现以下截图显示的显示，说明配置成功。

二. 创建项目。

1.打开eclipse，先配置一下Tomcat服务器。

(1).打开windows-> preferences，找到Server下方的Runtime Environment，单击右方的Add按钮：

(2). 选择已经安装的Tomcat版本，点击Next，

(3).找到下载安装后的Tomcat，点击Finish。

经过以上几步，就可以看到，红色框中出现刚才你添加的Tomcat服务器。

2.创建项目。

(1). 打开eclipse,在Workspace空白的地方，右键，New,选择‘Dynamic Web project’，点击Next,

(2).输入项目名称，选择服务器，其他的默认就可以，点击Finish就可以了！

稍等一会，你的Eclipse中会出现两个项目，如下图所示，表示创建项目成功了。

此时，你可以'run'项目，运行后，可能会报404，这是因为你的web项目底下没有可访问的资源。那么就在项目的‘WebContent’目录底下，创建一个比较简单的jsp文件index.jsp，具体代码，如下

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<h1>hello world!</h1>
<h2>This is my test page!</h2>
<h3>Welcome to my page!</h3>
</body>
</html>

创建成功后，点击运行，然后在浏览器中输入“http://localhost:8080/mServer/index.jsp”，便可以看到，

经过上面两大步骤，我们的mServer接口项目已经创建成功了，我们就可以开始进行接口开发了！

.指定本机java环境

Windows-->preferences-->java-->Insetallel JREs

右侧单击ADD-->standard VM-->Next-->Directory-->Finash

点选新增jre环境-->点击OK

2.更换背景颜色个人感觉白色比较刺激眼睛可选择性更换

Windows-->preferences-->General-->Editors-->Text Editors

右侧左下方选中 selection background color后单击 System default选项框后点击color 选择颜色后 -->OK

3.取消servers中myeclipse自带的tomcat 开发中常常需要到相应的 tomcat目录中查看，

指定本机自带tomcat 可以更方便的操作

Windows-->preferences-->MyEclipse-->Servers-->Tomcat

根据个人选择指定tomcat目录并点选上方的 radio Enable 选项-->OK

取消server中的tomcat

Windows-->preferences-->MyEclipse-->Servers-->Integrated Sandbox-->Myeclipse Tomcat 6

点击disable

4.取消自动validation 有一堆，什么xml、jsp、jsf、js等等，

我们没有必要全部都去自动校验一下，只是需要的时候才会手工校验一下！

取消方法：

windows-->perferences-->myeclipse–->validation

除开Manual下面的复选框全部选中之外，其他全部不选

手工验证方法：

在要验证的文件上，单击鼠标右键--->myeclipse--->run validation

5.取消Eclipse拼写检查

拼写检查会给我们带来不少的麻烦，我们的方法命名都会是单词的缩写，他也会提示有错，所以最好去掉，没有多大的用处

windows--->perferences--->general-->editors->Text Editors->spelling

点击enable spell check

6.jsp xml html

windows--->perferences--->general--->editors->file associations

在下方选择一种编辑器，我选择的是 myeclipse jsp/xml/html editor 然后点击左边的default按钮

7.取消Maven更新(启动更新)

Window > Preferences > Myeclipse > Maven4Myeclipse 禁用Download repository index updates on startup

1.修改jsp文件内容的编码

window->Preferences ->myeclipse->Files and Editors->jsp

2.hovers javascript hovers (鼠标悬停提示关闭) 鼠标悬停提示关闭

Window－>preference －>Myeclipse －>Files and Editors－> javascript －> edit －> 选中Hover 去掉勾选Combined Hove

java ： Window－>preference －>java－>Editor－>Hovers 去掉勾选Combined Hover Bug模式调试勾选上Variable Values

3.修改新建文件java/js/html/properties文件编码

window->Preferences -> General->Content Type

把下面的Default Character Set的值改成UTF-8

11.个人习惯：Window --> Preferences --> General --> Workspace，文字编码改为UTF-8。

12.修改右键

windows –> Customize Perspective 选项

13.myeclipse 内存溢出

打开MyEclipse目录下的myeclipse.ini文件在后面修改下面几个属性

-vmargs

-Xms512m （ JAVA能够分配的内存）

-Xmx512m （ JAVA能够分配的最大内存）

-XX:PermSize=512M （非堆内存初始值）

-XX:MaxPermSize=512M （非堆内存最大值）

-XX:ReservedCodeCacheSize=64m （eclipse缓存）

14.jquery.js -> 鼠标右键 -> MyEclipse -> manage validation -> 左面点击 -> Excluded resources -> 找到jquery.js -> 打上钩 -> apply 15.根据个人情况修改myeclipse的启动项

windows–>perferences–>general–>startup and shutdown

1.derby 关闭

在MyEclipse安装目录下打开configuration\org.eclipse.equinox.simpleconfigurator\bundles.info 搜索derby找到 com.genuitec.eclipse.derby,11.0.0.me201211281531,plugins/com.genuitec.eclipse.derby_11.0.0.me20121128153

1.jar,4,false 把它注释掉即（#com.genuitec.eclipse.derby,11.0.0.me201211281531,plugins/com.

17: 启动功能介绍和样例(红色为需要保留的文件,此为本人样例,请按需选择)

1 Automatic Updates Scheduler //自动升级调度

2 MyEclipse QuickSetup //快速启动

3 MyEclipse Derby //derby是一个开源数据库的名字

4 MyEclipse EASIE Geronimo 1 //同色都是应用服务器的名字

5 MyEclipse EASIE Geronimo 2

6 MyEclipse EASIE JBOSS 2

7 MyEclipse EASIE JBOSS 3

8 MyEclipse EASIE JBOSS 4

9 MyEclipse EASIE JBOSS 5

10 MyEclipse EASIE JBOSS

11 MyEclipse EASIE Jetty 4

12 MyEclipse EASIE Jetty 5

13 MyEclipse EASIE Jetty 6

14 MyEclipse EASIE Jetty

15 MyEclipse EASIE JOnAS 3

16 MyEclipse EASIE JOnAS 4

17 MyEclipse EASIE JOnAS

18 MyEclipse EASIE JRun 4

19 MyEclipse EASIE JRun

20 MyEclipse EASIE Oracle 10 AS

21 MyEclipse EASIE Oracle 9 AS

22 MyEclipse EASIE Oracle AS

23 MyEclipse EASIE Orion 1

24 MyEclipse EASIE Orion 2

25 MyEclipse EASIE Resin 2

26 MyEclipse EASIE Resin 3

27 MyEclipse EASIE Resin

28 MyEclipse EASIE Sun 8.x

29 MyEclipse EASIE Sun 8

30 MyEclipse EASIE Sun 9

31 MyEclipse EASIE Glassfish 2

32 MyEclipse EASIE Glassfish 1

33 MyEclipse EASIE Sun One

34 MyEclipse EASIE MyEclipse Tomcat 6 Server

35 MyEclipse EASIE Tomcat 4

36 MyEclipse EASIE Tomcat 5

37 MyEclipse EASIE Tomcat 6

38 MyEclipse EASIE Tomcat

39 MyEclipse EASIE WebLogic 10

40 MyEclipse EASIE WebLogic 6

41 MyEclipse EASIE WebLogic 7

42 MyEclipse EASIE WebLogic 8

43 MyEclipse EASIE WebLogic 9

44 MyEclipse EASIE WebLogic

45 MyEclipse EASIE WebSphere 5

46 MyEclipse EASIE WebSphere 6.1

47 MyEclipse EASIE WebSphere 6

48 MyEclipse EASIE WebSphere 4

49 MyEclipse Examples //样例

50 MyEclipse Memory Monitor //内存监控

51 MyEclipse Tapestry Integration //插件集成

52 MyEclipse JSP Debug Tooling //jsp调试插件

53 MyEclipse File Creation Wizards //文件创建程序

54 ICEfaces Integration for MyEclipse //基于Ajax的JSF开发框架()

55 MyEclipse Backward Compatibility //后台功能

56 MyEclipse Perspective Plug-in //透视图插件

57 Pluse Collaboration Control Center //Eclipse的网页管理中心

58 eclipse-cs 4.x.x -> 5.0.0 Migration Plug-in //Eclipse插件兼容组件

59 Mozilla Debug UI Plug-in(Incubation) //Mozilla调试插件（Mozilla是一款浏览器)

60 Dynamic Languages ToolKit Core UI //对入PHP等动态语言支持的用户接口

61 WTP Webservice UI Plug-in //Web 服务视图插件

62 JavaServer Faces Tools - Core //jsf工具核心包

63 Automatic Updates Scheduler //自动更新

64 Service policy //Web提供的服务性能目标定义,自动管理

65 Atfdebug Plug-in(Incubation) //动态语言的调试工具

66 Auxiliary Web Module Support for MeEclipse// 辅助的Web模块支持.(可能是Struts等文件自动添加)

67 JSF Editor Preview Support for MyEclipse//jsf编辑器

学习Java的同学注意了！！！
学习过程中遇到什么问题或者想获取学习资源的话，欢迎加入Java学习交流，裙号码：253772578【长按复制】我们一起学Java！

在线咨询

上一篇：HTML 中有趣的有序列表：美观、易于 understands和＂Wow＂效果！
下一篇：「JS进阶」 HTML5 之文件操作(file)

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。