基于JavaScript班级网站开发之同学信息

JavaScript课程设计潍坊科技学院JavaScript课程设计报告书课题基于JavaScript的班级网站开发专业班级中印计算机11级软件1班学生姓名苟祥明学号201101080026指导教师陈凤萍组长邵园园日期2013.1.8成绩JavaScript课程设计目录一、前言........................................31.1课程设计思路......................................31.2课程设计目标......................................3二、关键技术......................................22.1HTML相关概念......................................32.2css...............................................42.3javascript........................................4三、总体设计....................................53.1网站总体架构......................................53.2网站登陆注册......................................63.3网站信息查询......................................8四、详细设计.....................................4.2主要代码.........................................8五、运行调试......................................................................................................12五、课设总结.....................................12JavaScript课程设计基于javascript的班级网站（同学信息）课设一、前言1.1课程设计思路一需求分析进入21世纪，随着网络时代的不断普及，网络已深入到人们的生活当中.信息化成为一股不可逆转的潮流。在这潮流中，各校纷纷建起了学校网站，而我们忽视了班级网站的建设和应用。大学生活不同于高中生活，同学之间往往少了面对面的交流，而在这种情形下，班级网站的存在就更具其意义。它将帮助我们共享班级的一些信息，获取学校的相关重要新闻动态，帮助我们记录班级的重大活动，为班级成员提供一个更为广阔的交流平台，有助于同学间感情的培养，有利于班级的团结，班风的建设。1.2课程设计目标1.能够熟练使用css结合html，通过咨询和考察，最终确定并实现网页布局。同时使用动态样式表甚至可以让图片的切换获得多种转场效果。2．本课程设计旨在使学生掌握HTML语言的语法结构，并且能够使用HTML语言编写静态网页，控制网页中的文字，图片，超级链接，表格，表单，框架等，能够使用HTML语言实现移动的文字，制作多媒体页面，能够读懂复杂网页的源代码。3．熟练使用网页设计工具DreamweaverMX，能够使用DreamweaverMX设计网页的框架，导航条，设置文字，图片，超级链接，滚动文字，弹出窗口的属性，能够使用DreamweaverMX设计出比较复杂的网页，建立小型网站。JavaScript课程设计6.懂得MicrosoftAccess建立数据库，实现ODBC数据源的创立于连接的基本方法。学会使用ASP的基本语法、内建对象、内建组件以及ASP访问数据库的方法。在此基础之上实现一个界面美观，功能实际的班级网站。三、关键技术3.1html相关概念1.HTML语言HTML语言(HypertextMarkupLanguage，中文通常称为超文本置标语言或超文本标记语言)是一种文本类、解释执行的标记语言，它是Internet上用于编写网页的主要语言。用HTML编写的超文本文件称为HTML文件。在上，通常使用的发布语言是HTML，即超文本标识语言。当用浏览器打开网页时，浏览器读取网页中的HTML代码，分析其语法结构，然后根据解释的结果显示网页内容，正是因为如此，制作网页的时候，如果不涉及HTML语言，几乎是不可能的。如图：元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。title/titletitle元素定义HTML文档的标题。title与/title之间的内容将显示在浏览器窗口的标题栏。/HEADBODYHTML文件的正文//body元素表明是HTML文档的主体部分。在body与/body之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。/BODY/HTML元素：是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如body），也有一个结束的标记（如/body）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。HTML元素属性:HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的内，并且和元素名之间有一个空格分隔；属性值用“”引起来。JavaScript课程设计2.2css1.css简介级联样式表（CascadingStyleSheet）简称“CSS”，它是用来进行网页风格设计。通过设立样式表，可以统一地控制HTML中各标签的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。2.css文件当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表中作一次更改，而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以.css做为文件扩展名，例如Mystyles.css。2.3javascript1．javascript语言JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，响应用户的各种操作。2.JavaScript嵌入HTML文件JavaScript代码可直接嵌入HTML文件中，随网页一起传送到客户端浏览器，然后通过浏览器来解释执行。1)、JavaScript语句插入HTML的方式：（1)使用SCRIPT标签将语句嵌入文档JavaScript课程设计（2)将JavaScript源文件(.js)链接到HTML文档中2)、JavaScript语句插入HTML的位置：（1)body部分的JS（2)head部分的JS：当脚本被调用、事件被触发时执行，可保证在调用函数前，脚本已载入四、详细设计4.1程序流程图（或者是网页组织模块图）网站总体架构班级首页班级首页班级新闻在线留言登录功能导航签写留言新闻阅读用户登录相片展示管理网站公布信息班级风采后台管理公告栏数据库访问JavaScript课程设计登录流程图信息查询流程图4.2网页设计界面信息查询界面访问数据库显示结果登录界面主页访问数据库登录失败登陆成功重新登录JavaScript课程设计登陆成功后可进行同学信息查询4.3主要代码4.4注册用户的关键代码注册处理的registe_result.asp的关键代码%ifrequest.Form(name)=then%用户名不能为空，请ahref=register.asp重新填/a%elsename=request.form(name)JavaScript课程设计password=Request.Form(password)birthday=request.form(birthday)address=request.form(address)sex=request.form(sex)ifrequest.Form(password)request.Form(passwordOK)Then%密码不一致请重新ahref=register.asp输入/a%Elsesetrs=Conn.Execute(select*fromuserwherename='+name+')ifnotrs.EOFthen%该用户已经被注册，请你重新ahref=register.asp输入新的用户名/a%elseConn.Execute(InsertIntouser(name,password,address,birthday,sex)Values('&name&','&password&','&address&','&birthday&','&sex&'))rs.CloseConn.Close%注册成功/br姓名：%response.writename&/br%性别：%response.writesex&/br%生日：%response.writebirthday&/br%地址：%response.writeaddress&/br%现在就去ahref=userlogin.asp登录/a吧%endifEndifendif%查询信息板块1、查询界面2、查询信息.asp关键源码%ifrequest.Form(name)=thenJavaScript课程设计setrs=nothingSetrs=Conn.execute(select*fromuser)dowhilenotrs.eofResponse.Writetableborder=0align=centerResponse.WritetrResponse.Writetd&姓名：&rs(name)&/tdResponse.Writetd&性别：&rs(sex)&/tdResponse.Writetd&生日：&rs(birthday)&/tdResponse.Writetd&家庭住址：&rs(address)&/tdResponse.Write/trResponse.Write/table%hralign=centerclass=STYLE1width=754/%rs.Movenextloopelsename=request.Form(name)setrs=nothingSetrs=Conn.execute(select*fromuserwherenamelike'%&name&%')ifnotrs.eofThenResponse.Writetableborder=0align=centerResponse.WritetrResponse.Writetd&姓名：&rs(name)&/tdResponse.Writetd&性别：&rs(sex)&/tdResponse.Writetd&生日：&rs(birthday)&/tdResponse.Writetd&家庭住址：&rs(address)&/tdResponse.Write/trResponse.Write/table%hralign=centerclass=STYLE1width=754/%elseResponse.Writetableborder=0align=centerResponse.Wri