转自 链接: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 篇就结束了。
插入图片:Ctrl/Command + Shift + G
删除文本
引用文本
图片:
带尺寸的图片:
居中的图片:
居中并且带尺寸的图片:
当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。
如何插入一段漂亮的代码片
去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片
.
// An highlighted block
var foo = 'bar';
生成一个适合你的列表
- 项目
- 项目
- 项目
- 项目
- 项目1
- 项目2
- 项目3
- 计划任务
- 完成任务
创建一个表格
一个简单的表格是这么创建的:
项目 | Value |
---|---|
电脑 | $1600 |
手机 | $12 |
导管 | $1 |
设定内容居中、居左、居右
使用:---------:
居中
使用:----------
居左
使用----------:
居右
第一列 | 第二列 | 第三列 |
---|---|---|
第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
SmartyPants
SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:
TYPE | ASCII | HTML |
---|---|---|
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)=(n−1)!∀n∈N 是通过欧拉积分
Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞tz−1e−tdt.
你可以找到更多关于的信息 LaTeX 数学表达式here.
新的甘特图功能,丰富你的文章
- 关于 甘特图 语法,参考 这儿,
UML 图表
可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图::
这将产生一个流程图。:
- 关于 Mermaid 语法,参考 这儿,
FLowchart流程图
我们依旧会支持flowchart的流程图:
- 关于 Flowchart流程图 语法,参考 这儿.
导出与导入
导出
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。
导入
如果你想加载一篇你写过的.md文件或者.html文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
继续你的创作。
注脚的解释 ↩︎