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上的开发，虽花了不少时间，但让他们走上编程的这条不归路还是挺开心的~~
