软工第三次作业 -- 结对之AutoCS1.0

031302331 031302223

一.将初始排课表导入系统数据库

　　法1：通过jxl解析excel，把数据插入数据库。较简单，预计用时60分钟

　　我们采取的是

　　法2(预计用时30分钟)：我们使用的是MySQL来存储excel中的数据，Navicat for MySQL是MySQL的管理工具，下载地址：http://www.mysql.com/downloads/；安装好MySQL和Navicat for MySQL后，打开Navicat for MySQL:

1.新建一个表，就是MySQL中的表course,并设置好类型和主键；

2.建好course表后，右键选择导入向导，这次的数据保存在excel中，所以我们选择excel文件；

然后选择你要导入的文件的所在位置；

3.接下来填好栏位名行，第一个数据行，最后一个数据行，根据你要导入的excel文件进行填写；

4.接下来如图：

5.最后点击开始导入excel中的表格如图：

二.将系统数据库的排课数据 显示在 web界面里

1.首先下载好Myeclipse和tomcat-7.0.64

Mycelipse:http://www.my-eclipse.cn/

tomcat-7.0.64:http://download.csdn.net/download/coding_cc/6409105（推荐7.0解压版)

2.下载好后就要配置Tomcat服务器环境(要下载安装JDK)，

计算机->属性->高级系统设置->环境变量

新建一个变量名:JAVA_HOME,变量值为你JDK所在的目录；

新建一个变量名：CLASSPATH ，变量值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

编辑path的环境变量，变量值为：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

配置好环境后，测试Tomcat,打开浏览器，在地址栏中输入http://localhost:8080回车，如果看到Tomcat自带的一个JSP页面，说明你的JDK和Tomcat已搭建成功。

3.Myeclipse配置tomcat,由于myeclipse自带的tomcat不实用(网上有相应的讨论)，个人感觉也还是自己的好，并且配置文件也比较好修改如端口号主机名(关于tomcat web服务器，详情百度及官方文档)，在主界面 windows->Preference->>

 设置enable, 及本地tomcat的相应映射

4.打开Myeclipse,新建一个Web project,由于暂时不需要用到maven管理，这里我们新建时不勾选maven配置(不了解maven的请自行百度)

注意这边有一点：web.xml 一般在新建的时候勾选，当然也可以选择复制ROOT项目的进行修改。

5.项目结构：mvc 架构

Model层:

Course类

package com.c2.bean;

public class Course {
   private String nianji;
   private String zhuanye;
    private String renshu;
  private String mingcheng;
    private String leixing;
    private String xuefen;
    private String xueshi;
    private String shiyanxueshi;
    private String shangjixueshi;
    private String zhouxu;
    private String jiaoshi;
    private String beizhu;
  //setter and getter ..  关于变量命名，这边使用pinyin不够规范 建议驼峰法

}  

Control层

CourseServlet

package com.c2.servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;  

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;  

import com.c2.bean.Course;
import com.c2.util.DBConnection;

public class CourseServlet extends HttpServlet {  

   public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {  

        this.doPost(request, response);
    }  

    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {  

        DBConnection db = new DBConnection();  

        String sql = "select * from Course";  

        ArrayList<Course> list = db.getCourseList(sql);  

        request.setAttribute("list", list);
        request.getRequestDispatcher("index.jsp").forward(request, response);
    }  

  }  

具体的业务逻辑，接受post 请求 和 get 请求，在这里我们接受get请求，然后去用工具类(见下文)去数据库拿数据，最后放到Attribute值域中，通过转发在jsp中取得数据；

工具类：

数据库操作 注意要

package com.c2.util;

import java.sql.DriverManager;
import java.sql.ResultSet;
import java.util.ArrayList;

import com.c2.bean.Course;
import com.mysql.jdbc.Connection;
import com.mysql.jdbc.Statement;

public class DBConnection {

    /**
     * 驱动类名称
     */
    private static final String DRIVER_CLASS = "com.mysql.jdbc.Driver";

    /**
     * 数据库连接字符串
     */
    private static final String DATABASE_URL = "jdbc:mysql://localhost:3306/coursemanagement";

    /**
     * 数据库用户名
     */
    private static final String USER_NAME = "root";

    /**
     * 数据库密码
     */
    private static final String PASSWORD = "";

    /**
     * 数据库连接类
     */
    private static Connection conn;

    /**
     * 数据库操作类
     */
    private static Statement stmt;

    // 加载驱动
    static{
        try {
            Class.forName(DRIVER_CLASS);
        } catch (Exception e) {
            System.out.println("加载驱动错误");
            System.out.println(e.getMessage());
        }
    }

    // 取得连接
    private static Connection getConnection(){

        try {
            conn = (Connection) DriverManager.getConnection(DATABASE_URL, USER_NAME, PASSWORD);
        } catch (Exception e) {
            System.out.println("取得连接错误");
            System.out.println(e.getMessage());
        }
        return conn;
    }

