Web应用开发技术实验报告专业：计算机科学与技术班级：学号：姓名：一、设计题目个人网站二、目的１、本次设计是学生在学完ASP动态网站开发课程后的一次实践性很强的课程设计，是对ASP进行动态网站开发所学知识的综合运用。
2、掌握使用ASP技术进行网站开发设计。
3、通过本次实习，使学生加深所学知识内容的理解，并能积极地调动学生的学习兴趣，结合实际应用操作环境，真正做到理论与实际相结合。
三、功能需求描述此网站可以对主人留言，来发表自己的心情，也可以把自己的联系方式写入其中，达到和睦相处、心灵的驿站的目的等。
四、总体设计五、详细设计（一）、我的主页此页面为网站的主页，通过发布新心情，点击通讯录可以查看通讯录好友信息，点击留言板可以查看好友留言。
主要代码：<!DOCTYPE HTML><html lang="zh-CN"><head><meta charset="UTF-8"><title>个人空间</title><meta name="keywords" content="个人空间" /><meta name="description" content="" /><link rel="stylesheet" href="css/index.css"/><link rel="stylesheet" href="css/style.css"/><script type="text/javascript" src="js/jquery1.42.min.js"></script><script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>—<!--[if lt IE 9]><script src="js/html5.js"></script><![endif]--></head><body><!--header start--><div id="header"><h1>个人空间</h1><p>念念不忘，必有回响。
</p></div><!--header end--><!--nav--><div id="nav"><ul><li><a href="index.html">首页</a></li><li><a href="riji.html">通讯录 </a></li><li><a href="guestbook.html">留言板</a></li><div class="clear"></div></ul></div><!--nav end--><!--content start--><div id="content"><!--left--><div class="left" id="c_left"><div class="content_text"><!--wz--><div class="wz"><dl><dt><img src="images/s.jpg" width="200" height="279" alt=""></dt><dd><p class="dd_text_1"><strong style="font-size: 24px; color: #B71E1E;">心情：</strong>藏起来的目的就是为了被找到。
</p><p class="dd_text_1"><strong style="color: #B71E1E; font-size: 24px;">心情： </strong>待人友善是修养，独来独往是性格。
</p><p class="dd_text_1"><strong style="color: #B71E1E">心情：</strong>何以致契阔，绕腕双跳脱。
</p><table width="500" height="108" border="5"> <tbody><tr><td> </td></tr></tbody></table><p class="dd_text_1"><input type="button" name="button2" id="button2" value="发布"></p></dd><div class="clear"></div></dl></div><!--left end--><!--right--><div class="right" id="c_right"><div class="s_about"><h2>我</h2><img src="images/my.jpg" width="249" height="303" alt="主人"/><p>姓名：薛皓</p><p>班级：2015级计科一班</p><p>学号：201513030112</p><div class="clear"></div><div class="clear"></div></div><!--content end--><!--footer start--><div id="footer"><p>Design by：15级计科一班薛皓201513030112</p></div><!--footer end--><scripttype="text/javascript">jQuery(".lanmubox").slide({easing:"easeOut Bounce",delayTime:400});</script><script type="text/javascript" src="js/nav.js"></script> </body></html>（二）、留言板1、我的留言板点击留言板标后直接进入留言板详细页面，从而看见很多朋友在此留言来吸引游客的好奇心，此页面主要应用以下知识点：1）Session 、application。
2) 数据库连接主要代码：以下为数据库连接建立一个Connection对象实例db 代码留言：<%set conn=server.createobject("adodb.connection")connstr="Provider=Microsoft.jet.oledb.4.0;datasource="&server.mappath("db1.mdb")conn.open connstr%><%Dim sql,bh,xm,ly,rqSet rs=Server.CreateObject("ADODB.Recordset")sql="select bh,xm,ly,rq from lyb"rs.Open sql,conn,1,3rs.AddNew%>Connection对象与数据库建立连接，并对数据库执行添加、删除、等相关操作。
AddNew是添加操作。
当表单内容通过post方法提交时，asp的request对象的form方法可以取得提交数据并进行相应的操作。
如留言板中的添加操作：提交数据：<%<form method="post" action="add-mess.asp"><div class="tit2"></div><div id="five"><font color="#9933CC">高级编辑器</font></div> <div><textarea id="area" cols="141" rows="15" name="ly">在这里输入你的信息</textarea></div><div id="six"><input type="submit" value="提交留言" ></div></form>—%>接受数据：<%Dim sql,bh,xm,ly,rqSet rs=Server.CreateObject("ADODB.Recordset")sql="select bh,xm,ly,rq from lyb"rs.Open sql,conn,1,3rs.AddNewbh=Request.Form("bh")xm=Request.Form("xm")ly=Request.Form("ly")rs("xm")=xmrs("ly")=lyrs.Updaters.CloseSet rs=Nothingconn.CloseSet Conn=Nothing%>—2、我的留言界面此界面为静态页，主要应用而文本框、多行文本框等知识点，将Method 的属性设置为POST。