WEB項目设计报告.docVIP

《web技术及应用》项目设计报告 ——同济大学EP车队官网 指导老师：曹建平 老师 小组成员：陈霏霏082085 黄毓敏082172 尹攀飞082226 目录 1、题目……………………………………………………第3页 2、项目背景………………………………………………第3页 3、需求分析………………………………………………第3页 4、整体设计………………………………………………第4页 5、详细设计（数据库设计、功能模块设计）…………第5页 6、小组分工………………………………………………第10页 7、心得体会………………………………………………第11页 【题目】 同济大学EP车队官网 【项目背景】 随着日益增长的能源消耗和严峻的环境问题，节能环保已成为当今汽车设计的主题。作为汽车工业未来的中坚力量，同济大学EP项目以学生为团队，致力于设计研发节能环保的EP节能赛车,参加世界EP节能竞技大赛，用他们年轻的激情与活力诠释节能环保的公益主题。同济大学志远车队成立于2000年，至今已走过了11年的风雨。在2010年结束的日本“本田宗一郎杯”节能竞技大赛，中国节能竞技大赛以及 壳牌马拉松节能环保大赛三大赛事中，志远车队均表现出色，在国内外取得了傲人的佳绩，为今后的发展奠定了坚实的基础。 我们小组中有EP车队中的“中坚力量”，对EP有着特殊的情感，并希望能有更多的人能了解我们，且加入到我们“环保爱车一族”中来，所以，我们希望做这个网页能成为大家交流的平台和切磋的场地。 【需求分析】 环保是当今世界的一大主题，而汽车工业又是近几年来蓬勃向上的产业，不论是F1赛事的火红，还是汽车市场的“走俏”，都预示着社会对其的强烈关注度；并且汽车对环境也起着至关重要的作用。所以，作为一个社会人，会关心汽车，会关心环保，更会关心环保汽车的进展。当今世界上都活跃着那么一些人，为此奋斗着，做出创新，参加比赛；也有那么一些人，确无从获得此方面的消息，无法投身其中。 环保车网页就此有了需求，其中我们同济大学汽车学院也占了一席之地——EP志远车队！ 【整体设计】 由于这是一个比较实用性的、来源相对官方的网站，因此风格较为简约朴素，广告比较少，页面并不华丽，更多的精力放在了网站的实用性、安全性建设上。 来访本网站的用户，被严格的分成了类，每一类用户都有不同的权限。 1.管理员。可以访问所有的页面，同时还设有管理员专用通道（当session中user_name是“Admin”时，可以访问并管理车队最机密的信息），管理员可以通过此通道查询、修改、添加、删除任何用户。 2.车队成员。可以访问任何页面（除去管理员删减人员的页面“admin.aspx”）。一些页面上还会显示学生的姓名（从实现存在于数据库中的车队成员名单“userinfo.mdb”中提取。由于要输入所有车队成员的信息这个过程过于繁琐，所以，我们选择填了几个人的基本资料） 3.非车队成员。可以访问除去车队资源下载，上传的页面外的所有页面。一些页面上还会显示改用户的昵称。 以上所做的这些，最中心的目的就是保证安全性。这是本网站设计的亮点所在。 【详细设计】 由于详细叙述起来会比较繁琐，所以我按照页面一个一个来介绍 页面一：Homepage Homepage的设计亮点有几下几个： 登陆名次的显示，该message会显示出您是第几个浏览本网页的。 友情链接（此版块在接下来的各网页中都会出现），会将我们带领链接到同济大学的官网、同济大学汽车学院的官网以及汽车学院创新基地的官网。以便于让浏览者能获得更多的相关信息，拓宽他们的视野。 我们也预留出了一个版块可以留出来用来招商，放广告。 登陆以及注册版块：如是车队成员，则在下拉框里选择“车队成员”，接着输入您的姓名和密码，点击登录，网页会直接带领你到个人信息版块，因为车队成员的信息已经完整地输入在数据库里，并由管理员管理，您可以从此版块跳转到聊天室，资料管理下载界面和车队通讯录界面。如果是非车队成员，请先点击注册，进入注册页面。注册完成后，再登录，则会根据你刚刚insert的数据验证，并直接带你跳入聊天界面，可以和车队成员近距离的接触和切磋。如果是管理员，则用户名为“Admin”，可以直接进入人员删减编辑的界面进行管理。 页面二：注册界面login.aspx login的设计亮点有以下几个： 验证码的设计，登录者会随机看到四位数字，作为验证码，且必须填写。随着每次刷新页面，此四位数字会发生变化。 在输入的基本信息中，我们加入了各种验证控件，包括正则，必须