Web开发环境搭建 Eclipse-Java EE 篇

【原创内容,转载注名出处】

1. 下载和安装

1.1 下载JDK

在Java官方网站下载最新版本的 Java SE:  http://www.oracle.com/technetwork/java/javase/downloads/index.html

如今电脑基本上都是64位,所以后续所有提到下载的资源,如果有64位的,建议都下载64位版本。

1.2 下载 Java EE 最新版本:

http://www.oracle.com/technetwork/java/javaee/downloads/index.html

1.3 安装JDK:

执行下载好的 JDK 安装包安装即可。安装完成后,可以在命令行输入以下命令来检查已经安装的JDK版本。

Java -version

如果安装正常,会显示如下结果:

注: 新版的 JDK 安装程序一般会自动设置环境变量,如果上面的CMD执行失败,请手动设置环境变量:

环境变量设置方法:

打开我的电脑--->属性面板, 选择高级系统设置。

选择环境变量,

在系统变量这块进行设置:

新建系统变量:

变量名:【JAVA_HOME】

变量值:【C:\Program Files\Java\jdk1.7.0_51】

特别注意:我的jdk安装在了这个位置C:\Program Files\Java\jdk1.7.0_51所以就填这个,你自己的jdk安装在了什么位置,就填什么哦!

在系统变量里面找到Path选择编辑:

在最后添加【\;%JAVA_HOME%\bin;】

特别注意:在最后添加,千万不能把默认的删除哦!如果删除了,你的部分程序就无法运行了哦!

1.4 下载 Eclipse

打开 http://www.eclipse.org/downloads/eclipse-packages/, 下载 Eclipse IDE for Java EE Developers (现在一般全部都下载 64 位)

下载完成后,将 Eclipse EE 的压缩包解压到任意位置(建议将所有Java用到的东西,放到一个根目录下,比如我的是这样:)

实际上,你也可以不下载 Eclipse, 而使用Java官网上那个 NetBeans IDE, NetBeans 提供了简体中文版。 ^_^

1.5 安装Java EE

将下载好的 Java EE 解压缩,然后运行 \glassfish4\bin\pkg.bat ,在提示是否安装输入 <y/n> 时,输入y后回车,然后待等完成安装。

1.6 安装 Tomcat

