Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL


出来混总是要还的,记得大学本科四年,并不喜欢java以及web后端,把前端Html、css、JavaScript修炼得还可以之后,小组作业就一直抱各位大佬的大腿,大腿带我飞。就这样混过了本科的所有实践课。虽然研究生阶段也要用到编程语言,面向对象还有各种算法编程也是躲不掉的,但语言换成了C++和Python,这对于所有人都是从头再来。师兄看到我各种神奇的低级错误之后,虽然无语但是也会帮忙改改,所以也还过得去。
然鹅,现在为了毕业不得不低下头,清醒点!!!现在没有大腿能让你抱了,所以还是得面对JAVA,JAVA is watching you.

今天抱着“哼,小小java环境,再麻烦能比深度学习环境搭建麻烦吗”的心态,受到了现实的猛锤”哼,小样,当初盛传一句‘一杯茶,一包烟,一个环境配一天’可不是虚的“。然后就配了一天的环境。

1.java JDK

参考博客:[1][2]
注意环境搭建顺序是先JDK再Tomcat,最后是IDEA。如果先Tomcat,在检验其安装成功时会报没有java环境,如下图:
在这里插入图片描述

JDK 是 Java 语言的软件开发工具包,JDK 是整个 java 开发的核心,它包含了 JAVA 的运行环境(JVM+Java 系统类库)和 JAVA 工具。

1.1 下载安装

官网:https://www.oracle.com/java/technologies/downloads/
在这里插入图片描述
下载完成长这样:
在这里插入图片描述
点击安装,改一下路径,最好不放c盘,一路next就行。

1.2 配置环境变量

①此电脑右键→属性
在这里插入图片描述
②找到高级系统设置,Windows版本不一样,界面长得不一样很正常
在这里插入图片描述
在这里插入图片描述
点击“新建”按钮,在【系统变量】,分别设置三个环境变量,即:
变量名1:JAVA_HOME
变量值1: 电脑上JDK安装的绝对路径
在这里插入图片描述
找到Path
在这里插入图片描述
变量名2:PATH
变量值2: 新建两条路径 :%JAVA_HOME%\bin%JAVA_HOME%\jre\bin
在这里插入图片描述
变量名3:CLASSPATH
变量值3:

.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME\lib\tools.jar;%CATALINA_HOME%\lib\servlet-api.jar

在这里插入图片描述

1.3 检查安装成功

win+r 输入cmd
在这里插入图片描述
在命令行窗口中输入java -version后回车,如果能显示 jdk 的版本信息则配置成功
在这里插入图片描述
(默默吐槽一下,Windows11越更新,这界面和Linux越像,都要失去Windows特色了)

2. TomCat

参考:[1]

2.1 下载安装

官网:http://tomcat.apache.org

下载哪个版本看你的心情,不知道选哪个就选最新的就行
在这里插入图片描述
下载完成长这样:
在这里插入图片描述
解压到你准备的文件夹就行

2.2 配置环境变量

怎么找环境变量1.2已经说了,这里不在重复

①新建变量
变量名:CATALINA_HOME
变量值:解压文件夹的路径
在这里插入图片描述
如果不新建这个变量,启动tomcat会报错
在这里插入图片描述

②Path新建路径
新路径:%CATALINA_HOME%\bin%CATALINA_HOME%\lib
在这里插入图片描述

2.3 检查安装成功

win+r 输入cmd
命令行输入:startup.bat
在这里插入图片描述
出现这个证明已经安装好了
但是同时存在着乱码问题:
在这里插入图片描述
解决方案:
在文件夹中找到:apache-tomcat-9.0.45 → conf → logging.properties
用记事本打开
在这里插入图片描述
找到:
在这里插入图片描述
改为:java.util.logging.ConsoleHandler.encoding =GBK
然后显示正常
在这里插入图片描述
注意:Tomcat窗口不能关闭!
此时,在浏览器上输入http://localhost:8080/
在这里插入图片描述
页面长这样就安装成功了

3.IDEA

参考:[1]

3.1 下载安装

