果果:又开学了,你在为找自习室发愁吗?如果你是北师大的学生就有福了,因为有高人开发了自习室查询平台,可以实时了解全校哪里可以上自习,PC、手机查询都OK(http://class.bnubaike.cn)。你完全可以模仿一个这样的平台惠及全校师生,就让开发平台的同学手把手教你吧(如有不明之处,请发邮件至conan_wtn@mail.bnu.edu.cn、bnuzhouwei@mail.bnu.edu.cn)。
　　
　　建站背景:北师大有9个主要的教学楼,由于学生众多,自习室资源常常不足。我们亲身经历了这样的痛苦,一开始满怀激情地去上自习,到最后失望而归。2009年春天,我们开始开发在线查询每个教学楼每天排课情况的平台。
　　
　　实现过程:
　　1.教室数据存储结构
　　这个树形结构用什么载体实现查询呢?来看以下代码:
　　
　　(教学楼IP)
　　 (r00m是教室节点)
　　111100110000(w是星期节点)
　　001100001110(每周7天)
　　111111000022(每天12节课)
　　011100000000 (0 为无课)
　　110000001100 (1为有课)
　　011111111000 (2为有活动)
　　111111101100
　　
　　
　　
　　这段代码属于XML(Extensible Markup Language,可扩展标记语言),它与HTML一样都是标准通用标记语言。由于XML具有天然的树形结构,因此我们采用它作为数据载体,并按周建立相应的XML文件。展现层可以根据数字用不同的颜色区分无课、有课、有活动。在周次确定的情况下,可以用XPath很方便地查找给定教学楼、给定星期的教室安排。
　　
　　2.教室数据获取
　　北师大教务网络管理系统里可以查询每个教室一周的课表,但是同学们不可能每次上自习前都查遍几百个教室,因此我们搜集每个教室的数据,然后存储到之前所述的XML文件中,再通过更为直观的方式展现出来。
　　获取数据的原理和爬虫类似,抓取所有教室的排课情况,通过程序进行汇总处理,保存到我们设计的数据载体中。这里面需要用到页面的GET/POST请求、网页流处理、正则表达式替换等技术。
　　
　　3.用户界面设计
　　我们设计了简单易用的用户界面,用Fireworks制作各种精美的图片应用于网页,同时也设计了一些漂亮的图标标识各个楼宇,界面整体漂亮大方。有了良好的界面,更重要的是采用较好的方法来响应用户操作。这里我们用到了CSS技术和AJAX技术,比如当用户选择相应楼宇时,响应鼠标的Hover事件,把相应楼宇的图标变色或突出显示。当用户在各个楼宇之间切换的时候,局部刷新查询结果区域。
　　
　　4.评论和统计模块
　　这个基本全自动的网络应用平台从2009年7月正式上线后深受同学们的好评,已有接超过两万的访问量。我们一共进行了十多次更新,以不断满足同学的需求。另外,我们也统计了来访者的IP地址、访问时间、访问页面和客户端,便于分析用户行为,改进平台细节。
　　对于手机平台,由于局部浏览器大多不支持JavaScript,同时也受网速和流量限制,数据传输量越小越好,因此我们采用了文本形式展示(见图4)。