一、目的及使用软件

1、目的：

通过JSP网页连接MySQL数据库，从MySQL数据库中读出一张表并显示在JSP网页中。写出实验过程报告。
完善上周JSP写的网页。实现一个查询单词的网页，能依据拼写、词性、难度范围等信息查出所需词汇的释义来。网页可参照金山词霸、汉典、有道等的风格。要求建立大学四级、六级词汇表（可从网上找来）放到MYSQL数据库中，至少包括：单词、词性、释义、难度（标记是4级的还是6级还是其他）。

2、使用软件：

Eclipse，tomcat，JDBC

二、Tomcat加载

JDBC加载入eclipse已经在上一节介绍过，不再赘述。

1、tomcat下载。

在tomcat官网下载7.0或8.0.
##2、tomcat加载
打开eclipse，之后上边的Window->Preferences->Server->Runtime Environments
这里写图片描述
Add

选择Tomcat7.0->next

选择路径，并选择JRE为JDK1.8

完成之后新建一个 Dynamic Web project 项目，之后左边列表，右键单击项目
Build Path->Configure Build Path…->java Build Path->Libraries
这里写图片描述
ADD Library

Server Runtime

选择Tomcat7.0

三、代码及其示意：
1、JSP表格静态网页代码：

<%@ page language="java" import="java.util.*, java.sql.*" pageEncoding="gb2312"%>  <% /* 加载需要用的包，以及需要用的字码 */ %>

<%  
String path = request.getContextPath();  //路径
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";     //基本路径
%>  
<%request.setCharacterEncoding("UTF-8");%>   
<%response.setCharacterEncoding("UTF-8");%>   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  

<style type="text/css">  
table{ width:800px; margin:auto; padding: 5px; font-size:12px; border:0px; background:#00CCFF;}  
tr{ background:#fff;}  
td{ padding: 5px;}  
#title{ text-align:center;}  
</style>  <% /* 表格格式 */ %>
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>student</title>  
</head>  

<body>  
 <%  
 //连接MySQL数据库   
    Class.forName("com.mysql.jdbc.Driver").newInstance();  //驱动数据库
    String url="jdbc:mysql://localhost:3306/runoob";  //选择数据库地址和一个数据库。
    String user="root";  //设置用户名字符串
    String password="123";  //设置密码字符串
    Connection conn = DriverManager.getConnection(url, user, password);  //把地址和用户名，密码输入进去。
    Statement st = conn.createStatement();  //st赋值数据库系统

 %>  
    <table >  
  <tr>  
    <td width="174" id="title">ID</td>  
    <td width="449" id="title">NAME</td>  
    <td width="161" id="title">SCORE</td>  
  </tr>  

<%  
    //把表格第二行的显示放到while循环中，就可以根据查询结果画出表格了。参数则放在<td>内的相应位置。  
    ResultSet rs = st.executeQuery("SELECT * FROM student");  //在数据库中输入查询
    while(rs.next()){%>  

  <tr>  
    <td width="174" ><%=rs.getString("stu_id") %></td>  
    <td width="449" ><%=rs.getString("stu_name") %></td>  
    <td width="161"><%=rs.getString("stu_score") %></td>  
  </tr>  
  <% /* 循环输出stu_id，stu-NAME,stu_score到一张表*/ %>
<%}  
//注意"}"的位置 %>  
 </table>  

<%  
    rs.close();  
    conn.close();  
 %>   
</body>  
</html>

2、JSP单词查询代码

<%@ page language="java" import="java.util.*, java.sql.*" pageEncoding="gb2312"%>  <% /* 加载需要用的包，以及需要用的字码 */ %>
<%  
String path = request.getContextPath();  //路径
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  //基本路径
%>  
<%request.setCharacterEncoding("UTF-8");%>   
<%response.setCharacterEncoding("UTF-8");%>   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>查单词</title>
</head>
<body>
<%
    out.println("单词查询系统");  //输出一个标题
%>

 <form >
word:<br>
<input type="text" name="word" id="aa">  <% /* 建立一个录入格 */ %>
<br><br>
 <input type="button" value="查询 "/>
<%
        //save info
   String abc=request.getParameter("word");   //返回输入的单词字符串给abc
              //......
 %>
 <%  
 //连接MySQL数据库   
    Class.forName("com.mysql.jdbc.Driver").newInstance();  //驱动数据库。
    String url="jdbc:mysql://localhost:3306/sys";  //数据库地址
    String user="root";  //用户名
    String password="123";  //密码
    Connection conn = DriverManager.getConnection(url, user, password);  //输入地址，用户名，密码。
    Statement st = conn.createStatement();  //把数据库系统赋给ST

    try {
        String SQL = "SELECT * from dic";  
        ResultSet rs = st.executeQuery(SQL);  //查询语句，查询DIC

          while(rs.next()){
              //Retrieve by column name

              String first = rs.getString("word");  //读取到的WORD为标签的数据值赋值给first
              String last = rs.getString("trans");//读取到的trans为标签的数据值赋值给last


      if(first.equals(abc)){        //当first和abc相等的时候
              System.out.print(" 单词: " + first);  //输出单词
              System.out.println(" 意义: " + last);  //输出意义
              String tran=last;%>
              <tr>  
              <td width="174" ><%=rs.getString("word") %></td>  //输出单词
              <td width="449" ><%=rs.getString("phonetic") %></td>  //输出音标
              <td width="449" ><%=rs.getString("trans") %></td>  //输出意义

            </tr>  

          <%}
           }  
          rs.close();
       }catch(SQLException se){
              //Handle errors for JDBC
              se.printStackTrace();
           }catch(Exception e){
              //Handle errors for Class.forName
              e.printStackTrace();
           }
%>  

</form>
    <table >  
  <tr>  
    <td width="174" id="title">作者:</td>  
    <td width="449" id="title">黄思嘉</td>  
    <td width="161" id="title">THANKS</td>  
  </tr>  
      </table>

</body>
</html>

四、运行结果截图：
1、表格程序
这里写图片描述
2、查单词程序

五、总结：
使用了，java和HTML混编，让程序格式看起来很杂乱，下次改进。
查单词程序未加入词汇难易查询，单词表导入还有问题，下次改进。

Tmoact和数据库在eclipse的加载，以及一个单词查询的小例子

一、目的及使用软件

1、目的：

2、使用软件：

二、Tomcat加载

1、tomcat下载。

猜你喜欢