WEB個人說明主頁課程教學(xué)設(shè)計

上傳人：z*** IP屬地：山東上傳時間：2023-07-31 格式：DOCX 頁數(shù)：34 大?。?9.78KB 積分：15 舉報 版權(quán)申訴

已閱讀5頁，還剩29頁未讀，繼續(xù)免費閱讀

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

Web應(yīng)用開發(fā)技術(shù)實驗報告,.專業(yè)：計算機科學(xué)與技術(shù)班級：學(xué)號：姓名：一、設(shè)計題目個人網(wǎng)站二、目的１、本次設(shè)計是學(xué)生在學(xué)完ASP動態(tài)網(wǎng)站開發(fā)課程后的一次實踐性很強的課程設(shè)計，是對ASP進行動態(tài)網(wǎng)站開發(fā)所學(xué)知識的綜合運用。2、掌握使用ASP技術(shù)進行網(wǎng)站開發(fā)設(shè)計。感謝閱讀,.3、通過本次實習(xí)，使學(xué)生加深所學(xué)知識內(nèi)容的理解，并能積極地調(diào)動學(xué)生的學(xué)習(xí)興趣，結(jié)合實際應(yīng)用操作環(huán)境，真正做到理論與實際相結(jié)合。謝謝閱讀三、功能需求描述此網(wǎng)站可以對主人留言，來發(fā)表自己的心情，也可以把自己的聯(lián)系方式寫入其中，達到和睦相處、心靈的驛站的目的等。精品文檔放心下載四、總體設(shè)計留言板查看留言添加留言主頁通訊錄刪除添加,.五、詳細設(shè)計（一）、我的主頁此頁面為網(wǎng)站的主頁，通過發(fā)布新心情，點擊通訊錄可以查看通訊錄好友信息，點擊留言板可以查看好友留言。感謝閱讀主要代碼：<!DOCTYPEHTML><htmllang="zh-CN"><head><metacharset="UTF-8"><title>個人空間</title><metaname="keywords"content="個人空間"/><metaname="description"content=""/><linkrel="stylesheet"href="css/index.css"/><linkrel="stylesheet"href="css/style.css"/>謝謝閱讀<scripttype="text/javascript"src="js/jquery1.42.min.js"></script>精品文檔放心下載<scripttype="text/javascript"src="js/jquery.SuperSlide.2.1.1.js"></script>精品文檔放心下載,.</head><body><divid="header"><h1>個人空間</h1><p>念念不忘，必有回響。</p></div><divid="nav"><ul><li><ahref="index.html">首頁</a></li><li><ahref="riji.html">通訊錄 </a></li><li><ahref="guestbook.html">留言板</a></li><divclass="clear"></div>感謝閱讀</ul></div><divid="content"><divclass="left"id="c_left">謝謝閱讀<divclass="content_text">感謝閱讀<divclass="wz"><dl><dt><img

src="images/s.jpg"

width="200",.height="279"alt=""></dt><dd><pclass="dd_text_1"><strongstyle="font-size:24px;color:#B71E1E;">心情：</strong>藏起來的目的就是為了被找到。</p>謝謝閱讀<p class="dd_text_1"><strong style="color:精品文檔放心下載#B71E1E;font-size:24px;">心情：</strong>待人友善是修養(yǎng)，獨來獨感謝閱讀往是性格。</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><pclass="dd_text_1"><inputtype="button"name="button2"id="button2"value="發(fā)布">謝謝閱讀</p></dd><divclass="clear"></div></dl></div><divclass="right"id="c_right">精品文檔放心下載<divclass="s_about"><h2>我</h2>,.<img src="images/my.jpg"height="303"alt="主人"/><p>姓名：薛皓</p><p>班級：2015級計科一班</p><p>學(xué)號：201513030112</p><divclass="clear"></div><divclass="clear"></div></div>

