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

转自 链接:https://blog.csdn.net/dhfzhishi/article/details/77461006

转 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 篇就结束了。


@[TOC](这里写自定义目录标题)

插入图片:Ctrl/Command + Shift + G

删除文本

引用文本

图片: Alt

带尺寸的图片: Alt

居中的图片: Alt

居中并且带尺寸的图片: Alt

当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

  • 项目
    • 项目
      • 项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 计划任务
  • 完成任务

创建一个表格

一个简单的表格是这么创建的:

项目Value
电脑$1600
手机$12
导管$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列第二列第三列
第一列文本居中第二列文本居右第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:

TYPEASCIIHTML
Single backticks'Isn't this fun?'‘Isn’t this fun?’
Quotes"Isn't this fun?"“Isn’t this fun?”
Dashes-- is en-dash, --- is em-dash– is en-dash, — is em-dash

创建一个自定义列表

Markdown
Text-to- HTML conversion tool
Authors
John
Luke

如何创建一个注脚

一个具有注脚的文本。1

注释也是必不可少的

Markdown将文本转换为 HTML

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n1)!nN 是通过欧拉积分

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t &ThinSpace; . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0tz1etdt.

你可以找到更多关于的信息 LaTeX 数学表达式here.

新的甘特图功能,丰富你的文章

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid
  • 关于 甘特图 语法,参考 这儿,

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图::

张三 李四 王五 你好!李四, 最近怎么样? 你最近怎么样,王五? 我很好,谢谢! 我很好,谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

这将产生一个流程图。:

链接
长方形
圆角长方形
菱形
  • 关于 Mermaid 语法,参考 这儿,

FLowchart流程图

我们依旧会支持flowchart的流程图:

Created with Raphaël 2.2.0 开始 我的操作 确认? 结束 yes no
  • 关于 Flowchart流程图 语法,参考 这儿.

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件或者.html文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
继续你的创作。


  1. 注脚的解释 ↩︎

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值