WEB个人主页课程设计Word下载.docx
- 文档编号:18981435
- 上传时间:2023-01-02
- 格式:DOCX
- 页数:23
- 大小:642.23KB
WEB个人主页课程设计Word下载.docx
《WEB个人主页课程设计Word下载.docx》由会员分享,可在线阅读,更多相关《WEB个人主页课程设计Word下载.docx(23页珍藏版)》请在冰豆网上搜索。
/>
css/style.css"
scripttype="
text/javascript"
src="
js/jquery1.42.min.js"
/script>
js/jquery.SuperSlide.2.1.1.js"
--[ifltIE9]>
scriptsrc="
js/html5.js"
[endif]-->
/head>
body>
<
--headerstart-->
divid="
header"
h1>
/h1>
p>
念念不忘,必有回响。
/p>
/div>
--headerend-->
--nav-->
nav"
ul>
li>
ahref="
index.html"
首页<
/a>
/li>
riji.html"
通讯录&
nbsp;
guestbook.html"
留言板<
divclass="
clear"
/ul>
--navend-->
--contentstart-->
content"
--left-->
left"
id="
c_left"
content_text"
--wz-->
wz"
dl>
dt>
imgsrc="
images/s.jpg"
width="
200"
height="
279"
alt="
/dt>
dd>
pclass="
dd_text_1"
strongstyle="
font-size:
24px;
color:
#B71E1E;
心情:
/strong>
藏起来的目的就是为了被找到。
color:
font-size:
待人友善是修养,独来独往是性格。
#B71E1E"
何以致契阔,绕腕双跳脱。
tablewidth="
500"
108"
border="
5"
tbody>
tr>
td>
&
/td>
/tr>
/tbody>
/table>
inputtype="
button"
name="
button2"
value="
发布"
/dd>
/dl>
--leftend-->
--right-->
right"
c_right"
s_about"
h2>
我<
/h2>
images/my.jpg"
249"
303"
主人"
薛皓<
2015级计科一班<
************<
--contentend-->
--footerstart-->
footer"
Designby:
15级计科一班薛皓201513030112<
--footerend-->
jQuery("
.lanmubox"
).slide({easing:
easeOutBounce"
delayTime:
400});
js/nav.js"
/body>
/html>
(二)、留言板
1、我的留言板
点击留言板标后直接进入留言板详细页面,从而看见很多朋友在此留言来吸引游客的好奇心,此页面主要应用以下知识点:
1)Session、application。
2)数据库连接
以下为数据库连接建立一个Connection对象实例db代码
留言:
%
setconn=server.createobject("
adodb.connection"
)
connstr="
Provider=Microsoft.jet.oledb.4.0;
datasource="
server.mappath("
db1.mdb"
conn.openconnstr
%>
Dimsql,bh,xm,ly,rq
Setrs=Server.CreateObject("
ADODB.Recordset"
sql="
selectbh,xm,ly,rqfromlyb"
rs.Opensql,conn,1,3
rs.AddNew
Connection对象与数据库建立连接,并对数据库执行添加、删除、等相关操作。
AddNew是添加操作。
当表单内容通过post方法提交时,asp的request对象的form方法可以取得提交数据并进行相应的操作。
如留言板中的添加操作:
提交数据:
formmethod="
post"
action="
add-mess.asp"
<
tit2"
five"
fontcolor="
#9933CC"
高级编辑器<
/font>
div>
textareaid="
area"
cols="
141"
rows="
15"
ly"
在这里输入你的信息<
/textarea>
six"
submit"
提交留言"
>
/form>
接受数据:
rs.AddNew
bh=Request.Form("
bh"
)
xm=Request.Form("
xm"
ly=Request.Form("
rs("
)=xm
)=ly
rs.Update
rs.Close
Setrs=Nothing
conn.Close
SetConn=Nothing
2、我的留言界面
此界面为静态页,主要应用而文本框、多行文本框等知识点,将Method的属性设置为POST。
留言板-个人空间<
通讯录<
guestbook"
weizi"
wz_text"
当前位置:
725"
tdwidth="
54"
姓名<
555"
内容<
86"
时间<
提交新留言<
721"
thwidth="
50"
scope="
row"
姓名<
/th>
558"
留言内容<
83"
时间<
thscope="
提交"
--endleft-->
230"
280"
博主"
#"
title="
联系博主"
加入QQ群,一起学习!
--栏目分类-->
--end-->
--endright-->
--footer-->
Designby:
15计科一班薛皓201513030112<
(三)、通讯录
1、我的通讯录
1)数据库的连接
2)循环的输出。
%@PageLanguage="
C#"
AutoEventWireup="
true"
CodeFile="
Default6.aspx.cs"
Inherits="
Default6"
%>
DOCTYPEhtml>
htmlxmlns="
http:
//www.w3.org/1999/xhtml"
headrunat="
server"
metahttp-equiv="
Content-Type"
text/html;
charset=utf-8"
styletype="
text/css"
.auto-style1{
text-align:
right;
font-weight:
bold;
larger;
}
.auto-style4{
border-style:
outset;
/style>
bodystyle="
background-image:
url(image/back.png);
background-size:
cover;
formid="
form1"
runat="
auto-style4"
auto-style1"
asp:
GridViewID="
GridView1"
AllowPaging="
True"
AutoGenerateColumns="
False"
BackColor="
White"
BorderColor="
BorderStyle="
Ridge"
BorderWidth="
2px"
CellPadding="
3"
CellSpacing="
1"
DataSourceID="
SqlDataSource1"
GridLines="
None"
Height="
410px"
Width="
100%"
style="
text-align:
center"
Columns>
BoundFieldDataField="
姓名"
HeaderText="
SortExpression="
性别"
电话"
邮箱"
CommandFieldShowDeleteButton="
/Columns>
FooterStyleBackColor="
#C6C3C6"
ForeColor="
Black"
HeaderStyleBackColor="
#4A3C8C"
Font-Bold="
#E7E7FF"
PagerStyleBackColor="
HorizontalAlign="
Right"
RowStyleBackColor="
#DEDFDE"
SelectedRowStyleBackColor="
#9471DE"
SortedAscendingCellStyleBackColor="
#F1F1F1"
SortedAscendingHeaderStyleBackColor="
#594B9C"
SortedDescendingCellStyleBackColor="
#CAC9C9"
SortedDescendingHeaderStyleBackColor="
#33276A"
/asp:
GridView>
SqlDataSourceID="
ConnectionString="
%$ConnectionStrings:
WANGJConnectionString%>
SelectCommand="
SELECT*FROM[Table_1]"
SqlDataSource>
2、添加新记录
Default4.aspx.cs"
Default4"
添加<
.title{
center;
font-family:
'
MicrosoftYaHei'
;
50px;
padding:
60px000;
#ccc;
body{
background-image:
width:
969px;
border:
5pxsolid#00FF00;
.auto-style6{
1pxsolid#008000;
182px;
height:
150px;
.auto-style7{
solid;
border-color:
#008000;
618px;
.textbox{
margin-left:
5px;
.bottom{
400px;
margin-top:
10px;
.sex1{
.sex{
20px;
.auto-style9{
50px;
.auto-style10{
#A0A0A0;
.auto-style11{
text-decoration:
none;
.auto-style12{
#000000;
.auto-style13{
#CCCCCC;
000180px;
.auto-style14{
000180px;
.auto-style15{
5px;
.auto-style16{}
.auto-style17{
title"
LabelID="
Label1"
Text="
添加新成员"
700;
serif
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- WEB 个人主页 课程设计