2023最新版IDEA 创建javaweb项目(图文详细)

冷不防 2023-09-26 20:45 136阅读 0赞

## 2023 用idea搭建第一个javaweb入门项目 ##

--------------------

#### 文章目录 ####

*  2023 用idea搭建第一个javaweb入门项目
 *  前言
 *  一、javaweb简介
 *  二、快速入门
 *   *   *  1.新建一个java项目
         *  2.添加Web Application
         *  3.配置环境
         *  4.配置jar
         *  5.导入servlet,jsp jar包
         *  6.配置tomcat服务器
         *  7.测试
 *  总结

--------------------

## 前言 ##

该教学主要针对各位刚刚接触javaweb开发的小伙伴，各位学习java的朋友也难免会经历这个阶段，都要从最基础的servlet项目做起，它是 Java 进军 web 开发的第一款技术，也是完全基于Java实现，闲来无事写出本篇文章在此记录一下。

--------------------

## 一、javaweb简介 ##

Java Web，是用Java技术来解决相关web互联网领域的技术栈。web包括：web服务端和web客户端两部分。Java在客户端的应用有Java Applet，不过使用得很少，Java在服务器端的应用非常的丰富，比如Servlet，JSP、第三方框架等等。

## 二、快速入门 ##

#### 1.新建一个java项目 ####

如下：  
![在这里插入图片描述][d7dd79427e15455abcb7fc00a42dbdfe.png_pic_center]

#### 2.添加Web Application ####

右击项目，选择Add Frameworks Support

如下：  
![在这里插入图片描述][92c414c1de384753a065cd4335e5fb98.png_pic_center]  
![在这里插入图片描述][c652afb3d58943e5abf29a0e395a8d32.png_pic_center]  
选择Web Application  
![在这里插入图片描述][50babc6f17d8456d99613c59b1bd6b51.png_pic_center]  
在WEB-INF文件夹下创建classes和lib文件夹.  
classes用来存放编译后输出的class文件，lib用于存放第三方jar包。  
![在这里插入图片描述][9ae2c77094f94842aca33a7c0b123819.png_pic_center]

#### 3.配置环境 ####

File-> Project Structure-> Modules-> Paths-> 选择第二个，修改两个路径均为classes路径。

如下：  
![在这里插入图片描述][eea7c8c3053d4e55b36f78f34b5bb199.png_pic_center]  
![在这里插入图片描述][909f131fe1734d85ac7230ea0ef1246f.png_pic_center]

#### 4.配置jar ####

File-> Project Structure-> Modules->Dependencies-> 选择“+”，选择第一个选项-> 选择项目下的lib路径-> 选择jar directory 点击确定

如下：  
![在这里插入图片描述][01ac1a1f6ae4469e81e9e24324dd8e85.png_pic_center]  
![在这里插入图片描述][984a6cb640724ab5810b27dd7b2bc1e1.png_pic_center]  
![在这里插入图片描述][975361616b904db09f8bbca39910e1c3.png_pic_center]

#### 5.导入servlet,jsp jar包 ####

File-> Project Structure-> libraries 选择“+”，选择java-> 找到tomcat路径下的lib文件夹

如下  
![在这里插入图片描述][cbea3838ee2648b8b35413a84e5c4973.png_pic_center]  
![在这里插入图片描述][bc16101ea78644c79ce6fe8e22eb8180.png_pic_center]  
![在这里插入图片描述][901af88c0e5c450996aaf425e7bd0b73.png_pic_center]  
![在这里插入图片描述][cda80d87718240098c7f6e637740e688.png_pic_center]

#### 6.配置tomcat服务器 ####

Run-> Edit Configurations -> “+” -> tomcat Server -> local  
选择路径

如下：  
![在这里插入图片描述][9863d9ba69704b86948936455bf8ace2.png_pic_center]  
![在这里插入图片描述][bbf8822fa2b248dbbc1ef8ba7d224633.png_pic_center]  
选择tomcat路径  
![在这里插入图片描述][827143b62ec1410b91f4d5a3a3635b02.png_pic_center]  
选择Deployment 选择 + 点击第一个  
![在这里插入图片描述][f1361e42665247838804144f31803de7.png_pic_center]  
选择APPLAY  
![在这里插入图片描述][ccf2586ca24d4978b5fde5dac0d76cad.png_pic_center]  
这样我们就配置完成了。

#### 7.测试 ####

index.jsp  
![在这里插入图片描述][c749ffeb59024c2085601852e0904a17.png_pic_center]  
运行  
![在这里插入图片描述][7ae583c31a5f4c4eb71f9be8ae83be34.png_pic_center]  
结果  
![在这里插入图片描述][978b514c309c40b68fbfa7d83041c2da.png_pic_center]  
这样我们的一个简单的javaweb项目就完成啦！