进入官网(http://tomcat.apache.org/),直接下载最新版本的 Tomcat 9即可。

下载完成后,将压缩包解压到Java安装目录下 tomcat 中。

2. 配置和开始使用

2.1 运行 Eclipse Java EE。

2.2 设置 Tomcat

在 Eclipse 中,点击菜单栏 Window->Preferences , 点击 Server / Runtime Environments :

点击 “Add”按钮, 新建一个服务器。我们之前安装了 Tomcat 9.0, 所以这里也选择它。

点击"Next"进入下一步。

在Tomcat installation directory下面的文本框中输入tomcat的安装目录,点击"finish"完成配置。

2.3 设置默认的字符集

在eclipse中,会默认使用当前操作系统的字符集,一般会是GBK。然而我们开发web应用程序时,一般使用UTF-8。所以需要设置一下默认的字符集。

在 Eclipse 中,点击菜单栏 Window->Preferences , 点击 General / Workspace :

在 Text file encoding 区域选择  Other : UTF-8 。 这样子以后我们新建项目时,会默认使用 UTF-8 字符编码。

2.4 设置 Build Path

在开发Web应用程序时,需要用到 Tomcat ,我们要将 Tomcat / lib 加入编译路径中。否则你会在建立 jsp 时,出现如下错误:

The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path

在 Eclipse 中,点击菜单栏 Window->Preferences , 点击 Java / Build Path / Classpath Variables :

点击“New"新建名为“Tomcat Server”的变量,将Path设置为tomcat的安装位置中的lib目录(如上图所示),点击“OK”按钮。

接下来,添加 User Libraries。点击 Java / Build Path / User Libraries :

点击“New...”按钮,新建名为 Tomcat Server 的User Libraries。然后点击“Add External JARs...”按钮,将我们安装并使用的tomcal / lib 下的所有 jar 选中(Ctrl + A)并确定。完成后如上图所示。

点击“OK”完成设置。

2.5 Hello World

每一次搭建完开发环境,写一个 "hello world" 并成功的显示出来, 心情会自然变得舒畅。

在 Eclipse Java EE 中, 在左边的 Project Explorer 的空白区域点击鼠标右键, 然后点击 “New->Dynamic Web Project" :

点击“Finish”完成。

然后在WebContent上右键,在右键菜单中点击“New->JSP File”,新建一个 Index.jsp 页面。

双击打开 Index.jsp ,提示出错了,这个正是前面我们说到的问题,还配置了 Build Path。那么现在我们就要把设置的 Build Path / User Libraries 用上就行了。

在工程管理器的HelloWorkd的工程根目录上右键,点击“Properties”。然后在弹出的工程属性对话框中,点击“Java Build Path”, 然后切换到 Libraries 选项卡。

点击 “Add Library...”按钮:

双击 “User Library”, 在弹出的 Add Library 对话框中, 选中 "Tomcat Server",点击“Finish”按钮。

然后切换到 Order and Export 选项卡, 选中 Tomcat Server 。完成设置。

可以看到,代码中的错误已经没有了。

至此,我们的 Eclipse Java EE 篇就结束了。

Web开发环境搭建 Eclipse-Java EE 篇的更多相关文章

  1. 记录一下Web开发环境搭建 Eclipse-Java EE 篇

    转自https://www.cnblogs.com/yangyxd/articles/5615965.html Web开发环境搭建 Eclipse-Java EE 篇 [原创内容,转载注名出处] 1. ...

  2. 《Node.js入门》CentOS 6.5下Node.js Web开发环境搭建笔记

    近期想尝试一下英特尔的基于WebRTC协同通信开发套件,所以须要在本地搭建Node.js Web的开发測试环境. 这里讲的是CentOS 下的搭建方法.使用Windows的小伙伴请參考: <No ...

  3. JAVA WEB开发环境搭建

    JAVA WED开发环境搭建 JDK的安装和配置 到https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-21 ...

  4. Spring+Maven+Dubbo+MyBatis+Linner+Handlebars—Web开发环境搭建

    本文主要分三部分,分别是:后台核心业务逻辑.桥梁辅助控制和前台显示页面. 本Web开发环境综合了多种工具,包括Maven包管理与编译工具.Dubbo分布式服务框架.MyBatis数据持久化工具.Lin ...

  5. OSGI的WEB开发环境搭建

    第一步,搭建OSGI环境: 打开eclipse,点击run->run configration..,配置如下,点击run. 运行结果如下图所示:说明OSGI环境搭建完毕. 第二步:搭建基于OSG ...

  6. 如何学习web开发环境搭建和脚手架

    Web前端的学习路线 第一阶段: HTML+CSS: HTML进阶.CSS进阶.div+css布局.HTML+css整站开发. JavaScript基础: Js基础教程.js内置对象常用方法.常见DO ...

  7. Spring.DM web开发环境搭建

    作为一个初学者来说,搭建好Spring.DM 的web开发环境还是有些麻烦的.我就遇到了N多麻烦,走了很多弯路.本文介绍了2种比较简单的搭建Spring.DM OSGi web开发环境的搭建.   第 ...

  8. ubuntu的web开发环境搭建

    为了保持mac的干净整洁,决定用PD搭建一条web开发环境,记下整个过程. ubuntu 首先是操作系统,本着习惯就好的原则,选用了Ubuntu server 12.04.4版.系统的安装很简单,ht ...

  9. Mac OS X上IntelliJ IDEA 13与Tomcat 8的Java Web开发环境搭建

    这标题实在有点拗口,不知道怎么写好,但看了标题也就明白文本的内容.最近几天在折腾这些玩意儿,所以写写总结.除了环境搭建,本文还是一篇入门级的上手教程. 去下载一些东西 JDK安装 Tomcat安装 T ...

随机推荐

  1. 你可能不知道的5种 CSS 和 JS 的交互方式

    翻译人员: 铁锚 翻译日期: 2014年01月22日 原文日期: 2014年01月20日 原文链接:  5 Ways that CSS and JavaScript Interact That You ...

  2. 用javah 导出类的头文件, 常见的错误及正确的使用方法

    ******************************************************************************** 用javah 导出类的头文件, 常见的 ...

  3. STL的容器算法迭代器的设计理念

    1) STL的容器通过类模板技术,实现数据类型和容器模型的分离. 2) STL的迭代器技术实现了遍历容器的统一方法:也为STL的算法提供了统一性. 3) STL的函数对象实现了自定义数据类型的算法运算 ...

  4. 利用JQuery直接调用asp.net后台方法

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. [WebMethod]   命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod] ...

  5. ExtJS:菜单ComboBox及级联菜单应用

    首页一级菜单查询分组,二级菜单查询分组中的车辆信息. 定义分组数据模型: Ext.define( 'group', { extend:'Ext.data.Model', fields:[ {name: ...

  6. Google官方网络框架-Volley的使用解析Json以及加载网络图片方法

    Google官方网络框架-Volley的使用解析Json以及加载网络图片方法 Volley是什么? Google I/O 大会上,Google 推出 Volley的一个网络框架 Volley适合什么场 ...

  7. javascript操作select元素一例

    熟悉一下js对select元素的操作,html页面中建立一个form,其中包含一个select元素和submit按钮. 当选择select中某一项时改变其文字,当select中所有项的文字都改变后,重 ...

  8. rails关于一个Action的多次或多个Action之间共享数据的思路

    举一个实际的例子:一个考试页面,总共有20题,每页一题,通过页面下方的"前一题"和"后一题"的提交按钮来跳转题目.如果到最后一题则再产生一个"交卷&q ...

  9. async & await 异步编程的一点巧方法

    await 关键字不会创建新的线程,而是由Task任务或是FCL中的xxxAsync等方法创建的线程,而且这里创建的线程都是基于线程池创建的工作线程,属于后台线程. await关键字会阻塞/暂停调用它 ...

  10. Unsupported major.minor version 51.0 错误解决方案

    jdk1.6工程中使用外部jar包中类出现:Unsupported major.minor version 51.0原因分析:出现上述错误是因为:外部jar包使用jdk1.7(jdk7)编译,而使用此 ...