web个人主页.doc

成都理工大学课程设计报告

Web应用开发技术
实验报告

专业：计算机科学与技术
班级：
学号：
姓名：

一、设计题目
个人网站
二、目的
１、本次设计是学生在学完ASP动态网站开发课程后的一次实践性很强的课程设计，是对ASP进行动态网站开发所学知识的综合运用。
2、掌握使用ASP技术进行网站开发设计。
3、通过本次实习，使学生加深所学知识内容的理解，并能积极地调动学生的学习兴趣，结合实际应用操作环境，真正做到理论与实际相结合。
三、功能需求描述
此网站可以对主人留言，来发表自己的心情，也可以把自己的联系方式写入其中，达到和睦相处、心灵的驿站的目的等。

四、总体设计
查看留言
留言板

添加留言

主页

删除
添加
通讯录

五、详细设计
（一）、我的主页

此页面为网站的主页，通过发布新心情，点击通讯录可以查看通讯录好友信息，点击留言板可以查看好友留言。
主要代码：

个人空间
a name="keywords" content="个人空间" />

>首页
藏起来的目的就是为了被找到。border="5">

标后直接进入留言板详细页面，从而看见很多朋友在此留言来吸引游客的好奇心，此页面主要应用以下知识点：
1） Session 、application。
2) 数据库连接
主要代码：
以下为数据库连接建立一个Connection对象实例db 代码
留言：
<%
set conn=server.createobject("adodb.connection")
connstr="Provider=Microsoft.jet.oledb.4.0;data source="&server.mappath("db1.mdb")
conn.open connstr
%>

<%
Dim sql,bh,xm,ly,rq
Set rs=Server.CreateObject("ADODB.Recordset")
sql="select bh,xm,ly,rq from lyb"
rs.Open sql,conn,1,3
rs.AddNew
%>
Connection对象与数据库建立连接，并对数据库执行添加、删除、等相关操作。AddNew是添加操作。
当表单内容通过post方法提交时，asp的request对象的form方法可以取得提交数据并进行相应的操作。如留言板中的添加操作：
提交数据：
<%
action="add-mess.asp">
t rs=Server.CreateObject("ADODB.Recordset")
sql="select bh,xm,ly,rq from lyb"
rs.Open sql,conn,1,3
rs.AddNew
bh=Request.Form("bh")
xm=Request.Form("xm")
ly=Request.Form("ly")
rs("xm")=xm
rs("ly")=ly
rs.Update
rs.Close
Set rs=Nothing
conn.Close
Set Conn=Nothing
%>

2、我的留言界面

此界面为静态页，主要应用而文本框、多行文本框等知识点，将Method的属性设置为POST。
主要代码：

留言板-个</p><p style='padding:5px 0px;'>17、人空间

class="left" id="guestbook">

end right-->
ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False" BackColor="White" BorderColor="White" BorderStyle="Ridge" BorderWidth="2px" CellPadding="3" CellSpacing="1" DataSourceID="SqlDataSource1" GridLines="None" Height="410px" Width="100%" style="text-align: center">

old="True" ForeColor="#E7E7FF" />

true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>

添加

.title {
text-align:center;
font-family:'M</p><p style='height:0px;padding:0;overflow:hidden'>36、icrosoft YaHei';
font-size:50px;
padding:60px 0 0 0;
color:#ccc;
}
body {
background-image:url(image/back.png);background-size:cover;
}
.auto-style1 {
width: 969px;
border: 5px solid #00</p><p style='height:0px;padding:0;overflow:hidden'>37、FF00;
}
.auto-style6 {
border: 3px solid #008000;
width: 182px;
height: 150px;
font-weight: bold;
font-size: larger;
}
.auto-style7 {
border-style: solid;
border-color: </p><p style='height:0px;padding:0;overflow:hidden'>38、008000;
width: 618px;
height: 150px;
}
.textbox {
margin-left:5px;
}
.bottom {
margin-left:400px;
margin-top:10px;
}
.sex1 {
margin-left:10px;
}
.sex</p><p style='height:0px;padding:0;overflow:hidden'>39、 {
margin-left:20px;
}
.auto-style9 {
border: 3px solid #008000;
width: 182px;
height: 50px;
font-weight: bold;
font-size: larger;
}
.auto-style10 {
color: #A0A0A0;
</p><p style='height:0px;padding:0;overflow:hidden'>40、 }
.auto-style11 {
text-decoration: none;
}
.auto-style12 {
color: #000000;
font-size: larger;
font-weight: bold;
}
.auto-style13 {
font-size: larger;
color: #CCCCCC;
</p><p style='height:0px;padding:0;overflow:hidden'>41、 padding:0 0 0 180px;
}
.auto-style14 {
font-size: larger;
color: #000000;
padding: 0 0 0 180px;
font-weight: bold;
}
.auto-style15 {
margin-left: 5px;
}
.auto-style16 {}
</p><p style='height:0px;padding:0;overflow:hidden'>42、 .auto-style17 {
border-style: solid;
border-color: #008000;
width: 618px;
height: 50px;
}

ext="添加新成员" style="color: #000000; font-weight: 700; font-family: serif" CssClass="auto-style16">

：

（四）部分CSS外部样式主要代码
CSS：

body {
text-align:center;
cursor:url('images/2828.ani');
}

#header {
width:1024px;
height:200px;
background:transparent;
}

#name {
text-align:left;
padding-top:50px;
padding-left:25px;

}

#miaoshu {
text-align:left;
padding-left:25px;
}

#left {
float:left;
width:350px;
height:200px;
background:tran关于我们      便捷服务       自信AI       AI导航        抽奖活动©2010-2026 宁波自信网络信息技术有限公司  版权所有客服电话：[phone]  投诉电话：[phone]浙公网安备33021202000488号   浙ICP备2021020529号-1  |  浙B2-20240490  关注我们 ：