石家庄地铁查询系统（双人项目）（续）

合作人：张思远

1、石家庄地铁规划图

本系统是基于以上的石家庄地铁规划图来实现的。

2、功能设计

（一）数据库设计

　　数据库中只有一个数据表。

　　数据表结构为{lineid, stationname, tinformation, ordnum}

　　数据表结构的含义为（线路号，站点名，换乘信息，站点在自己线路上的顺序），其中换乘信息记录的是该站点所在的另一条线路。

　　石家庄地铁查询系统（双人项目）（续）

（二）站点查询

　　用户可通过输入起始站和终点站来查询线路信息，查询到的线路信息包括：换乘最少的线路、站点最少的线路，线路信息由文本域显示。

　　石家庄地铁查询系统（双人项目）（续）

（三）地图显示

　　我们组和陈欢、王嘉梁他们组，以上面的石家庄地铁规划图为标准，一起做了svg图。

　　通过js代码可控制地图的放大、缩小、拖拽。

　　石家庄地铁查询系统（双人项目）（续）

3、相关代码

　　（一）前端页面

　　　石家庄地铁查询系统（双人项目）（续）

　　　　1）

　　　　主页面为main.jsp，其为一个框架，分为三部分：head、index_in、foot。

　　　　head：head.jsp，为页眉。

　　　　index_in：index_in.jsp，其为一个小框架，分为两部分：search、map。

　　　　　　search：search.jsp，用于搜索线路和显示线路。

　　　　　　map：map.jsp，用于显示地图。

　　　　foot：foot.jsp，为页脚。

　　　　2）代码

　　　　main.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>

<style type="text/css">

.headframe{
    width:100%;
    height:150px;
    border:0;
}

.mainframe{
    width:100%;
    height:500px;
    border:0;
}

.footframe{
    width:100%;
    height:60px;
    border:0;    
}

</style>

</head>
<body>

<iframe src="head.jsp" class="headframe" scrolling="no"></iframe>
<iframe src="index_in.jsp" class="mainframe" scrolling="no" name="mainAction"></iframe>
<iframe src="foot.jsp" class="footframe" scrolling="no"></iframe>

</body>
</html>

main.jsp