使用IntelliJ IDEA 2019.3.2 x64来创建第一个JavaWeb项目(快速、详细)

打开IntelliJ IDEA 2019.3.2 x64软件:

首先笔记本电脑得有安装好的IntelliJ IDEA 2019.3.2 x64软件,这是开始操作的根本。没有可以去官网下载安装额。(点击此处便可) JetBrains s.r.o.Developed with drive and IntelliJ IDEA

项目创建具体操作步骤:

1.双击打开位于桌面的IntelliJ IDEA 2019.3.2 x64 ;在这里插入图片描述
2.点击“Create New Project”;在这里插入图片描述
3.在打开的面板右侧选择“New…” ;在这里插入图片描述
4.选择到jdk的安装目录,并点击OK ;在这里插入图片描述
5.在Project SDK处点击下拉列表选择配置好的1.8版本,左侧可以选择默认的“Java”也可以选择“Java Enterprise”,右侧面板选择“Java EE”下的“Web Appliction”,下侧选择默认的“Version 4.0”,以及保持默认勾选“Create web.xml”,点击Next;在这里插入图片描述
6.在弹出的面板输入项目名称(默认为项目路径的最后一个“/”后的内容)和输入/选择项目路径位置 ,点击下方的“Finish”,可能会弹出一个“Directory Does Not Exist”(目录不存在),点击OK就行,会自动创建目录;在这里插入图片描述在这里插入图片描述
7.此时便打开了一个创建好的空的Javaweb项目 ;在这里插入图片描述
8.展开各项后的目录列表如下,默认有个index.jsp文件 ;在这里插入图片描述
9.在“WEB-INF”文件夹下新建classes,lib两个文件夹 ;在这里插入图片描述
10.然后点击“File”–>“Project Structure…”,选择面板中的“Project Settings”–>“Modules” ,右侧面板选择Paths,将“Compiler output”选为“Use module compile output path”,并为下方的Output path,Test output path选择路径,设置为刚刚建立的classes文件夹(两个路径都一样),取消勾选“Exclude output paths”,点击Apply;在这里插入图片描述
在这里插入图片描述
11.点击面板的右侧“Dependencies”–>“+”–>“1.Jars or directories”,然后选到刚刚建立的lib文件夹,点击OK,点击弹出的Jar Dirctory,点击OK,点击Apply,点击OK ;在这里插入图片描述在这里插入图片描述
12.点击菜单栏的Run–>Edit Configurations…,在弹出的面板选择“+”,然后选择“Tomcat Server”–>“Local”,将“Name”命名为服务器名称,修改“Application server”,默认为“Default”,点击右侧的Configure,设置web浏览器path至根目录,并勾选“Show browser popup in the editor”,点击OK,配置“Open browser”为Chrome,并勾选“After launch”,URL默认不改动,端口号port8080也不需要改动,点击右下侧的Fix灯泡,将Application context配置为“/项目名称”便可,其他保持默认,点击Apply,点击OK;在这里插入图片描述在这里插入图片描述
13.点击Logs,将面板中的第一个勾选,第二个请取消勾选日志输出,点击OK ;在这里插入图片描述
14.此时便准备妥当,本地服务器已经配置好,双击index.jsp,编辑文本,进行测试(运行的入口很多,可以点击顶部工具栏的绿三角,菜单栏的Run,左下方的绿三角等。) ;在这里插入图片描述
15.如若出现Connected to server,则表示连接到了服务器 ;在这里插入图片描述
16.Tomcat Localhost Log控制台输出窗口 ;在这里插入图片描述
17.Services:为服务器窗口,点击红方块则终止服务器服务,Server 下方的Deployment为项目部署,出现绿色对号,表示成功 ;在这里插入图片描述
18.Terminal为命令行控制台窗口,默认打开路径至项目 ;在这里插入图片描述
19.重新启动服务器 ,则点击OK;在这里插入图片描述
20.运行结果如下(默认打开谷歌浏览器);在这里插入图片描述
21.到此结束,现在请开始你的JavaWeb学习吧!;

快速测试验证代码如下:

//  index.jsp
<%--
  Created by IntelliJ IDEA.
  User: ***
  Date: 2020/2/4
  Time: 17:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>首页</title>
  </head>
  <body>
  Hello,World!!!<br/>
  我的第一个JSP页面。
  </body>
</html>

好好学习
鼠年福到祝你好运

发布了32 篇原创文章 · 获赞 1 · 访问量 2820

猜你喜欢

转载自blog.csdn.net/YOUAREHANDSOME/article/details/104172082