intellij idea 2018搭建简单的javaWeb项目和Servlet（本地版）

深藏阁楼爱情的钟 2023-10-18 13:04 107阅读 0赞

这次是因为项目原因，要简单的走一遍后台，也有数据库的操作（其实就是写个能下载和上传的接口）。本文只是给个参考（是在本地运行的），并不是正的放在服务器上，放在服务器上你还得做一些修改，比如在服务器上安装Tomcat9，Mysql，在Tomcat中修改Mysql的参数，添加Mysql的jar包等。服务器版的请参考我的另一篇文章

JDK：11

Tomcat：9.0

mySql：mysql-installer-community-8.0.13.0（不推荐用这个安装，最好还是用.zip格式的，虽然有点麻烦，但是安装的东西小一点）

**目录**

1.创建web项目

1.1 新建web项目

1.2 项目名

2. 更改工程设置

2.1 创建classes和lib

2.2 设置输出、调试路径

2.3 设置lib

2.4 导包

2.5 设置Artifacts

3.Tomcat的配置

4.实际操作 （代码）

4.1 下载数据

5.数据库的操作

5.1 intellij idea的数据库操作

5.2 连接服务器上的远程数据库

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

> ## 1.创建web项目 ##

###  **1.1** 新建web项目 ###

点击右上角的**File--new --project**\--出现NewProject的窗口，选择**java Enterprise** ，其他的看下图。记得要**勾选**最下面那个**Web Application**。选完之后Next

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70][]

### **1.2** 项目名 ###

给项目起个名字，这没啥好说的，写完了 Finish

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 1][]

> ## **2. 更改工程设置** ##

###  **2.1 创建classes和lib** ###

在web下的**WEB\_INF**下创建两个**Directory**（**右击WEB-INF--new--Directory**，）,分别命名为classes，lib。classes目录用于存放编译后的class文件，lib用于存放依赖的jar包

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 2][]

###  **2.2 设置输出、调试路径** ###

在创建好的项目中选择**File-Project Structre-**\-**点击左侧Modules--在最上方name中输入你的项目名--点击Paths选项--勾选Use module compile output path** 把输出的路径和调试的路径都改为WEB-INF下的classes。这时候class下是没有任何东西的，等你敲了代码了，再点击右上角锤子的图标/Build-Build Project才有内容

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 3][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 4][]

### **2.3 设置lib** ###

这也是平时导jar包的操作，例如gson,MySql的jar包。

**点击File--打开Project Structure--点击dependencies**，**在右边点击+号，选择第一个 JARs or Directory**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 5][]

**选择lib目录**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 6][]

**选择Jar Directory**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 7][]

**结果：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 8][]

### 2.4 导包 ###

你要导包的话 双击 lib and one more file 出现下面界面，点击下图的 + 号

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 9][]

选择你下载到本地的jar包 可以是一个文件下的所有jar包，也可以是一个jar包。点击ok

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 10][]

现在导包进去了，但是并不算成功，还得将导入的包再添加到Artifacts中，请看下一步。

###  **2.5 设置Artifacts** ###

artifacts就是控制打包的，具体的可以参考以下文章

[https://www.cnblogs.com/deng-cc/p/6416332.html][https_www.cnblogs.com_deng-cc_p_6416332.html] 转载于博客园的Dulk

还是**Project Structure**，**点击右侧的Artifacts，勾选include in project build 并勾选下面选项的fix按钮 将前面导入的jar包添加到Artifacts中**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 11][]

> ## 3.Tomcat的配置 ##

点击右上角的Edit configurations（我是因为配置好了所以出现的是Tomcat的图标），

![20181225145558574.png][]

点击 + 号，选择Tomcat Server--Local 。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 12][]

修改Name，点击 Application server 后面的 Configure...，弹出Tomcat Server窗口，选择本地安装的Tomcat目录 。HTTP port和JMX port一般是保持默认的，点击右下角的Fix，其实就是把artifacts配置到Tomcat中，如果不出现也没问题，你直接点击 下图中Server 右边的 Deployment设置就好了

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 13][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 14][]

单独设置artifacts的操作，记得下图中的Application context改为“/你的项目名”

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 15][]

> ## 4.实际操作 （代码） ##

我这里就不多说了，简单略过

### **4.1 下载数据** ###

4.1.1 创建Bean、dao、Servlet、Util包（右键点击src--new--Package），再创建以下的类

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 16][]

ps：记得导入gson的包，gson去官网下载就好了，下载下图中红色方框的包，别选错了

