Java教程

Java学习之路 之 HTML5

本文主要是介绍Java学习之路 之 HTML5,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

Java学习之路 之 HTML 5

  • ● 学习前的准备工作
      • - 前言 -
      • - 正式准备 -
          • <1> 创建动态Web项目
          • <2> 完善存储文件
          • <3> 部署 Tomcat 服务器
  • ● 初识HTML5

HTML5 Logo

● 学习前的准备工作

- 前言 -

关于学习HTML5,最简单的准备工作就是:打开记事本。
但我们为了后续能进一步学习H5、JS、JSP、Servlet…
我们还是要选择一个 JAVA编程软件 来作为学习JAVA语言的编码环境。

- 正式准备 -

这里我选择的是 2020版 IntelliJ IDEA

<1> 创建动态Web项目

<1.1> 打开IDEA后点击左上角 :
点击 File 功能栏 ···> 选择 New 选项 ···> 选择 Project 项目
在这里插入图片描述
<1.2> 弹出New Project 新项目选择框:
选择Java Enterprise ···> 选择服务器及其版本号 ···>
勾选Web Application ···> 勾选 Create web.xml ···> 点击 Next 下一步

在这里插入图片描述
<1.3> 进入下一步:
第一项 Project Name ···> 填写工程名称
第二项 Project Location ···> 选择工程路径

填写完毕点击 Finish
在这里插入图片描述
<1.4> 创建成功。
在这里插入图片描述

<2> 完善存储文件

<2.1> 创建classes和lib文件夹:

点击项目 WEF-INF 文件夹 ···> 右键 ···> 点击 New ···> 选择 Directory 创建文件夹
分别创建 文件名为 classes、lib 的文件夹

  • classes 用于存放编译后输出的 class 文件、lib 用于存放第三方 jar 包

在这里插入图片描述
<2.2> 配置classes文件夹路径:

点击 File 功能栏 ···> 选择 Project Structure
在这里插入图片描述
弹出 Project Structure 项目结构设置框:

选择 Modules ···> 选择 Paths ···>

在 Compiler output 栏,按照下方选择:

  • lnherit project compile output path
  • Use module compile output path

在 Output path 和 Test output path 路径选项中:

选择刚刚创建的 classes 文件夹
在这里插入图片描述
<2.3> 配置lib文件夹路径:

点击 Paths 旁的 Dependencies ···> 点击右边 ”+” 符号 ···> 选择 JARs or directories
在这里插入图片描述

进入 Attach Files of Directories 路径选择框:

选择该项目 web 下: WEB-INF 下的 lib 文件夹
在这里插入图片描述
进入 Choose Categories of Selected Files 文件类别选择框:

选择 Jar Directory ···> 最后点击 OK
在这里插入图片描述
创建成功。
在这里插入图片描述

<3> 部署 Tomcat 服务器

小鹦鹉提醒您:此处文案施工中,敬请期待。

● 初识HTML5

小鹦鹉提醒您:此处文案施工中,敬请期待。

这篇关于Java学习之路 之 HTML5的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!