官网:https://www.jetbrains.com/
在这里插入图片描述
在我下载了免费的社区版本后,发现怎么都链接不上,没有Application Servers也在plugins上搜不到tomcat的相关信息。在这个博客上知道了社区版本不支持tomcat,要下载专业版本
在这里插入图片描述

30天不够用:这位的方法是在b站页面找到的 (亲测好用)

3.2 IDEA部署Tomcat

参考:[1]

①创建一个普通的java项目
在这里插入图片描述
在这里插入图片描述
②先给项目添加依赖
首先右键自己创建的项目,然后点击add framework support
在这里插入图片描述
勾选Web application,然后点ok
在这里插入图片描述
我们可以发现多了一个web文件夹,这个web文件夹里面就是放自己的web文件,例如html文件,jsp文件等,web下面的WEB-INF目录里面的web.xml就是用来配置这个web项目的,在WEB-INF下面我们一般会建立一个lib文件夹用于存放项目所需的jar包。
在这里插入图片描述
② 配置Tomcat
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
IDEA很智能,能主动找到本机的tomcat,找不到就点confugure手动添加
在这里插入图片描述
首先点击deployment,先配置自己的项目名称,也就是外部访问的项目名称
在这里插入图片描述
点击+号,选择发布方式(第一个选项为war包,第二个选项为源码),我们选择Artifact
在这里插入图片描述
对外访问路径,可以设置和项目名称一致
在这里插入图片描述
回到serve界面。把下面2个选项设置为热加载,表示我们在修改文件后就会生效(修改java文件后需要重新发布才会生效)
在这里插入图片描述
配置好后,先apply再ok
在这里插入图片描述
如果出现了报错:
在这里插入图片描述
解决方法:参考

在浏览器中打开项目:
在这里插入图片描述
网页显示为:
在这里插入图片描述
访问这个网址,默认访问的就是http://localhost:8080/tomcat/ 下面的index.jsp文件

到此已经成功在idea中部署了web项目,配置了tomcat,启动服务器能够正常运行。

4.MySQL

4.1下载安装

安装版参考:这个博主写得太好了,我不用复述了,不过这个博主所用的是安装版的,可能会出现很多问题(来自我学弟的提醒)
免安装版的可以参考这个博主
在这里插入图片描述
在这里插入图片描述
安装完MySQL之后,不方便直接使用数据库,使用所以准备安装数据库图形界面工具Navicat,永久使用参考:这个博主,良心大大滴有
使用参照这个博主

4.2 Navicat使用

4.2.1 链接MySQL

在这里插入图片描述
在这里插入图片描述
这样就链接上了MySQL
在这里插入图片描述

当关闭链接后标就会变灰,右键再打开链接标就又绿

4.2.2 新建表

参考:[1]
①新建数据库
在这里插入图片描述
在这里插入图片描述

②打开数据库
在这里插入图片描述
③创建新表
在这里插入图片描述
随意建几个,把表保存了左边的表就会有你建的表的名字
在这里插入图片描述
填写数据

在这里插入图片描述

4.2.3 查询

在这里插入图片描述
查询语句:SELECT 列名称 FROM 表名称
例如:SELECT * FROM idpass WHERE id=1

在这里插入图片描述

4.2.4 增删改

依然使用的是查询的界面
语句:
INSERT INTO 表名称 VALUES (值1, 值2,….)

在这里插入图片描述
在这里插入图片描述

INSERT INTO table_name (列1, 列2,…) VALUES (值1, 值2,….)
注意:
1.字段和值要一一对应!!! .
2.如果值为数值类型, 则不需要加引号,如果为非数值类型,则需要添加引号。
MySQL中,如果数据类型不对应,会进行强制转化,字符串转数值的时候,如果转换不了,会将值强制转换成0。

在这里插入图片描述

在这里插入图片描述
②删
语句:DELETE FROM 表名称 WHERE 列名称 = 值
例:DELETE FROM renshi WHERE id = ‘1’;

③改
语句:UPDATE 表名称 SET 列名称 = 新值 WHERE 列名称 = 某值
例:UPDATE renshi SET id = ‘123’ WHERE id = ‘1’;

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值