通过JSP网页连接MySQL数据库，读出一张表并显示在JSP网页中

深碍√TFBOYSˉ_ 2022-05-10 01:40 194阅读 0赞

##### 学习目的： #####

*  通过JSP网页连接到MySQL数据库
 *  在MySQL数据库中建立一张数据表
 *  将建立的表显示在JSP网页中

##### 准备工作： #####

*  [下载安装MySQL  
    ][MySQL]
 *  [下载安装MySQL可视化工具Navicat Premium  
    ][MySQL_Navicat Premium]
 *  [下载安装Tomcat  
    ][Tomcat]
 *  [下载JDBC驱动mysql-connector-java-8.0.11  
    ][JDBC_mysql-connector-java-8.0.11]

### 01. [用Navicat Premium建立数据表][Navicat Premium] ###

打开Navicat Premium–>【连接】–>【MySQL】–>【连接名：新建数据库的名字，此处为“本地”】；【主机：你本机的ip地址或者直接输入’localhost’】；【端口：一般为默认的3306】；【用户名：默认为‘root’】；【密码：进入mysql命令时设置的密码】–>【确定】。之后点击建立的连接就可查看数据库内容。  
![在这里插入图片描述][70]

> 【Navicat Premium 具体建表过程参见：  
> [https://blog.csdn.net/yangdan1025/article/details/80578675][Navicat Premium] 】

**建立一张简单的成绩表：**

![在这里插入图片描述][70 1]

### 02. Tomcat的设置 ###

##### ① 将JDBC驱动【**mysql-connector-java-8.0.11-bin.jar**】文件拷贝到Tomcat安装目录下的【lib】文件夹中。用于JDBC连接数据库。 #####

**注意：拷贝后须重启Tomcat，否则无效**，会导致无法找到文件。  
![在这里插入图片描述][70 2]  
![在这里插入图片描述][70 3]

##### ② [启动Tomcat][Tomcat] #####

*  双击bin目录下的【startup.bat】，或者在bin目录下打开命令窗口，输入【startup.bat】，回车。  
    ![70 4][]
 *  右键点击任务栏Tomcat图标，【Start service】灰色字体，否则点击【Start service】启动。  
    ![在这里插入图片描述][70 5]

##### ③ 测试 #####

启动后打开任意浏览器，在浏览器的地址栏中输入【[http://localhost:8080/】][http_localhost_8080] 或是【[http://127.0.0.1:8080][http_127.0.0.1_8080]】，如果出现以下界面，说明安装配置成功。  
![在这里插入图片描述][70 6]

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

**BUG**：当输入【[http://localhost:8080/】][http_localhost_8080] 或是【[http://127.0.0.1:8080][http_127.0.0.1_8080]】时均无法打开网页，显示如下界面  
![在这里插入图片描述][70 7]  
**Reason：**有可能是默认的8080端口被占用了  
**Resolve：**进入Tomcat 9.0的安装目录下，打开目录下的【conf】文件中的【serve.xml】（右键编辑），将端口号8080改为【80】。  
![在这里插入图片描述][70 8]  
![在这里插入图片描述][70 9]  
或者直接卸载重装程序，重装时端口号不默认，改为80.  
改完以后，在浏览器地址栏输入【[http://localhost:80][http_localhost_80]】或【localhost】，此时测试成功。  
![在这里插入图片描述][70 10]

其他参见：[https://jingyan.baidu.com/article/455a9950a312a5a166277812.html][https_jingyan.baidu.com_article_455a9950a312a5a166277812.html]

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

### 03. JSP连接数据库 ###

##### ① 建立JSP文件 #####

在Tomcat安装目录下找到【webapps】—>【ROOT】中建立一个JSP文件（此处为gra.jsp）  
![在这里插入图片描述][70 11]

##### ② 连接数据库 #####

将以下代码部分写入文件【gra.jsp】

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
 <%@ page import="java.sql.*"%>
 <%@ page import="com.mysql.jdbc.Driver" %> 
 <html>
 <head>
 <title>通过JSP读出数据表</title>
 </head>
 <body>
 <% 
 try {
 
 Class.forName("com.mysql.jdbc.Driver"); //驱动程序名
 String url = "jdbc:mysql://localhost:3306/test?&useSSL=false&serverTimezone=UTC"; // 获取mysql连接地址
 		 String username = "root"; //数据库用户名
 String password = "1025"; //数据库用户密码
 Connection conn = DriverManager.getConnection(url, username, password); //连接状态
 			//若数据库连接成功，则输出查询到的数据结果
 if(conn != null){
 
 				out.println("-------------------"); 
 out.print("数据库连接成功！"); 
 				out.println("-------------------"); 
 				out.println(" "); 
 				 out.print(" "); 
 				 out.print(" "); //换行 
 Statement stmt = null; //给实例赋初值为0
 ResultSet rs = null; //给结果赋初值为0
 String sql = "SELECT * FROM grade"; //查询语句,查询成绩表中的数据保存到sql
 stmt = conn.createStatement(); //把该对象也就是stmt将SQL语句传递给数据库管理系统执行,通常来说产生结果集，返回给ResultSet对象
 rs = stmt.executeQuery(sql);
 				out.println("-------------------"); 
 out.print("查询结果："); 
 				out.println("-------------------"); 
 out.print(" "); 
 				out.println(" "); 
 				 out.print(" "); 
 out.println("学号" + &nbsp" + "姓名"+"\t&nbsp"+"数学成绩"+"&nbsp"+"语文成绩"); 
 out.print(" "); 
 				//当结果集中还有数据时，依次输出这些数据
 				 //resultSet是你查询的结果集合，rs.next相当于一个指针返回true或false，起始位置为0，每调用一次向下移动一下，如果返回true说明还有记录
 while (rs.next()) {
 
 //将查询结果输出 
 				 out.println(rs.getString("学号")+" &nbsp&nbsp "+rs.getString("姓名")+" &nbsp "+rs.getString("数学成绩")+" &nbsp "+rs.getString("语文成绩")); 
 				 out.print(" "); 
 } 
 }
 else{
 
 out.print("连接失败！"); 
 } 
 			//抛出异常
 }catch (Exception e) {
 
 out.print("数据库连接异常！"); 
 } 
 %> 
 </body>
 </html>

注：一定要设置编码格式为【UTF-8】，否则会出现中文乱码  
以下为editplus的【UTF-8】编码方式设置。  
【文档】—>【文本编码】—>【转化文本编码】—>【UTF-8】  
![在这里插入图片描述][70 12]  
![在这里插入图片描述][70 13]

### 04. 在JSP网页中显示数据表 ###

![在这里插入图片描述][70 14]

[MySQL]: https://blog.csdn.net/yangdan1025/article/details/80545858
[MySQL_Navicat Premium]: https://www.cnblogs.com/chechen/p/8489076.html
[Tomcat]: https://blog.csdn.net/yangdan1025/article/details/82259153
[JDBC_mysql-connector-java-8.0.11]: https://blog.csdn.net/yangdan1025/article/details/80591012
[Navicat Premium]: https://blog.csdn.net/yangdan1025/article/details/80578675
[70]: /images/20220510/07edf36619a54364a29df23bed7c7d92.png
[70 1]: /images/20220510/5f0291faf34b42728ead1520e34d288e.png
[70 2]: /images/20220510/8891a0b242154e578c6d191da1d0f142.png
[70 3]: /images/20220510/ea1e2a554e6d43de9f2fbf7e9d1eacd8.png
[70 4]: /images/20220510/d8fd6be927ae48b299801c0b5f0d379b.png
[70 5]: /images/20220510/e1f356e6bd4248ccb899244e7c8682a9.png
[http_localhost_8080]: http://localhost:8080/%E3%80%91
[http_127.0.0.1_8080]: http://127.0.0.1:8080
[70 6]: /images/20220510/d39572322f5047009480cef21b8a05e4.png
[70 7]: /images/20220510/1f5d39f464e441b098bb11c559201b0c.png
[70 8]: /images/20220510/2b7f35bcd7fe48d4af195263f9cc15de.png
[70 9]: /images/20220510/43fd72534b7646058cc8312ce0099584.png
[http_localhost_80]: http://localhost:80
[70 10]: /images/20220510/ebb3470e284840d28a50fe05746f45a4.png
[https_jingyan.baidu.com_article_455a9950a312a5a166277812.html]: https://jingyan.baidu.com/article/455a9950a312a5a166277812.html
[70 11]: /images/20220510/ef235ef2047940d7bfa33b601b05d642.png
[70 12]: /images/20220510/351d54c039a841019157ba073cbc1938.png
[70 13]: /images/20220510/f680032c08fd4237a409d4cc994c3d0a.png
[70 14]: /images/20220510/9b39c9bcaab3487d9bf78b101ac02cba.png