width="249"<divid="footer"><p>Designby：15級計科一班薛皓201513030112</p></div>感謝閱讀<scripttype="text/javascript">jQuery(".lanmubox").slide({easing:"easeOutBounce",delayTime:400});</script>精品文檔放心下載<scripttype="text/javascript"src="js/nav.js"></script></body>感謝閱讀</html>（二）、留言板1、我的留言板點擊留言板標后直接進入留言板詳細頁面，從而看見很多朋友在此留言來吸引游客的好奇心，此頁面主要應(yīng)用以下知識點：感謝閱讀1）Session、application。數(shù)據(jù)庫連接主要代碼：,.以下為數(shù)據(jù)庫連接建立一個Connection對象實例db代碼感謝閱讀留言：<%setconn=server.createobject("adodb.connection")感謝閱讀connstr="Provider=Microsoft.jet.oledb.4.0;data精品文檔放心下載source="&server.mappath("db1.mdb")謝謝閱讀conn.openconnstr%><%Dimsql,bh,xm,ly,rqSetrs=Server.CreateObject("ADODB.Recordset")謝謝閱讀sql="selectbh,xm,ly,rqfromlyb"精品文檔放心下載rs.Opensql,conn,1,3rs.AddNew%>Connection對象與數(shù)據(jù)庫建立連接，并對數(shù)據(jù)庫執(zhí)行添加、刪除、等相關(guān)操作。AddNew是添加操作。謝謝閱讀當表單內(nèi)容通過post方法提交時，asp的request對象的form方法可以取得提交數(shù)據(jù)并進行相應(yīng)的操作。如留言板中的添加操作：精品文檔放心下載提交數(shù)據(jù)：<%<formmethod="post"action="add-mess.asp"><divclass="tit2"></div>謝謝閱讀<divid="five"><fontcolor="#9933CC">高級編輯器</font></div>謝謝閱讀<div><textareaid="area"cols="141"rows="15"name="ly">在這里輸入你的信息</textarea></div>感謝閱讀<divid="six"><inputtype="submit"value="提交留言精品文檔放心下載"></div></form>,.%>接受數(shù)據(jù)：<%Dimsql,bh,xm,ly,rqSetrs=Server.CreateObject("ADODB.Recordset")精品文檔放心下載sql="selectbh,xm,ly,rqfromlyb"謝謝閱讀rs.Opensql,conn,1,3rs.AddNewbh=Request.Form("bh")xm=Request.Form("xm")ly=Request.Form("ly")rs("xm")=xmrs("ly")=lyrs.Updaters.CloseSetrs=Nothingconn.CloseSetConn=Nothing%>,.2、我的留言界面此界面為靜態(tài)頁，主要應(yīng)用而文本框、多行文本框等知識點，將Method精品文檔放心下載的屬性設(shè)置為POST。主要代碼：<!DOCTYPEHTML><htmllang="zh-CN"><head><metacharset="UTF-8"><title>留言板-個人空間</title><metaname="keywords"content="個人空間"/><metaname="description"content=""/><linkrel="stylesheet"href="css/index.css"/><linkrel="stylesheet"href="css/style.css"/>精品文檔放心下載<scripttype="text/javascript"src="js/jquery1.42.min.js"></script>謝謝閱讀<scripttype="text/javascript"src="js/jquery.SuperSlide.2.1.1.js"></script></head><body><divid="header"><h1>個人空間</h1><p>念念不忘，必有回響。</p></div><divid="nav"><ul><li><ahref="index.html">首頁</a></li><li>通訊錄</li>感謝閱讀<li><ahref="guestbook.html">留言板</a></li><divclass="clear"></div>感謝閱讀</ul></div><divid="content"><divclass="left"id="guestbook">謝謝閱讀<divclass="weizi"><divclass="wz_text">當前位置：感謝閱讀<h1>留言板</h1></div><tablewidth="725"border="5">謝謝閱讀<tbody><tr>,.<tdwidth="54">姓名</td><tdwidth="555">內(nèi)容</td><tdwidth="86">時間</td><p>提交新留言</p><tablewidth="721"border="5">謝謝閱讀<tbody><tr><thwidth="50"scope="row">姓名</th><tdwidth="558">留言內(nèi)容</td><tdwidth="83">時間</td>精品文檔放心下載</tr><tr><thscope="row"> </th>精品文檔放心下載<td> </td><td> </td></tr></tbody></table><p><inputtype="button"name="button"id="button"value="提交">謝謝閱讀</p></div></div><divclass="right"id="c_right">謝謝閱讀<divclass="s_about"><h2>我</h2><imgsrc="images/my.jpg"width="230"height="280"謝謝閱讀alt="博主"/>,.<p>姓名：薛皓</p><p>班級：2015級計科一班</p><p>學(xué)號：201513030112</p><p><ahref="#"title="聯(lián)系博主"></a><ahref="#"title="加入QQ群，一起學(xué)習(xí)！"></a>謝謝閱讀<divclass="clear"></div></p></div></div>精品文檔放心下載<divclass="clear"></div></div><divid="footer"><p>Designby:15計科一班薛皓201513030112</p></div>感謝閱讀<scripttype="text/javascript">jQuery(".lanmubox").slide({easing:"easeOutBounce",delayTime:400});</script>精品文檔放心下載<scripttype="text/javascript"src="js/nav.js"></script></body>謝謝閱讀</html>,.（三）、通訊錄1、我的通訊錄主要代碼：1）數(shù)據(jù)庫的連接2)循環(huán)的輸出。<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default6.aspx.cs"Inherits="Default6"%>感謝閱讀<!DOCTYPEhtml><htmlxmlns="/1999/xhtml"><headrunat="server">精品文檔放心下載<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>精品文檔放心下載<title></title><styletype="text/css">.auto-style1{,.text-align:right;font-weight:bold;font-size:larger;}.auto-style4{border-style:outset;}</style></head><bodystyle="background-image:url(image/back.png);background-size:cov感謝閱讀er;"><formid="form1"runat="server">謝謝閱讀<divclass="auto-style4"><divclass="auto-style1"><asp:GridView 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">感謝閱讀<Columns><asp:BoundField DataField=" 姓名 "精品文檔放心下載HeaderText="姓名"SortExpression="姓名"/>謝謝閱讀<asp:BoundField DataField=" 性別 "精品文檔放心下載HeaderText="性別"SortExpression="性別"/>感謝閱讀<asp:BoundField DataField=" 電話 "感謝閱讀HeaderText="電話"SortExpression="電話"/>感謝閱讀<asp:BoundField DataField=" 郵箱 "精品文檔放心下載HeaderText="郵箱"SortExpression="郵箱"/><asp:CommandField謝謝閱讀,.ShowDeleteButton="True"/>感謝閱讀</Columns><FooterStyleBackColor="#C6C3C6"ForeColor="Black"/>精品文檔放心下載<HeaderStyleBackColor="#4A3C8C"Font-Bold="True"ForeColor="#E7E7FF"/>謝謝閱讀<PagerStyleBackColor="#C6C3C6"ForeColor="Black"HorizontalAlign="Right"/>謝謝閱讀<RowStyleBackColor="#DEDFDE"ForeColor="Black"/>精品文檔放心下載<SelectedRowStyleBackColor="#9471DE"Font-Bold="True"ForeColor="White"/>感謝閱讀<SortedAscendingCellStyleBackColor="#F1F1F1"/>感謝閱讀<SortedAscendingHeaderStyleBackColor="#594B9C"/>精品文檔放心下載<SortedDescendingCellStyleBackColor="#CAC9C9"/>精品文檔放心下載<SortedDescendingHeaderStyleBackColor="#33276A"/>精品文檔放心下載</asp:GridView><asp:SqlDataSource ID="SqlDataSource1"感謝閱讀runat="server"ConnectionString="<%$ConnectionStrings:WANGJConnectionStrin感謝閱讀g%>"SelectCommand="SELECT*FROM[Table_1]"></asp:SqlDataSource>感謝閱讀</div></div></form></body>,.</html>2、添加新記錄主要代碼：<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default4.aspx.cs"Inherits="Default4"%>精品文檔放心下載<!DOCTYPEhtml><headrunat="server"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>謝謝閱讀<title>添加</title><styletype="text/css">.title{text-align:center;font-family:'MicrosoftYaHei';感謝閱讀font-size:50px;padding:60px000;color:#ccc;}body{background-image:url(image/back.png);background-size:cover;謝謝閱讀}.auto-style1{width:969px;border:5pxsolid#00FF00;感謝閱讀}.auto-style6{,.border:3pxsolid#008000;感謝閱讀width:182px;height:150px;font-weight:bold;font-size:larger;}.auto-style7{border-style:solid;border-color:#008000;width:618px;height:150px;}.textbox{margin-left:5px;}.bottom{margin-left:400px;margin-top:10px;}.sex1{margin-left:10px;}.sex{margin-left:20px;}.auto-style9{border:3pxsolid#008000;謝謝閱讀width:182px;height:50px;font-weight:bold;font-size:larger;,.}.auto-style10{color:#A0A0A0;}.auto-style11{text-decoration:none;}.auto-style12{color:#000000;font-size:larger;font-weight:bold;}.auto-style13{font-size:larger;color:#CCCCCC;padding:000180px;}.auto-style14{font-size:larger;color:#000000;padding:000180px;font-weight:bold;}.auto-style15{margin-left:5px;}.auto-style16{}.auto-style17{border-style:solid;border-color:#008000;width:618px;,.height:50px;}</style></head><body><formid="form1"runat="server">精品文檔放心下載<divclass="title"><asp:LabelID="Label1"runat="server"Text="添加新成員"style="color:#000000;font-weight:700;font-family:serif"CssClass="auto-style16"></asp:Label>精品文檔放心下載</div><tablealign="center"class="auto-style1"><tbodyclass="auto-style16">精品文檔放心下載<tr><tdclass="auto-style9"style="margin-left:5px;">姓名</td>精品文檔放心下載<tdclass="auto-style17"style="border-width:謝謝閱讀medium"><asp:TextBoxID="TextBox7"runat="server"感謝閱讀Height="30px"style="margin-left:5px"Width="100px"CssClass="auto-style16"></asp:TextBox>精品文檔放心下載</td><tr><tdclass="auto-style9">電話</td>感謝閱讀<tdclass="auto-style17"style="border-width:精品文檔放心下載medium"><asp:TextBox CssClass="auto-style15"精品文檔放心下載ID="TextBox4"runat="server"Height="30px"Width="300px"></asp:TextBox>精品文檔放心下載,.</td></tr><tr><tdclass="auto-style9">E-mail</td>感謝閱讀<tdclass="auto-style17"style="border-width:謝謝閱讀medium"><asp:TextBox CssClass="auto-style15"感謝閱讀ID="TextBox5" runat="server" Height="30px"精品文檔放心下載Width="300px"></asp:TextBox>感謝閱讀</td></tr><asp:TextBox ID="TextBox10" runat="server"謝謝閱讀Height="16px"Width="150px"></asp:TextBox>謝謝閱讀</span><span class="auto-style13"> ：謝謝閱讀</span><asp:Button ID="Button1" CssClass="bottom"精品文檔放心下載runat="server" Text="提交" Height="40px" Width="70px"精品文檔放心下載OnClick="Button1_Click"/>謝謝閱讀<asp:SqlDataSource ID="SqlDataSource1"感謝閱讀runat="server"FROM[Table_1]"></asp:SqlDataSource><br/>精品文檔放心下載<spanclass="auto-style10"></span><ahref="Default6.aspx"class="auto-style11"><spanclass="auto-style12">謝謝閱讀 </form>,.</body></html>（四）部分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:transparent;}.kong{float:left;width:100%;height:10px;clear:both;overflow:hidden;}#index{text-align:left;padding-top:10px;width:1024px;height:15px;background:transparent;}ul{margin:0px;list-style:none;}#indexli{height:20px;line-height:20px;,.float:left;width:100px;text-align:center;list-style:none;}a:link{text-decoration:none;color:white;}a:hover{position:relative;top:1px;left:1px;color:white;text-decoration:underline;感謝閱讀}a:visited{color:#9966CC;}#main{width:1024px;height:800px;background:#transparent;border:2pxsolid#999;}#left2{float:left;,.wi

人人文庫> 全部分類> 圖紙下載 > 畢業(yè)設(shè)計

溫馨提示

1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

WEB個人說明主頁課程教學(xué)設(shè)計

文檔簡介

溫馨提示

最新文檔

評論

WEB個人說明主頁課程教學(xué)設(shè)計

文檔簡介

溫馨提示

最新文檔

評論

相關(guān)文檔