JSP+Servlet+Javabean+jdbc-基于MVC模式的数据库的应用

一、实验目的：

掌握MVC模式的基本原理

掌握JSP+Servlet+JavaBean架构连接、查询、添加、修改、删除数据库的方法；

二、实验要求：

采用JSP+Servlet+JavaBean架构，设计通过下列JSP页面访问数据库(如表1-1)，具体的界面和结构要求如下：

    1．添加用户页面(AddUser.jsp),如图1-1所示；

    2. 删除用户页面(DeleteUser.jsp), 如图1-2所示；

3．查找和修改用户页面(SearchAndModify.jsp), 如图1-3所示。

4. 基于MVC的程序体系结构，如图1-4所示。

 

 

三、实验步骤：

1．准备需要访问的数据库

下载并安装MySQL5.0

准备MySQL5.0的JDBC驱动mysql-connector-java-5.0.8-bin.jar。

数据库的设计如下表：

数据库采用MySQL5.0，数据库名：mydb，表名：userinfo（用户表）

表1-1 数据库的用户表

序号	列名	数据类型	长度	主键	允许空	默认值	说明
1	username	varchar	40	是	否		用户名
2	password	varchar	40		是		口令

创建过程如下：(可选择使用MySQL的数据库管理和开发工具Navicat 和 MySQL-Front等)

Step1:进入MySQL程序的MySQL Command Line Client界面，如下图所示

Step2:分别执行下列命令：//支持中文

• 创建数据库：

CREATE DATABASE ‘mydb’

CHARACTER SET 'utf8'

COLLATE 'utf8_general_ci';

USE mydb;

②创建表:

CREATE TABLE `userinfo` (

`username` varchar(20) NOT NULL PRIMARY KEY,

`password` varchar(20)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

如果使用Myeclipse自带的数据库系统Derby，则操作过程如下：

在MyEclipse下面，启动Derby，工具按钮位于启动Tomcat之上。

然后将开发视图转换成：Database Explore或Java Persistence

在Connected to MyEclipse Derby上点右键，选择SQL Editor

2、代码开发过程如下：

Step1: 创建UserinfoVO:

UserinfoVO.java,内容如下：

package xpu.vo;

public class UserinfoVO {

private String username;//用户名

private String password;//口令

public UserinfoVO()

{

this.username="";

this.password="";

}

public void setUsername(String username) {

this.username = username;

}

public String getUsername() {

return username;

}

public void setPassword(String password) {

this.password = password;

}