官网：[http://repo1.maven.org/maven2/com/google/code/gson/gson/2.8.5/][http_repo1.maven.org_maven2_com_google_code_gson_gson_2.8.5]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 17][]

其他类的代码我直接写到一个记事本中，你可以直接下载复制粘贴。

链接：[https://download.csdn.net/download/vibugs/10912808][https_download.csdn.net_download_vibugs_10912808] 有多余csdn积分的看在我码了那么多字的份上下载一下吧

百度云链接：链接： https://pan.baidu.com/s/16mWf4fwZSfDrPlZVoPZf1g  
提取码：k6np

> ## 5.数据库的操作 ##

在进行数据库操作前，记得导入Mysql的jar包（导入方法上面有提到），版本号在最上面。可以用intellij Idea的工具，也可以直接使用Mysql命令行进行操作。这里的数据库操作主要是创建数据库，表和增加数据。

### **5.1 intellij idea的数据库操作** ###

点击右侧的Database

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 18][]

点击 + 号，选择Data Source--Mysql

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 19][]

**填写Name，填写用户名和密码，至于Database因为是第一次连接，还没有数据库，就可以不写**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 20][]

ok之后会生成一个控制台，在控制台中创建数据库，创建了再右键@localhost--properties把Database那一栏填上去。执行 快捷键是CTRL+ENTER

ps：我代码中DBConnection类里面的数据库名字起的是ttsx，改成你要设置的名字

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 21][]

然后继续输入以下语句

use mldn;        
    
    create table web(
           id           int             auto_increment     primary key,
           uid          VARCHAR(30)     not null ,
           img_path     varchar(60)     not null ,
           time         varchar(30)     not null ,
           reviews      varchar(30)     default '0',
           status       varchar(60),
           mistakes     varchar(30)
    
    );
    show tables ;
    desc web;

插入数据：

insert into web( uid, img_path, time, reviews, status, mistakes) VALUES ('tt','图片地址1','201812232053','3','没有','5');
    insert into web( uid, img_path, time, reviews, status, mistakes) VALUES ('tt','图片地址2','201812232053','0','没有','0');
    insert into web( uid, img_path, time, reviews, status, mistakes) VALUES ('aa','图片地址1','201812232053','2','没有','1');
    insert into web( uid, img_path, time, reviews, status, mistakes) VALUES ('aa','图片地址2','201812232053','2','没有','1');
    insert into web( uid, img_path, time, reviews, status, mistakes) VALUES ('aa','图片地址3','201812232053','2','没有','1');

### **5.2 连接服务器上的远程数据库** ###

很简单，只要把host那一栏的localhost改为服务器的IP就行了，其他跟上面本地数据库连接一致

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 22][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2018122513254760.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20181225132803839.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20181223212719158.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20181225135844785.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20181225135731797.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20181225140434475.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20181223213224245.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20181223213129331.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/201812251407193.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 9]: https://img-blog.csdnimg.cn/20190403211745154.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 10]: https://img-blog.csdnimg.cn/20190403212004508.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[https_www.cnblogs.com_deng-cc_p_6416332.html]: https://www.cnblogs.com/deng-cc/p/6416332.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 11]: https://img-blog.csdnimg.cn/20190403212301956.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[20181225145558574.png]: https://img-blog.csdnimg.cn/20181225145558574.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 12]: https://img-blog.csdnimg.cn/20181225145958460.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 13]: https://img-blog.csdnimg.cn/20181225150311174.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 14]: https://img-blog.csdnimg.cn/20181225151008317.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 15]: https://img-blog.csdnimg.cn/20181223214628176.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 16]: https://img-blog.csdnimg.cn/20181225151805824.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[http_repo1.maven.org_maven2_com_google_code_gson_gson_2.8.5]: http://repo1.maven.org/maven2/com/google/code/gson/gson/2.8.5/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 17]: https://img-blog.csdnimg.cn/20181225152400699.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[https_download.csdn.net_download_vibugs_10912808]: https://download.csdn.net/download/vibugs/10912808
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 18]: https://img-blog.csdnimg.cn/20181225153939778.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 19]: https://img-blog.csdnimg.cn/20181225154109610.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 20]: https://img-blog.csdnimg.cn/20181225154643782.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 21]: https://img-blog.csdnimg.cn/20181225155044652.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw_size_16_color_FFFFFF_t_70 22]: https://img-blog.csdnimg.cn/20181225210342115.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ZpYnVncw==,size_16,color_FFFFFF,t_70