idea是JetBrains公司开发的一个IDE软件,一般用于开发Java和JavaWeb项目。 JavaWeb项目的组成:
一.基础知识
idea是JetBrains公司开发的一个IDE软件,一般用于开发Java和JavaWeb项目。
JavaWeb项目的组成:
1.文件结构
通常如图所示:
![17a96f4695ed4adb85d4ca4fe6344fe5[1].png](/static/upload/ue/ueimage/20230518/1684417777968556.png)
用文字描述,就是:src文件夹下由main和test两个文件夹,分别代表“源”和“测试”。“源”的意思就是我们写出的内容主体,例如一个图书管理系统。“测试”的意思是就是对我们写出的东西进行测试,例如使用图书管理系统做一系列操作。
其中main文件夹下有java,resources,webapp三个文件夹,分别代表java源代码,相关资源,web源代码。test文件夹下也同理。需要注意的是,“WEB-INF”文件夹的名字不可更改,是固定的,WEB-INF文件夹下需要有一个web.xml文件,是我们web项目的配置文件。
2.简述javaweb项目
JavaWeb是java开发的一个方向。学习Java可以写安卓软件,写PC端软件,也可以开发Web网页。
JavaWeb分为两块,分别为前端和后端。后端是服务器和你的数据库,前段是网页。我们在学习Java之后就能够做到了写一个运行在控制台的程序。而JavaWeb则是将它展现在网页上。
后端和前端的连接需要三个东西,分别是Web服务器,网络协议,浏览器。浏览器发起请求,通过一定的协议与服务器建立连接,服务器将内容返回给浏览器,浏览器把数据显示在网页上。浏览器大家都熟悉,比如chrome,edge等等。网络协议就是http这种的,我们只需要知道就可以。Web服务器比如说tomcat,tomcat是一个免费的开源的服务器,在轻量级项目经常被使用,大学教学中也常用。我们也是用tomcat。
二.idea社区版的安装以及基础设置
1.下载安装
首先在官网下载idea社区版,我把网站贴在这里:
下载 IntelliJ IDEA:JetBrains 功能强大、符合人体工程学的 Java IDE
进入网站后点击Community下的“下载”:
![e22fa4bedcef4a05a99158571f5f8bd3[1].png](/static/upload/ue/ueimage/20230518/1684417832499076.png)
等待exe文件下载完成:(等了我二十分钟...QAQ)
双击下载好的exe文件:
这里是要你选择将软件安装在哪里,我的C盘大小不够,所以装到了D盘,根据自己情况选择:
之后点击next:
等待读条:
这里选择Do not:
这里根据自身情况勾选,我勾选第一个(创建桌面快捷方式):
安装成功,自动打开idea社区版:
2.基础配置
1.中文设置:
我不建议改为中文!!emm怎么说呢,编程这东西,在任何地方使用中文都是有隐患的,不知道什么地方就会跳出来奇怪的错误。只建议英语很不好的同学换成中文,不要因为语言而耽误你的编程学习。恰巧的是,笔者英语不好。。。(大家要努力学英语啊)
选择plugins,在右边的搜索框输入chinese,选择“Chinse(Simplified)”,点击install:
等待读条完成后,点击Restart:
点击Restart:
之后就搞定啦!
2.修改背景风格和字体
点击“自定义”,在颜色方案中自选,我比较喜欢白色的明亮界面:
这里修改的字体是整个idea软件的字体:
3.安装tomcat插件,这是能在社区版运行web程序的重点
点击“插件”,搜索smart,找到Smart Tomcat并下载,过程和刚刚的中文语言包插件形同。以后我们如果有需要的插件,也是如此下载。
![9afa155396234f1baf17749cb765d452[1].png](/static/upload/ue/ueimage/20230518/1684417902841252.png)
点击“项目”,选择“新建项目”:
![693b291c8532423098f7695f474b8e81[1].png](/static/upload/ue/ueimage/20230518/1684417924113999.png)
创建项目:
![5ba846d5b9ca4b9ab0759db7e4a58ad9[1].png](/static/upload/ue/ueimage/20230518/1684417942281639.png)
搞定!这是成功创建后的样子:
![d6c24aa8c8924406ab14bc1629287837[1].png](/static/upload/ue/ueimage/20230518/1684417959656513.png)
可能会跳出这个警示,点击“始终下载”即可:
![fe8318c56e75434d848355afd6f0a5c9[1].png](/static/upload/ue/ueimage/20230518/1684417993817151.png)
三.配置开发JavaWeb项目
1.补全JavawWeb项目的文件结构
![87f4bf7544aa4c509a84705d5bac4817[1].png](/static/upload/ue/ueimage/20230518/1684418022827849.png)
idea社区版的新建文件选项没有xml,jsp等格式,我们可以点击“文件”,之后在输入文件名的时候输入后缀名:
![e01332775db946e7a3329ee5ce3a73f4[1].png](/static/upload/ue/ueimage/20230518/1684418047220955.png)
其中的web.xml内容为:
xss index.html
作为初学者,不需要完全弄懂,只需要知道这个是web项目的配置文件,里面的前半部分是固定的。而welcome-file是指这个web项目一运行就会显示的页面。知道这些足矣。
这是我的index.html内容,大家也可以自己修改:
这是一个标题 hello world
(经典的hello world)
2.配置tomcat
1.在设置中配置tomcat
选择“设置”:
![624fd7b7408244fa9970dc7428340b57[1].png](/static/upload/ue/ueimage/20230518/1684418108309799.png)
选择“tomcat server”:
![7314e339395741a79abf7179282f7e8b[1].png](/static/upload/ue/ueimage/20230518/1684418128641251.png)
点击加号,添加本地下载好的tomcat:
![3ad15003fced47e8a72071b823a5d2d3[1].png](/static/upload/ue/ueimage/20230518/1684418148704594.png)
添加之后,会自动填充:
![6ca3a08b685746688dc59f43767599e1[1].png](/static/upload/ue/ueimage/20230518/1684418166705840.png)
点击“应用”,之后点击确定,结束。
2.在运行中配置tomcat
点击顶部菜单栏的“运行”,选择“编辑配置”:
![ca3f781da55e4445a8fbb2b59d283a61[1].png](/static/upload/ue/ueimage/20230518/1684418185161612.png)
点击加号:
![e04eca364409494895c67f94e9a8b135[1].png](/static/upload/ue/ueimage/20230518/1684418207642491.png)
选择“Smart Tomcat”:
![99165a591b40449a910fe32f3642d06e[1].png](/static/upload/ue/ueimage/20230518/1684418227208779.png)
什么都不用修改,直接应用后确定,结束。
![c404f72f5afe4e1a8e8ccbcb2bc78d99[1].png](/static/upload/ue/ueimage/20230518/1684418252998916.png)
3.在项目中添加tomcat
点击“文件”,选择项目结构:
![10535531d03941c0af7ac5292c9bde4f[1].png](/static/upload/ue/ueimage/20230518/1684418269989816.png)
选择“库”,点击加号,选择java:
![bc516f17a9cc4709864850a1cd5c46d7[1].png](/static/upload/ue/ueimage/20230518/1684418287353612.png)
将本地tomcat的lib文件夹选中,点击确定:
![03eedc5a4f4b45d3bd33c50e527e16dc[1].png](/static/upload/ue/ueimage/20230518/1684418306332428.png)
搞定之后的样子:
![4b586236966a4ea3ad172d101765ad59[1].png](/static/upload/ue/ueimage/20230518/1684418328639750.png)
在右侧选项选择“模块”,将出现的“lib”勾选,点击应用,确定。
![8bd300b1e919451ca8ac3b4be99c69d8[1].png](/static/upload/ue/ueimage/20230518/1684418348478871.png)
尝试运行
点击三角形运行符号:
![b4408dd2630a49d69c4890216cc454f2[1].png](/static/upload/ue/ueimage/20230518/1684418371208297.png)
点击出现的链接:
![69ce86c40a4f497dac5b330fe48e3b30[1].png](/static/upload/ue/ueimage/20230518/1684418394237157.png)
浏览器出现index.html页面,表示我们的JavaWeb项目成功啦!
![e0c47164bae64b20a374084599b96cf8[1].png](/static/upload/ue/ueimage/20230518/1684418415680359.png)
————————————————
版权声明:本文为CSDN博主「赵问潮」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/xiaoxibiande/article/details/125016219