    public void ExecuteDel(String sql){

        try {
            stmt = (Statement) getConnection().createStatement();
        } catch (Exception e) {
            System.out.println("statement取得错误");
            System.out.println(e.getMessage());
        }

        try {
            int rows = stmt.executeUpdate(sql);
            if(rows >= 1){
                System.out.println("成功删除.....");
            } else {
                System.out.println("删除失败.....");
            }

        } catch (Exception e) {
            // TODO: handle exception
        }

    }

    public ArrayList<Course> getCourseList(String sql){

        ArrayList<Course> list = new ArrayList<Course>();

        // 取得数据库操作对象
        try {
            stmt = (Statement) getConnection().createStatement();
        } catch (Exception e) {
            System.out.println("statement取得错误");
            System.out.println(e.getMessage());
            return null;
        }

        try {

            // 查询数据库对象,返回记录集(结果集)
            ResultSet rs = stmt.executeQuery(sql);

            // 循环记录集，查看每一行每一列的记录
            while (rs.next()) {
                // 第一列 sno

                Course stu = new Course();
                int i=1;
                stu.setNianji(rs.getString(i++));
                stu.setZhuanye(rs.getString(i++));
                stu.setRenshu(rs.getString(i++));
                stu.setMingcheng(rs.getString(i++));
                stu.setLeixing(rs.getString(i++));
                stu.setXuefen(rs.getString(i++));
                stu.setXueshi(rs.getString(i++));
                stu.setShiyanxueshi(rs.getString(i++));
                stu.setShangjixueshi(rs.getString(i++));
                stu.setZhouxu(rs.getString(i++));
                stu.setJiaoshi(rs.getString(i++));
                stu.setBeizhu(rs.getString(i++));
                list.add(stu);
            }

        } catch (Exception e) {
            System.out.println(e.getMessage());
        }
        return list;
    }
}

表现层：

index.jsp

通过使用jstl来输出数据

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'index.jsp' starting page</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
  </head>

 <body>

      <table border="1">
          <tr>
              <td>年级</td>
              <td>专业</td>
              <td>专业人数</td>
              <td>课程名称</td>
              <td>选修类型</td>
              <td>学分</td>
              <td>学时</td>
              <td>实验</td>
              <td>上机</td>
              <td>起讫周序</td>
              <td>任课教师</td>
              <td>备注</td>
              <td></td>
          </tr>

          <c:forEach items="${list}" var="stu">
              <tr>
                  <td>${stu.nianji }</td>
                  <td>${stu.zhuanye }</td>
                  <td>${stu.renshu }</td>
                  <td>${stu.mingcheng }</td>
                  <td>${stu.leixing }</td>
                  <td>${stu.xuefen }</td>
                  <td>${stu.xueshi }</td>
                  <td>${stu.shiyanxueshi }</td>
                  <td>${stu.shangjixueshi }</td>
                  <td>${stu.zhouxu }</td>
                  <td>${stu.jiaoshi }</td>
                  <td>${stu.beizhu }</td>
              </tr>
          </c:forEach>
      </table>

  </body>
</html>

当然在提交的时候可能会出现乱码，不过我们在编码之前，队伍已经做了些规范，字符集用的是UTF-8, 关于乱码出现情况，请看我的另一篇博客乱码之UTF-8 &GBK

当然 写到这里，你可能会想，浏览器的地址是如何映射到servlet, 刚刚那个web.xml有什么用？ 没错，配置就是在里面配置的 参考下面我们的代码，或许你应该就看懂了

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
  <display-name>C2</display-name>
  <servlet>
    <servlet-name>CourseServlet</servlet-name> <!-- 要与下面mapping的一致-->
    <servlet-class>com.c2.servlet.CourseServlet</servlet-class> <!-- 详细到具体的类名， 相当于android端的组件注册-->
  </servlet>
  <servlet-mapping>
    <servlet-name>CourseServlet</servlet-name>
    <url-pattern>/test</url-pattern> <!-- 拦截浏览器的请求地址 -->
  </servlet-mapping>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file> <!-- 默认域名：端口号/项目名 时打开的页面，从上往下找 -->
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
</web-app>

6.启动项目，

然后看到窗口出现启动信息，在浏览器输入 localhost:8080/c2/test 出现如下

具体的过程就是这样。当然若采用servlet3技术，可减少web.xm的配置

源码的Github链接:https://github.com/FZU2015France/CourseManagement

PSP表格：

Github上的commit的日志:69bc812c0b3041b04e87d95b3b3337fa3ac193dc

                                      cc7f93672065163a0ad14195f6c64c7a9bd31d4b

我们结对时的照片：

小结：

结对分工的好处可以用1+1>2来形容，每个成员都有自己较为擅长的一部分，比如说队友比较擅长数据库方面，而我比较擅长web方面的技术，通过交流那大家就都学到其他比薄弱之处。另外，由于AutoCS需求不太明确，我们只是做了最简单的功能，解析和显示。除此之外，通过给其他队伍的同学教导和讲解Android和java web上的开发，虽花了不少时间，但让他们走上编程的这条不归路还是挺开心的~~