JavaWeb课程登录界面

1.程序设计思想

 

⑴定义一个类连接MySQL的方法,实现添加课程信息的方法,以及关闭资源的方法。

 

⑵定义异常类,类中自己定义各种异常处理。

 

⑶在html文件中,绘制界面,对于任课教师以及上课地点的限制利用下拉菜单控制。

 

⑷在JSP文件中,先接受用户传递过来的参数,调用类中定义的添加课程信息的函数,成功,则 “显示添加课程成功!”。

 2.源程序代码

addcoure.jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加课程</title>
</head>
<body>
<jsp:useBean id="add" class="User.AddCourse"/>
<%
request.setCharacterEncoding("UTF-8");
String name=(String)request.getParameter("name");
String teacher=(String)request.getParameter("teacher");
String point=(String)request.getParameter("point");
try{
    add.addCourse(name, teacher, point);
    out.print("<script language='javaScript'> alert('添加课程成功!');</script>");
    response.setHeader("refresh", "0;url=course.html");
}
catch(Exception e){
    out.print("<script language='javaScript'> alert('"+e.getMessage()+"');</script>");
    response.setHeader("refresh", "0;url=course.html");
}
%>
</body>
</html>

course.html:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>添加课程信息</title>
</head>

<body>
    <center>
        <h1 style="color:orange">添加课程信息</h1>
        <form action="addcourse.jsp" method="get">
            <table border="0">
                <tr>
                    <td>课题名称</td>
                    <td>
                        <input type="text" maxlength="8" name="name">
                    </td>
                </tr>
                <tr>
                    <td>任课教师:</td>
                    <td>
                        <select name="teacher">  
                            <option value="王建民">王建民</option>  
                            <option value="刘立嘉">刘立嘉</option>  
                            <option value="杨子光">杨子光</option> 
                            <option value="刘丹">刘丹</option> 
                            <option value="王辉">王辉</option> 
                        </select> 
                    </td>
                </tr>
                <tr>
                    <td>上课地点:</td>
                    <td>
                        <select name="point">  
                            <option value="一教">一教</option>  
                            <option value="二教">二教</option>  
                            <option value="三教">三教</option> 
                            <option value="基教">基教</option>  
                        </select> 
                    </td>
                </tr>
            </table>
        </form>
        <input type="button" value="保存" onclick="confir()">
    </center>
</body>
</html>
<script language="javascript">
function confir(){
    var n=document.forms[0].name.value;
    if(n==""){
        alert("课程名称输入为空!");
    }
    else{
        document.forms[0].submit();

    }

}
</script>

Addcourse.java:(放置在src中的User包)

package User;

import java.sql.*;

public class AddCourse{

    String url = "jdbc:mysql://localhost:3306/login" ;
    private String username = "root";
    private String password = "123456";
    private Connection conn = null;
    private PreparedStatement pstmt = null;

    public AddCourse(){
        try{

            Class.forName("com.mysql.jdbc.Driver");
            conn = DriverManager.getConnection(url, username, password);
        } 
        catch (Exception ex) {
            System.out.println(ex.getMessage());
        } 
        
    }

    public void addCourse(String name,String teacher,String point){
        try{
            String sql = "insert into class_table values('"+name+"','" +teacher+ "','"+point+"')";
            pstmt=conn.prepareStatement(sql);
            int rst=pstmt.executeUpdate();
            if(rst!=0){
                System.out.println("Insert Success!");
            }
            else{
                System.out.println("Insert Fail!");
            }
        }
        catch(Exception e){
            System.out.println(e.getMessage());
        }
        finally{
            this.close();
        }
        
    }

    public void close(){
        try {
            if(conn!=null){
                conn.close();
            }
            if(pstmt!=null){
                pstmt.close();
            }
        }
        catch (SQLException e) {
            System.out.println(e.getMessage());;
        }
    }
}

 3.程序运行截图

保存成功后的反馈

 

 

主界面

表1  缺陷记录日志

日期

编号

类型

引入阶段

排除阶段

修复阶段

修复缺陷

2017/11/28

1

jsp界面

编码

编译

10min

 

由于是在已有代码基础上修改,因此许多命名需要修改。

 

2

数据库连接

编码

编译

3min

 

原有程序是通过SQL连接,修改为MySQL数据库连接

 

3

登录界面

编码

编译

10min

 

对登录界面修改教师名称和教室地点

 

表2 时间记录日志

学生     李婷婷                              日期   2017/11/28 

教师     王建民                              课程  软件工程概论

日期

开始时间

结束时间

中断时间

净时间

活动

备注

2017/11/28

9:05

9:55

0

50min

连接数据库、界面

 

 

14:00

18:00

50min

190min

改程序、开会

 

 

19:00

21:00

30min

90min

写博客、社团

 

posted @ 2017-11-28 19:40  Someday&Li  阅读(526)  评论(0编辑  收藏  举报