## 总结 ##

希望文章对需要的小伙伴们有帮助，希望大家好好学习，不负青春不负自己，有志者，事竟成，加油！本人只是一枚菜鸟，如果有不对的地方欢迎大家指正，另外有问题可以联系我，欢迎大家关注公众号：“俊俊同学的笔记” 获取更多资源。

[d7dd79427e15455abcb7fc00a42dbdfe.png_pic_center]: https://img-blog.csdnimg.cn/d7dd79427e15455abcb7fc00a42dbdfe.png#pic_center
[92c414c1de384753a065cd4335e5fb98.png_pic_center]: https://img-blog.csdnimg.cn/92c414c1de384753a065cd4335e5fb98.png#pic_center
[c652afb3d58943e5abf29a0e395a8d32.png_pic_center]: https://img-blog.csdnimg.cn/c652afb3d58943e5abf29a0e395a8d32.png#pic_center
[50babc6f17d8456d99613c59b1bd6b51.png_pic_center]: https://img-blog.csdnimg.cn/50babc6f17d8456d99613c59b1bd6b51.png#pic_center
[9ae2c77094f94842aca33a7c0b123819.png_pic_center]: https://img-blog.csdnimg.cn/9ae2c77094f94842aca33a7c0b123819.png#pic_center
[eea7c8c3053d4e55b36f78f34b5bb199.png_pic_center]: https://img-blog.csdnimg.cn/eea7c8c3053d4e55b36f78f34b5bb199.png#pic_center
[909f131fe1734d85ac7230ea0ef1246f.png_pic_center]: https://img-blog.csdnimg.cn/909f131fe1734d85ac7230ea0ef1246f.png#pic_center
[01ac1a1f6ae4469e81e9e24324dd8e85.png_pic_center]: https://img-blog.csdnimg.cn/01ac1a1f6ae4469e81e9e24324dd8e85.png#pic_center
[984a6cb640724ab5810b27dd7b2bc1e1.png_pic_center]: https://img-blog.csdnimg.cn/984a6cb640724ab5810b27dd7b2bc1e1.png#pic_center
[975361616b904db09f8bbca39910e1c3.png_pic_center]: https://img-blog.csdnimg.cn/975361616b904db09f8bbca39910e1c3.png#pic_center
[cbea3838ee2648b8b35413a84e5c4973.png_pic_center]: https://img-blog.csdnimg.cn/cbea3838ee2648b8b35413a84e5c4973.png#pic_center
[bc16101ea78644c79ce6fe8e22eb8180.png_pic_center]: https://img-blog.csdnimg.cn/bc16101ea78644c79ce6fe8e22eb8180.png#pic_center
[901af88c0e5c450996aaf425e7bd0b73.png_pic_center]: https://img-blog.csdnimg.cn/901af88c0e5c450996aaf425e7bd0b73.png#pic_center
[cda80d87718240098c7f6e637740e688.png_pic_center]: https://img-blog.csdnimg.cn/cda80d87718240098c7f6e637740e688.png#pic_center
[9863d9ba69704b86948936455bf8ace2.png_pic_center]: https://img-blog.csdnimg.cn/9863d9ba69704b86948936455bf8ace2.png#pic_center
[bbf8822fa2b248dbbc1ef8ba7d224633.png_pic_center]: https://img-blog.csdnimg.cn/bbf8822fa2b248dbbc1ef8ba7d224633.png#pic_center
[827143b62ec1410b91f4d5a3a3635b02.png_pic_center]: https://img-blog.csdnimg.cn/827143b62ec1410b91f4d5a3a3635b02.png#pic_center
[f1361e42665247838804144f31803de7.png_pic_center]: https://img-blog.csdnimg.cn/f1361e42665247838804144f31803de7.png#pic_center
[ccf2586ca24d4978b5fde5dac0d76cad.png_pic_center]: https://img-blog.csdnimg.cn/ccf2586ca24d4978b5fde5dac0d76cad.png#pic_center
[c749ffeb59024c2085601852e0904a17.png_pic_center]: https://img-blog.csdnimg.cn/c749ffeb59024c2085601852e0904a17.png#pic_center
[7ae583c31a5f4c4eb71f9be8ae83be34.png_pic_center]: https://img-blog.csdnimg.cn/7ae583c31a5f4c4eb71f9be8ae83be34.png#pic_center
[978b514c309c40b68fbfa7d83041c2da.png_pic_center]: https://img-blog.csdnimg.cn/978b514c309c40b68fbfa7d83041c2da.png#pic_center