发布时间 : 星期三 文章基于JavaScript班级网站开发之班级首页更新完毕开始阅读
JavaScript课程设计
图3-2 网 站 功 能 图
1. 本站首页：一般有动态切换同学信息、浮动的图片和文字滚动等几种方式，通过动态样式表甚至可以让图片的切换获得多达20多种转场效果。
2．班级介绍：一般用HTML表格显示班级的图片、和每个同学的信息，大部分班级网站都采用数据库和动态脚本语言来自动生成学生信息的列表。
3．学校风貌：电子购物车一般有两种方式来实现，一种是在服务器端存储每个用户的每一次电子购物操作，还有一种是采用客户端cookie来实现电子购物车，cookie是网站存储在客户端的少量数据，可以让网站的不同网页之间共享相同的变量。
4．同学信息：创建同学信息程序，需要输入的信息包括学生姓名、性别、电话、qq、出生年月日、身份证号码、住址、邮编。重点体现在在查询每个同学的信息时通过客户端，无须将数据提交到服务器端，从而提高了程序的效率，也可以避免程序提交数据的过程中重复输入的过程。
5. 班级相册：在JavaScript操作图像，在一个文件夹中保存所需要的图片，在浏览器中可以按顺序播放一张张图片，还可以设置图片出现时的花样，使网站变得更加漂亮、更加吸引人，给人留下深刻的印象，更加的方便浏览图片。
6. 留言板：留言板那块在网页中会显示每个学生对班级的留言、对同学的祝福、对自己将来的打算、以及对各位老师的感谢。
7. 课外活动:在这里一一列着我们集体曾经参加的各种活动的时间、名称及照片，这是可以看得见的回忆，多年后回头看看，该是感觉多么珍贵、对么温馨:这是曾经年少的时候......
8. 星语心愿：梦想就在这里启程！星语心愿是每个同学的梦想的表达，可以写出小学、
5
JavaScript课程设计
中学曾经追逐的梦想，以及现在毕业就要步入的社会的梦想或者是对未来的畅想，还可以写出曾经喜欢却没有表白的Ta或者想说却有说不出的心事、这有点属于隐私，可以匿名的哦。
四、详细设计
4.1班级网站
班级网站共分为8个模块，我在私下里收集了每个同学的信息、每次活动的照片，班级相模块册可以在网页中自由浏览照片，同学信息模块可以查询每个同学的信息，这主要用到数据库知识。班级网站的设计主要是能给11软1的同学留下回忆，让每个人记住我们曾经在一起过、曾经相识过、纵然我们来自四面八方、纵然以后要各奔东西，都不能忘记我们曾经同学一场。
4.2数据库设计
本网站采用的数据库是Microsoft Access,建立库文件，包含如下几个表
文件：
Claim 网站公告信息表 Loginfo 来访登录时间信息表 Mssg 留言信息表
Photo 图文内容说明信息表 User 成员地址信息表
4.3主要代码
html
PUBLIC
\
XHTML
1.0
Transitional//EN\
\
无标题文档
6
JavaScript课程设计