《WEB个人主页课程设计.docx》由会员分享，可在线阅读，更多相关《WEB个人主页课程设计.docx（18页珍藏版）》请在金锄头文库上搜索。
1、WEB个人主页课程设计 Web 应用开发技术 实验报告 专业：计算机科学与技术 班级： 学号： 姓名： 一、设计题目 个人网站 二、目的 、本次设计是学生在学完 ASP 动态网站开发课程后的一次实践性很强的课程设计，是对 ASP 进行动态网站开发所学知识的综合运用。 2、掌握使用 ASP 技术进行网站开发设计。 3、通过本次实习，使学生加深所学知识内容的理解，并能积极地调动学生的学习兴趣，结合实际应用操作环境，真正做到理论与实际相结合。 三、功能需求描述 此网站可以对主人留言，来发表自己的心情，也可以把自己的联系方式写入其中，达到和睦相处、心灵的驿站的目的等。 四、总体设计 主页 留言板 通讯
2、录 添加 查看留言 添加留言 删除 五、详细设计 （ 一） ） 、我的主页 此页面为网站的主页 ，通过发布新心情，点击通讯录可以查看通讯录好友信息，点击留言板可以查看好友留言。 主要代码：lt;!DOCTYPE HTMLgt; lt;html lang=quot;zh-CNquot;gt; lt;headgt; lt;meta charset=quot;UTF-8quot;gt; lt;titlegt;个人空间lt;/titlegt; lt;meta name=quot;keywordsquot; content=quot;个人空间quot; /gt; lt;meta name=quot;de
3、scriptionquot; content=quot;quot; /gt; lt;link rel=quot;stylesheetquot; href=quot;css/index.cssquot;/gt; lt;link rel=quot;stylesheetquot; href=quot;css/style.cssquot;/gt; lt;script type=quot;text/javascriptquot; src=quot;js/jquery1.42.min.jsquot;gt;lt;/scriptgt; lt;script type=quot;text/javascriptqu
4、ot; src=quot;js/jquery.SuperSlide.2.1.1.jsquot;gt;lt;/scriptgt; lt;!-if lt IE 9gt; lt;script src=quot;js/html5.jsquot;gt;lt;/scriptgt; lt;!endif-gt; lt;/headgt; lt;bodygt; lt;!-header start-gt; lt;div id=quot;headerquot;gt; lt;h1gt;个人空间lt;/h1gt; lt;pgt;念念.，必有回响。lt;/pgt; lt;/divgt; lt;!-header end-gt
5、; lt;!-nav-gt; lt;div id=quot;navquot;gt; lt;ulgt; lt;ligt;lt;a href=quot;index.htmlquot;gt;首页lt;/agt;lt;/ligt; lt;ligt;lt;a href=quot;riji.htmlquot;gt;通讯录amp;nbsp;lt;/agt;lt;/ligt; lt;ligt;lt;a href=quot;guestbook.htmlquot;gt;留言板lt;/agt;lt;/ligt; lt;div class=quot;clearquot;gt;lt;/divgt; lt;/ulgt;
6、lt;/divgt; lt;!-nav end-gt; lt;!-content start-gt; lt;div id=quot;contentquot;gt; lt;!-left-gt; lt;div class=quot;leftquot; id=quot;c_leftquot;gt; lt;div class=quot;content_textquot;gt; lt;!-wz-gt; lt;div class=quot;wzquot;gt; lt;dlgt; lt;dtgt;lt;img src=quot;images/s.jpgquot; width=quot;200quot; he
7、ight=quot;279quot; alt=quot;quot;gt;lt;/dtgt; lt;ddgt; lt;p class=quot;dd_text_1quot;gt;lt;strong style=quot;font-size: 24px; color: #B71E1E;quot;gt;心情：lt;/stronggt;藏起来的目的就是为了被找到。lt;/pgt; lt;p class=quot;dd_text_1quot;gt;lt;strong style=quot;color: #B71E1E; font-size: 24px;quot;gt;心情： lt;/stronggt;待
8、人友善是修养，独来独往是性格。lt;/pgt; lt;p class=quot;dd_text_1quot;gt;lt;strong style=quot;color: #B71E1Equot;gt;心情：lt;/stronggt;何以致契阔，绕腕双跳脱。lt;/pgt; lt;table width=quot;500quot; height=quot;108quot; border=quot;5quot;gt; lt;tbodygt; lt;trgt; lt;tdgt;amp;nbsp;lt;/tdgt; lt;/trgt; lt;/tbodygt; lt;/tablegt; lt;p cl
9、ass=quot;dd_text_1quot;gt; lt;input type=quot;buttonquot; name=quot;button2quot; id=quot;button2quot; value=quot;发布quot;gt; lt;/pgt; lt;/ddgt; lt;div class=quot;clearquot;gt;lt;/divgt; lt;/dlgt; lt;/divgt; lt;!-left end-gt; lt;!-right-gt; lt;div class=quot;rightquot; id=quot;c_rightquot;gt; lt;div c
10、lass=quot;s_aboutquot;gt; lt;h2gt;我lt;/h2gt; lt;img src=quot;images/my.jpgquot; width=quot;249quot; height=quot;303quot; alt=quot;主人quot;/gt; lt;pgt;姓名：薛皓lt;/pgt; lt;pgt;班级：2021 级计科一班lt;/pgt; lt;pgt;学号：202113030112lt;/pgt; lt;div class=quot;clearquot;gt;lt;/divgt; lt;div class=quot;clearquot;gt;lt;/
11、divgt; lt;/divgt; lt;!-content end-gt; lt;!-footer start-gt; lt;div id=quot;footerquot;gt; lt;pgt;Design by：15 级计科一班薛皓 202113030112lt;/pgt; lt;/divgt; lt;!-footer end-gt; lt;script type=quot;text/javascriptquot;gt;jQuery(quot;.lanmuboxquot;).slide(easing:quot;easeOutBouncequot;,delayTime:400);lt;/sc
12、riptgt; lt;script type=quot;text/javascriptquot; src=quot;js/nav.jsquot;gt;lt;/scriptgt; lt;/bodygt; lt;/htmlgt; （二）、留言板 1 1 、我 的留言板 点击留言板标后直接进入留言板详细页面，从而看见很多朋友在此留言来吸引游客的好奇心，此页面主要应用以下知识点： 1）Session 、application。 2) 数据库连接 主要代码： 以下为数据库连接建立一个 Connection 对象实例 db 代码 留言： lt;% set conn=server.createobject(
13、quot;adodb.connectionquot;) connstr=quot;Provider=Microsoft.jet.oledb.4.0;data source=quot;amp;server.mappath(quot;db1.mdbquot;) conn.open connstr %gt; lt;% Dim sql,bh,xm,ly,rq Set rs=Server.CreateObject(quot;ADODB.Recordsetquot;) sql=quot;select bh,xm,ly,rq from lybquot; rs.Open sql,conn,1,3 rs.Add
14、New %gt; Connection 对象与数据库建立连接，并对数据库执行添加、删除、等相关操作。AddNew 是添加操作。 当表单内容通过 post 方法提交时，asp 的 request 对象的 form 方法可以取得提交数据并进行相应的操作。如留言板中的添加操作： 提交数据： lt;% lt;form method=quot;postquot; action=quot;add-mess.aspquot;gt; lt;div class=quot;tit2quot;gt;lt;/divgt; lt;div id=quot;fivequot;gt;lt;font color=quot;#9933CCquot;gt;高级编辑器lt;/fontgt;lt;/divgt; lt;divgt;lt;textarea id=quot;areaquot; cols=quot;141quot; rows=quot;15quot; name=quot;lyquot;gt;在这里输入你的信息lt;/textareagt;lt;/divgt; lt;div id=quot;sixquot;gt;lt;input type=quot;submitquot; valu
