(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年结束的日本“本田宗一郎杯”节能竞技大赛，中国节能竞技大赛以及 壳牌马拉松节能环保大赛三大赛事中，志远车队均表现出色，在国内外取得了傲人的佳绩，为今后的发展奠定了坚实的基础。 我们也预留出了一个版块可以留出来用来招商，放广告。 登陆以及注册版块：如是车队成员，则在下拉框里选择“车队成员”，接着输入您的姓名和密码，点击登录，网页会直接带领你到个人信息版块，因为车队成员的信息已经完整地输入在数据库里，并由管理员管理，您可以从此版块跳转到聊天室，资料管理下载界面和车队通讯录界面。如果是非车队成员，请先点击注册，进入注册页面。注册完成后，再登录，则会根据你刚刚insert的数据验证，并直接带你跳入聊天界面，可以和车队成员近距离的接触和切磋。如果是管理员，则用户名为“Admin”，可以直接进入人员删减编辑的界面进行管理。 页面二：注册界面login.aspx login的设计亮点有以下几个： 验证码的设计，登录者会随机看到四位数字，作为验证码，且必须填写。随着每次刷新页面，此四位数字会发生变化。 在输入的基本信息中，我们加入了各种验证控件，包括正则，必须填写，以及长度规定的等等。在用户名注册的时候，如果你所要注册的昵称已经有人使用，则不能再申请。 兴趣爱好的多项选择 填完后的资料会添加到空白的数据库表guestinfo.mdb中，进行记录，以便下次登录。 页面三：聊天室界面chattingroom.aspx 此界面的亮点有以下几个： 发言框上面会用session引过来登陆者的名称 聊天框里可以选择字体的不同颜色。发言后会按照“XXX说：时间br说话的内容”发言的内容是你刚选择的字体的颜色。 按“离开聊天室”就会回到主页。 4、可以选择输入信息的字体大小，颜色，和插入各种表情 页面五：资源共享界面download.aspx 此页面就是三图标之一带领到的网页，亮点有以下几个： 浏览上传文件，可从本地将文件上传到公共网页，让大家共享 点击文件名可下载此文件 点击删除按钮可将此文件删除 页面六：车队通讯录addresslist.aspx 此页面呈现车队成员的通讯录，改页面的亮点有下： 车队成员资料的查询，用数据库表的查询语句，可以在userinfo表中查出你要的同学的基本信息，然后方便车队成员之间的联系和交流。 下方的datalist里呈现着车队成员的所有联系方式。没耐心寻找的可以使用查询功能。 页面七：Technik页面 此页面介绍的是有关EP赛车的一些基本知识，亮点有其下： 点击不同的图片可以进入到不同的，讲述汽车不同的部分的知识的网页。方便浏览者获取专业信息。 特别是第一张大图，我们利用了dreamweaver的热点功能，点该图上对应的汽车部分，就会跳出有关这部分知识的网页。 页面八：介绍页面vollstellung.aspx 改页面主要介绍EP车队的一些资料。让大家有一个基本的认识。 此页面下端有一个图片观察窗，可以获得并查看所有有关的图片，能让人有一个直观的感受。 页面九：车队成员个人信息页user.aspx 此页面是车队成员登陆成功后到的页面 车队成员同样可以跳转到三个网页 并且可以直接根据自己的信息，进行信息的更改编辑。这是通过datalist这个控件来实现达到的。 页面十：car页面autos.aspx 此页面是展示车队进几年来赛车图片的页面 在下拉框里可以选择赛车的年份 展示