Java学习之路 之 JavaWeb (含项目创建+配置Tomcat)

- 学习前的准备工作 -

● 前言

这个帖子是我用来总结学习 JavaWeb 的心路历程,如果这张帖能让你感受到学习 Java 这门语言的乐趣,我将不胜惶恐。


● 学习方向

关于 JavaWeb 以及其里面的各类知识的介绍我这里就不多赘述了。
我们直接开门见山直奔学习主题,首先我们会从 H5 开始学习。

HTML5,最简单的准备工作就是:打开记事本即可开始编写。
但我们为了后续能进一步学习CSS、JS、Servlet、JSP…
我们还是要选择一个 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 服务器

< 3.1 > 在项目界面右上角:

选择 Edit Configurations …
在这里插入图片描述
< 3.2 > 进入 Run/Debug Configurations 运行/调试配置框:

点击左上角 " + " 号 Add New Configuration 添加新的配置 ···>

选择Tomcat Server ···> 选择Local
在这里插入图片描述
< 3.3 > 进入新建的 Server 服务设置窗:

点击 Application server 选择本地Tomcat文件夹 ···>

在 Name 中可以命名服务名称 ···> HTTP port 可以修改服务端口号 ···>
在这里插入图片描述
< 3.4 >随后选择 Deployment 部署窗( 在Server窗口右边 ) :

选择右上角 “ + ” ···> 选择 Artifact
在这里插入图片描述
选择当前项目war包 ···> 设置地址 ···> 点击 OK
在这里插入图片描述
项目界面右上角点击运行符

项目服务启动默认开启 index.jsp 文件
在这里插入图片描述
Tomcat服务部署成功
在这里插入图片描述


- 初识HTML5 -

HTML5 Logo

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值