支持增删查改的简单Java Web通讯录详细教程【基于Mac OS+IDEA+Servlet+JDBC+Tomcat】

本文将以Web版通讯录的形式介绍一个支持简单增删查改的Java Web项目，软硬件环境基于Macbook Air M2+macOS Ventura 13.1+IntelliJ IDEA 2022，技术栈为：Java Servlet+JDBC。文中有全部完整代码！！亲测有效！！

一、准备工作

1.配置Tomcat服务器

见链接🔗： Mac OS配置Tomcat服务器教程

2.配置MySQL数据库并连接数据库GUI管理工具

首先配置MySQL数据库，教程见链接🔗：Mac OS安装配置MySQL 8.0.31教程；然后连接一个数据库GUI管理工具，笔者使用的是Navicat Premium 16.0.7，也可以使用如Sequel Ace、DBeaver等平替，当然也可以使用MySQL命令行直接操作。

关于Navicat安装还有一点要提到的：此处默认已经安装完成该软件。由于Navicat是付费软件，如果大家是Navicat学术伙伴计划的合作高校的学生，可以通过Navicat学术伙伴计划官网申请Navicat教育版本，如果不是，笔者建议可以找找破解教程或者移步“某宝”买一个，很便宜，也可以私信笔者，笔者手中有Navicat Premium 16.0.7 for Mac（支持M系列芯片和Inter芯片）。接下来介绍如何在Navicat中连接本地MySQL数据库。

打开Navicat，点击左上角连接，然后选择MySQL。
自定义一个连接名，输入MySQL密码。

然后点击左下角的“测试连接”，提示连接成功，点击“好”并点击“保存”。至此，Navicat Premium成功连接本地MySQL。

3.新建一个基础Java Web工程

见链接🔗：Mac OS搭建基础Java Web工程详细教程【Intellij IDEA 2022.2】，教程与本项目不同的地方为，本项目使用的JDK版本为17，具体为Oracle OpenJDK version 17.0.5，如果没有，可以到官网下载安装Java SE Development Kit 17.0.5 downloads。
搭建好后，项目的基础结构如下：

二、数据库准备

本项目以最简单的通讯录进行，通讯录内包括【姓名】和【联系方式】两部分，除此之外还需要一个数据库内部ID用于精准定位和方便增减数据。
在本地MySQL数据库下新建一个数据库命名为address_book，右击Local MySQL，点击“新建数据库”，在数据库名处输入“address_book”，然后点击“好”。


双击数据库address_book将其打开，然后在该数据库下右击“表”点击新建表（或command+N快捷新建），新建一个数据表(table)，在表中新建三个字段，分别为ID、Name和Phone_number，字段类型、长度、null和主键设置如下图，注意ID要勾选自动递增，小窗左上角点击保存，并命名为address_book_data，点击“保存”。


如下图所示，在address_book数据库下能够找到address_book_data数据表即可，项目的所有通讯录数据将存储于该table中，此时数据库准备完成。

三、项目结构及代码

1.项目依赖配置

a.数据库配置

在本项目中，由于需要进行JDBC操作，所以需要引入对应的jar包，下载mysql-connector-j，进入MySQL官方下载地址，“Select Operating System”选择“Platform Independent”，然后点击Download下载，下载好后解压缩，在解压文件中找到“mysql-connector-j-8.0.31.jar”文件，并复制到下图中项目文件夹下（项目文件夹–>web–>WEB-INF–>lib，lib文件夹没有的话在IDEA中新建一个就可以了）。

b.Tomcat配置

在IDEA中，File–>Project Sturcture（或者或command+；快捷打开）。

点击小加号，然后选择“Library”。

选择“Tomcat10.0.27”，然后点击“Add Selected”，并点击“OK”退出“Project Sturcture”。

2.项目结构

如下图，极为整个项目的详细结构，重点分为四个部分：后端Class类、前端JSP页面、lib目录下的jar以及IDEA的External Libraries配置。

3.项目代码与成果

Talk is cheap, show you my code.
笔者已经上传了完整代码，请移步此处：https://download.csdn.net/download/weixin_43805744/87383407。文件中不包括数据库文件，个人建议不要直接在IDEA中导入该项目，而是解压之后按照教程完成建立配置一次本项目。（如果打不开链接，说明刚刚上传CSDN还在审核中，等等应该就有了，着急的话可以私信笔者～）

如下图所示即为Web前端的基本页面，增删查改功能分别对应“添加数据”、“删除”、“查找”和“编辑”。其中在编辑和添加数据时，系统会自动检测电话号码的合法性，具体实现方法可见链接🔗：JAVA正则表达式校验中国大陆手机号段【2022年2月】。

四、一些额外要提到的

1.本项目使用的Tomcat版本为Tomcat 10，如果大家使用的是Tomcat 8、Tomcat 9等早期版本，要注意到，在10.0更新之后，原先的javax.servlet-api已经被更新为了 jakarta.servlet-api，所以所有javax依赖全部要改成jakarta依赖。

2.都看到这儿啦，如果对你有帮助的话，点赞收藏一下吧！