问如何把Java的JDBC代码和index.jsp连接起来

我最近新接触JavaEE。结果我不知道怎么办，贴上代码。
这是Java代码（Connection类）

import java.sql.*;
public class Connection {
public static void connect(String username,String password){
    try {
        Class.forName("com.mysql.jdbc.Driver");
        Connection con=(Connection) DriverManager.getConnection("jdbc:mysql://localhost:3306/sys","root","ASD123zxc,./");
        String sql="insert into table1 values ('"+username+"','"+password+"');";
        Statement sta=((java.sql.Connection) con).createStatement();
        sta.execute(sql);
        sta.close();
        ((java.sql.Connection) con).close();
    } catch (SQLException e) {
        // TODO Auto-generated catch block
        e.printStackTrace();
    }
    catch (ClassNotFoundException e) {
        // TODO Auto-generated catch block
        e.printStackTrace();
    }
}
}

这是index.jsp的html代码（我这里只显示body部分的代码）

<table border="0">
 <tr>
    <th>用户名</th>
    <th><input type="text" name="username"></input></th>
    <tr>
    <th>密码</th>
    <th><input type="password",name="password"></input></th>
    </tr>
    <tr>
    <th align="center">
   <button type="submit" name="sure">确定</button>
    </th>
    </tr>
   </table>

我的目的是在用户名和密码框里输入信息，然后点击确定按钮，用户名和密码框里的内容会插入到mysql数据库中，应该怎么做呢？

到servlet里面查询数据出来，然后用request.setAttribute方法设置变量，页面使用request.getAttribue方法获取，或者用标准标签库获取。

JDBC代码是操作数据库的东西【处理数据，相当于DAO层】，index.jsp是展示给用户看的界面（html（主）+java【辅】，相当于视图层），联系两着就是逻辑层，例如servlet（可以去补一下javaweb中的servlet知识点）：
servlet职责：1、接收请求参数（例如 你这里的视图层是 index.jsp, 在浏览器发送一个 ***.index.jsp的请求，然后，你的index.jsp有表单form，也有input输入框，例如输入一个数据是name=“小明”，然后提交表单给后台【即java程序---servlet类，在servlet类中接收到请求】）2、调用业务方法处理请求（例如 你这里使用的jdbc，那就调用你jdbc的接口，例如查询数据库中学生表中学生姓名是小明的学生信息，然后通过将学生信息设置到请求属性req.setAttribute("stu", stu)）3、控制界面跳转时，选择请求转发的方式（才可以共享数据给jsp 界面），jsp拿到学生信息可以用列表的方式展示出来