Web应用开发技术实验报告专业:计算机科学与技术班级:学号:姓名:一、设计题目个人网站二、目的1、本次设计是学生在学完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/"/><link rel="stylesheet" href="css/"/><script type="text/javascript" src="js/"></script><script type="text/javascript" src="js/"></script><!--[if lt IE 9]><script src="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="">首页</a></li><li><a href="">通讯录 </a></li><li><a href="">留言板</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/" 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/" width="249" height="303" alt="主人"/><p>姓名:薛皓</p><p>班级:2015级计科一班</p><p>学号:0112</p><div class="clear"></div><div class="clear"></div></div><!--content end--><!--footer start--><div id="footer"><p>Design by:15级计科一班薛皓0112</p></div><!--footer end--><scripttype="text/javascript">jQuery(".lanmubox").slide({easing:"easeOut Bounce",delayTime:400});</script><script type="text/javascript" src="js/"></script></body></html>(二)、留言板1、我的留言板点击留言板标后直接进入留言板详细页面,从而看见很多朋友在此留言来吸引游客的好奇心,此页面主要应用以下知识点:1)Session 、application。
2) 数据库连接主要代码:以下为数据库连接建立一个Connection对象实例db 代码留言:<%set conn=("")connstr="Provider= source="&("")connstr%><%Dim sql,bh,xm,ly,rqSet rs=("")sql="select bh,xm,ly,rq from lyb"sql,conn,1,3%>Connection对象与数据库建立连接,并对数据库执行添加、删除、等相关操作。
AddNew是添加操作。
当表单内容通过post方法提交时,asp的request对象的form方法可以取得提交数据并进行相应的操作。
如留言板中的添加操作:提交数据:<%<form method="post" action=""><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=("")sql="select bh,xm,ly,rq from lyb" sql,conn,1,3bh=("bh")xm=("xm")ly=("ly")rs("xm")=xmrs("ly")=lySet rs=NothingSet Conn=Nothing%>2、我的留言界面此界面为静态页,主要应用而文本框、多行文本框等知识点,将Method 的属性设置为POST。