《web应用技术》第二次课后练习

news2024/11/15 22:58:29

练习目的：

1、form表单值的获取

2、mysql数据库及表的建立（参见视频）

3、maven项目的建立（参见视频）

4、使用jdbc进行数据库的增删改查操作。（参见源代码）

具体如下：

1、继续理解练习form表单值的获取。

<%@ page language="java" contentType="text/html" pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <title>'index.jsp'</title>
</head>

<body>
<form action="1-2.jsp" method="post">
  <ul style="list-style: none; line-height: 30px">
    <li>
      输入用户姓名：
      <input type="text" name="name" />
      <br />
    </li>
    <li>
      选择性别：
      <input name="sex" type="radio" value="boy" />
      男
      <input name="sex" type="radio" value="girl" />
      女
    </li>
    <li>
      选择密码提示问题：
      <select name="question">
        <option value="母亲生日">
          母亲生日
        </option>
        <option value="宠物名称">
          宠物名称
        </option>
        <option value="电脑配置">
          电脑配置
        </option>
      </select>
    </li>
    <li>
      请输入问题答案：
      <input type="text" name="key" />
    </li>
    <li>
      请选择个人爱好：
      <div style="width: 400px">
        <input name="like" type="checkbox" value="dangce" />
        唱歌跳舞
        <input name="like" type="checkbox" value="web" />
        上网冲浪
        <input name="like" type="checkbox" value="hill" />
        户外登山
        <br />
        <input name="like" type="checkbox" value="sports" />
        体育运动
        <input name="like" type="checkbox" value="reading" />
        读书看报
        <input name="like" type="checkbox" value="movie" />
        欣赏电影
      </div>
    </li>
    <li>
      <input type="submit" value="提交" />
    </li>
  </ul>
</form>
</body>
</html>

<%@ page language="java" contentType="text/html" pageEncoding="GBK"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>'show.jsp'</title>
</head>

<body>
<ul style="list-style:none; line-height:30px">
    <li>输入用户姓名：<%=new String(request.getParameter("name").getBytes("ISO8859_1"),"GBK") %></li>
    <li>选择性别：<%=new String(request.getParameter("sex").getBytes("ISO8859_1"),"GBK") %></li>
    <li>选择密码提示问题：<%=new String(request.getParameter("question").getBytes("ISO8859_1"),"GBK") %></li>
    <li>
        请输入问题答案：<%=new String(request.getParameter("key").getBytes("ISO8859_1"),"GBK") %>
    </li>
    <li>
        请选择个人爱好：
        <%
            String[] like =request.getParameterValues("like");
            for(int i =0;i<like.length;i++){
        %>
        <%= new String(like[i].getBytes("ISO8859_1"),"GBK")+"&nbsp;&nbsp;" %>
        <%
            }
        %>
    </li>
</ul>
</body>
</html>

2、安装mysql数据库以及navcat。

数据库相关的操作，大家可以参考视频：Day06-01. MySQL-课程介绍_哔哩哔哩_bilibili

mysql安装【mysql-8.0.31-winx64】版本。安装方法参考：mysql系列教材（一）- 安装mysql-server

navicat安装见qq群文件。

相关mysql以及navicat使用方法大家网络中找找，自学。

3、新建数据库和数据库的表。大家可以建立自己的表。

4、新建maven项目，进行数据库的操作。（自己下载jdbc的方式，大家可以忽略，不做练习。）

大家参考【day04-Maven】中的3.2.1新建maven项目。

需要修改的地方如下，改成自己的数据库名称，用户名和密码。

全部代码如下：

package edu.wust;
import java.sql.*;

public class HelloJDBC {
    public static void main(String[] args) {

        try {
            Class.forName("com.mysql.jdbc.Driver");

            Connection c = DriverManager
                    .getConnection(
                            "jdbc:mysql://127.0.0.1:3306/how2java?characterEncoding=UTF-8",
                            "root", "123");

            Statement s = c.createStatement();

            // 准备sql语句
            // 注意： 字符串要用单引号'
            String sql = "select * from category_";
            ResultSet rs =s.executeQuery(sql);

            while (rs.next()) {
                System.out.println( rs.getString(2) );
            }

        } catch (ClassNotFoundException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }

    }
}

5、jdbc在pom.xml中的编辑。

maven相关操作，可以看下视频，里面有详细的操作步骤：Day04-01. maven-课程介绍_哔哩哔哩_bilibili

进入网站https://mvnrepository.com/，搜索jdbc mysql关键字