资源描述
课程设计说明书 NO.25课程设计题目:班级网站设计1) 课程设计目的通过对网站设计的学习,学生掌握了基本的网站设计技能,通过考试是不成问题的,但是在实践中的表现怎么样,还是未知数。希望通过这次课程设计,加强学生在学习中没有注意到或者遗忘的知识。同时希望通过这次课程设计,加强同学的动手能力、总体设计能力、团队意识等,希望能培养同学们通过自己学习的知识来解决在计算机领域中遇到的问题。在激烈竞争的今天,在技术高速发展和更新的时代,培养同学们的实际解决问题的能力和动手能力,是非常必要的,而且是刻不容缓的,同学们即将走出学校的大门,即将进入社会,希望在这次网站设计中,好好的锻炼和磨练同学们的意志和能力。也为同学们进一步学习和应用计算机及电子商务的专业知识打下基础。2) 方案论证2.1需求分析在Internet高速发展和普及的今天,网络的作用日益体现,很多活动、交流、购物能都转移到了互联网上。互联网络以其丰富的资源和先进的技术、方便快捷的信息获取方式得到人们的青睐,通过互联网,人们能方便的找到想要的东西,能方便的和网友进行交流,同时也能方便的进行技术方面的交流、沟通。很多公司、很多个人以及腾讯、人人等都开发了自己的个人交流网站,通过这些网站,人们能方便的进行交流、沟通并能分享自己感兴趣的资源。我觉得,建立一个个人网站非常重要,让网站展示自己感兴趣并关注的领域,发布自己感兴趣的问题、帖子等。我建立的个人网站,具有发布个人信息,分享自己收藏的好的文学作品、图片、软件、视频能功能,同时网友还可以在网站上进行留言,增加了网友和网站管理者间的交流。浏览网页的浏览者,在本网站中能进行资源的搜索,方便的查找需要的资源,真正提供给浏览者以方便。2.2概要设计2.2.1本课程设计旨在使学生掌握HTML语言的语法结构,并且能够使用HTML语言编写静态网页,控制网页中的文字,图片,超级链接,表格,表单,框架等,能够使用HTML语言实现移动的文字,制作多媒体页面,能够读懂复杂网页的源代码。2.2.2熟练使用网页设计工具Dreamweaver MX,能够使用Dreamweaver MX设计网页的框架,导航条,设置文字,图片,超级链接,滚动文字,弹出窗口的属性,能够使用Dreamweaver MX设计出比较复杂的网页,建立小型网站。熟悉使用fireworks和photoshop软件对图片进行处理。2.2.3 懂得Microsoft Access 建立数据库,实现ODBC数据源的创立于连接的基本方法。学会使用ASP的基本语法、内建对象、内建组件以及ASP访问数据库的方法。在此基础之上实现一个界面美观,功能实际的班级网站。班级首页班级首页通讯录留言簿大笑江湖班级首页班级首页班级首页班级首页班级首页班级首页班级首页班级首页图1 网站结构图2.3详细设计详细设计主要包含班级首页(含登陆模块)、班级相册(包含四个子页面)、通讯录(包含姓名、手机号、籍贯和QQ号)、留言簿(能够浏览留言列表,留言内容,发表评论)及大笑江湖(包含典型笑话,增加生活情趣)。2.3.1数据库的设计数据库在一个信息管理系统中占有非常重要的地位,数据库结构设计的好坏将直接对应用系统的效率以及实现的效果产生影响。合理的数据库结构设计可提高数据存储的效率,保证数据的完整和一致。同时,合理的数据库结构也将有利于程序的实现。用户的需求具体体现在各种信息的提供、保证、更新和查询,这就要求数据库结构能够充分满足各种信息的输出和输入。针对班级网站,本系统是利用Dreamweaver为运行工具,IIS为运行环境,利用HTML、VBSCRIPT语言和JAVASCRIPT语言设计而成。对数据库中数据的设计如下:(1) 用户信息表NumberFieldData typesExplain1IDInt用户ID(主键)(自动)2UsernameNvarchar(20)用户登陆名3PassNvarchar(20)用户密码4QQInt用户QQ号5MailNvarchar(50)E-mail6SignNvarchar(100)用户自我介绍(2)帖子信息表NumberFieldData typesExplain1ThreadIDInt帖子编号(主键)2AuthorNvarchar(50)发帖人用户名3SubjectNvarchar(50)帖子标题4ContentNtext(16)帖子内容5ReplyInt帖子回复数6TotaviewInt帖子浏览数7PosttimeDatetime发帖时间(3)回复信息表NumberFieldData typesExplain1MessageIDInt信息ID(主键)(自动)2ThreadIDInt帖子编号(外键)3SubjectNvarchar(50)回复信息标题4ContentNtext回复内容5AuthorNvarchar(50)回复者6PosttimeDatetime回复时间(4)相册表相册表包括相册编号,相片名称,相片上载时间共三个字段,主键为相片编号。NumberFieldData typesExplain1PhotoIDInt照片ID(主键)2PhotoNameNvarchar(50)照片名称3UploadTimeDatetime上传时间(5)留言表NumberFieldData typesExplain1GuestbookIDInt留言ID(主键)(自动)2SubjectNvarchar(50)留言标题3ContetNtext留言内容4UsertimeNvarchar(50)留言者姓名5UptimeDatetime留言时间2.3.2网页的设计2.3.2.1班级首页设计班级首页整体展现网站内容与风格。图1 班级首页班级首页主要代码如下:08网1主页 欢迎光临08网工1班主页! 用户: 密码: !- var caution = falsefunction setCookie(name, value, expires, path, domain, secure) var curCookie = name + = + escape(value) + (expires) ? ; expires= + expires.toGMTString() : ) + (path) ? ; path= + path : ) + (domain) ? ; domain= + domain : ) + (secure) ? ; secure : ) if (!caution | (name + = + escape(value).length 0) date.setTime(date.getTime() - skew)var now = new Date()fixDate(now)now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000)var visits = getCookie(counter)if (!visits) visits = 1else visits = parseInt(visits) + 1setCookie(counter, visits, now)document.write(欢迎您第 + visits + 次来到本站点)/ -2.3.2.2班级相册设计班级相册主要收藏班级活动照片,比如:军训、野炊、篮球赛等。还包含部分同学风采照。图2 班级相册首页班级相册主页代码如下:班级相册 our full house 班级野炊 这里记录了, 我们走过的点滴 篮球赛 这里收藏了, 我们成长的记忆 生活剪影 大学,青春,我们一起 2.3.2.3班级相册之生活剪影生活剪影记录班级同学的生活照片,多半来自课间或课余,富含一种轻松气氛。图3 班级相册之生活剪影2.3.2.4通讯录设计通讯录包含班级同学的姓名、手机号、籍贯及QQ号,为相互之间了解和交流提供索引。图4 通讯录通讯录主要代码如下: 姓 名 手机号 籍 贯 QQ % While (Repeat1_numRows 0) AND (NOT Recordset1.EOF) % 2.3.2.5留言簿的设计留言板提供一个平台,让同学们分享新心情,发布信息,传达祝福。图5 留言板之评论添加页面留言簿主要代码如下:FORM name=form1 method=POST action= 用户名(必填) 评论主题(必填) 电子邮箱 时间 您的评论 2.3.2.6留言板之留言列表列表将留言记录有序展现,方便同学查看。图6 留言板之留言列表页面2.3.2.7大笑江湖设计大小江湖收集的是经典笑话,提供一个轻松驿站以便同学们学习之余放松心情。图7 大笑江湖首页大笑江湖主要代码如下:大笑江湖 小偷与歌 414寝室老大语录 a href= 2.3.2.8大笑江湖之414寝室老大语录这是一个真实的生活片段,源于我们热爱的班级,源于我们亲爱的同学。此处设计,旨在分享生活乐趣。图8 大笑江湖之414寝室老大语录3) 结果分析3.1注册页效果图首先对用户注册与登陆页进行测试,在注册页面上,如果用户填写的用户名或者密码为空,或者密码与密码确认不一致,网页产生相应的错误提示。注册也面图示:32登陆页其次,在图片上载过程中,当用户所上载的文件类型不是系统所设计的四种图片类型时,页面显示上载文件类型不符。反之上载成功。此时电击浏览图片超链接,进入图片浏览页面即可看到刚上传的图片已在图片显示框中。33班级论坛与班级流言最后班级论坛与班级留言的测试。对论坛页面以及留言浏览时,点击某项能正常显示。当点击论坛发帖按钮、回复帖子按钮或留言中的留言按钮时,如用副未登陆,页面导向登陆页面,指示用户登陆。反之,用户可发帖、回复帖子以及留言,正常显示。测试成功。4)设计体会 在老师的指导下,我通过查询大量资料,我的课程设计终于圆满完成,我深深地舒了一口气,毕竟这是我这段时间以来的心血。看着自己亲手做的网站,心里有一种从未有过的成就感,因为我自始至终都在全力以赴。 制作网站是一件很费时间与精力的事情。但只要全身心投入,所有的困难都能克服。老师在课堂上讲的知识都能消化吸收,但是当我在设计网站制作的时候,我却感到力不从心,无从下手。但是通过查找资料和老师的辅导,我慢慢找到了方法、找到了方向,于是开始着手设计自己的个人网站。整个过程修修补补,查找资料,终于完成了自己设计的个人网站,这一切都是靠时间与精力堆砌出来的。 然而,要制作一个比较理想的网站,光有时间与精力还远远不够。因为设计一个网站需要多方面的因素来支撑,如:网页制作技巧、激情与灵感、细心与勤奋等等。我始终坚持一种信念。没有做不到,只有想不到。只要我充分发挥自己的主观能动性,就一定能设计出一个优秀的个人网站。做任何一件事,要想成功,就得保持激情。有了激情,才能激发出灵感。细心与勤奋,这是做事必须具备的基本素养。往往一个人的细心程度直接影响着做事的质量。一切从点滴做起。勤奋与细心是相辅相成的,细心往往建立在勤奋的基础上。做网站就需要细心的收集网页素材,一个小小的动画就能使整个网页平添几分色彩。通过这次程序课程设计,首先我对网页设计有了更加深刻的理解,也对Java的开发设计有了进一步的了解和掌握。在此过程中,我得到更多更细的基础知识,必将给我今后的学习和工作带来更多的帮助。通过对此课题的开发,使我对Java开发系统有了一个比较清楚的认识,体会到理论和实践的重要性。由于自己的分析设计和程序经验不足,该系统设计和实现过程中,还有许多没有完善的地方,比如用户界面设计不够美观,异常出错处理比较差等多方面问题,这些都有待进一步完善和提高。 这次的课程设计综合性比较强,尤其是在数据库的设计与应用方面,我更是学到了不少。在整个系统的开发过程中,我碰到很多的问题,有些问题难以解决,当然有些也是粗心或对基础知识掌握不牢造成的。在经过多方请教以及多次查询资料,还是能成功的解决所遇到的问题。在解决问题的过程中学到的才是最多的。不论做什么事情都一定要认真对待,在实际应用知识之前也一定要认真掌握基础理论知识,从而在实践中才可能灵活的运用。 5)参考文献1张桂珠,刘丽,陈爱国.Java面向对象程序设计M,第2版.北京:北京邮电大学出版社,2007.8:50-1222毕广吉.网站建设与规划M. 北京:冶金工业出版社,2007.6:129-2003王保罗.Dreamweaver 网页设计M. 北京:清华大学出版社,2008.2:230-2704高林,周海燕.JSP动态网页设计M. 北京:人民邮电出版社,2009.10:15-635刘腾红,孙细明.Dreamweaver MX 2004&JSP动态网页编程M. 北京:科学出版社,2005.3:132-1566黄晓东.JAVA课程设计案例精编,第2版. 北京:中国水利水电出版社,2009.10:206-211沈 阳 大 学
展开阅读全文