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

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

  • 1.java JDK
    • 1.1 下载安装
    • 1.2 配置环境变量
    • 1.3 检查安装成功
  • 2. TomCat
    • 2.1 下载安装
    • 2.2 配置环境变量
    • 2.3 检查安装成功
  • 3.IDEA
    • 3.1 下载安装
    • 3.2 IDEA部署Tomcat
  • 4.MySQL
    • 4.1下载安装
    • 4.2 Navicat使用
      • 4.2.1 链接MySQL
      • 4.2.2 新建表
      • 4.2.3 查询
      • 4.2.4 增删改

出来混总是要还的,记得大学本科四年,并不喜欢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/
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第1张图片
下载完成长这样:
在这里插入图片描述
点击安装,改一下路径,最好不放c盘,一路next就行。

1.2 配置环境变量

①此电脑右键→属性
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第2张图片
②找到高级系统设置,Windows版本不一样,界面长得不一样很正常
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第3张图片
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第4张图片
点击“新建”按钮,在【系统变量】,分别设置三个环境变量,即:
变量名1:JAVA_HOME
变量值1: 电脑上JDK安装的绝对路径
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第5张图片
找到Path
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第6张图片
变量名2:PATH
变量值2: 新建两条路径 :%JAVA_HOME%\bin%JAVA_HOME%\jre\bin
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第7张图片
变量名3:CLASSPATH
变量值3:

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

Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第8张图片

1.3 检查安装成功

win+r 输入cmd
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第9张图片
在命令行窗口中输入java -version后回车,如果能显示 jdk 的版本信息则配置成功
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第10张图片
(默默吐槽一下,Windows11越更新,这界面和Linux越像,都要失去Windows特色了)

2. TomCat

参考:[1]

2.1 下载安装

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

下载哪个版本看你的心情,不知道选哪个就选最新的就行
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第11张图片
下载完成长这样:
在这里插入图片描述
解压到你准备的文件夹就行

2.2 配置环境变量

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

①新建变量
变量名:CATALINA_HOME
变量值:解压文件夹的路径
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第12张图片
如果不新建这个变量,启动tomcat会报错
在这里插入图片描述

②Path新建路径
新路径:%CATALINA_HOME%\bin%CATALINA_HOME%\lib
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第13张图片

2.3 检查安装成功

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

3.IDEA

参考:[1]

3.1 下载安装

官网:https://www.jetbrains.com/
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第20张图片
在我下载了免费的社区版本后,发现怎么都链接不上,没有Application Servers也在plugins上搜不到tomcat的相关信息。在这个博客上知道了社区版本不支持tomcat,要下载专业版本
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第21张图片

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

3.2 IDEA部署Tomcat

参考:[1]

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

在浏览器中打开项目:
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第35张图片
网页显示为:
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第36张图片
访问这个网址,默认访问的就是http://localhost:8080/tomcat/ 下面的index.jsp文件

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

4.MySQL

4.1下载安装

安装版参考:这个博主写得太好了,我不用复述了,不过这个博主所用的是安装版的,可能会出现很多问题(来自我学弟的提醒)
免安装版的可以参考这个博主
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第37张图片
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第38张图片
安装完MySQL之后,不方便直接使用数据库,使用所以准备安装数据库图形界面工具Navicat,永久使用参考:这个博主,良心大大滴有
使用参照这个博主

4.2 Navicat使用

4.2.1 链接MySQL

Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第39张图片
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第40张图片
这样就链接上了MySQL
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第41张图片

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

4.2.2 新建表

参考:[1]
①新建数据库
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第42张图片
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第43张图片

②打开数据库
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第44张图片
③创建新表
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第45张图片
随意建几个,把表保存了左边的表就会有你建的表的名字
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第46张图片
填写数据

Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第47张图片

4.2.3 查询

Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第48张图片
查询语句:SELECT 列名称 FROM 表名称
例如:SELECT * FROM idpass WHERE id=1

Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第49张图片

4.2.4 增删改

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

Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第50张图片
Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第51张图片

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

Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第52张图片

Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL_第53张图片
②删
语句:DELETE FROM 表名称 WHERE 列名称 = 值
例:DELETE FROM renshi WHERE id = ‘1’;

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

你可能感兴趣的:(java,tomcat,后端)