WEB程序的設(shè)計(jì)實(shí)驗(yàn)報(bào)告73375_第1頁
WEB程序的設(shè)計(jì)實(shí)驗(yàn)報(bào)告73375_第2頁
WEB程序的設(shè)計(jì)實(shí)驗(yàn)報(bào)告73375_第3頁
WEB程序的設(shè)計(jì)實(shí)驗(yàn)報(bào)告73375_第4頁
WEB程序的設(shè)計(jì)實(shí)驗(yàn)報(bào)告73375_第5頁
已閱讀5頁，還剩9頁未讀， 繼續(xù)免費(fèi)閱讀

付費(fèi)下載

下載本文檔

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

文檔簡介

.PAGE.WEB程序設(shè)計(jì)實(shí)驗(yàn)報(bào)告院系名稱：管理學(xué)院專業(yè)__電子商務(wù)0901班學(xué)生__李靜__###############項(xiàng)目出勤〔20%完成情況〔60%實(shí)驗(yàn)報(bào)告〔20%總分得分20XX6月實(shí)驗(yàn)?zāi)康?、通過本課程的實(shí)驗(yàn)教學(xué),學(xué)生應(yīng)能夠做到：〔1掌握企業(yè)網(wǎng)站前臺(tái)和后臺(tái)的設(shè)計(jì)；〔2了解企業(yè)網(wǎng)站前臺(tái)和后臺(tái)的設(shè)計(jì)的基本思路；〔3掌握企業(yè)網(wǎng)站前臺(tái)和后臺(tái)的實(shí)現(xiàn)。〔4了解企業(yè)網(wǎng)站前臺(tái)和后臺(tái)的集成2、熟悉企業(yè)網(wǎng)站開發(fā)的基本方法、思路,重點(diǎn)功能的實(shí)現(xiàn)算法；3、學(xué)生應(yīng)能夠自己開發(fā)一個(gè)簡單的企業(yè)網(wǎng)站。實(shí)驗(yàn)內(nèi)容獨(dú)立完成企業(yè)網(wǎng)站的設(shè)計(jì)與開發(fā)實(shí)驗(yàn)環(huán)境計(jì)算機(jī)〔要求WIN2000以上操作系統(tǒng),安裝IIS和SQLServer網(wǎng)站設(shè)計(jì)過程界面設(shè)計(jì)福特汽車中國站首頁設(shè)計(jì)看上去雖然不是那么吸引眼球,但配有FLASH動(dòng)畫,是我可望而不可即的,所以在此就不在展示我做的首頁了。福特汽車中國站的列表頁——汽車展廳如圖〔1所示,看上去不是那么大氣,在此我就做一些更改如圖〔2所示。配有處理過的汽車大圖片,來吸引用戶眼球。是界面更美觀,大方、簡潔。圖〔1圖〔2網(wǎng)頁列表頁規(guī)劃如下〔1、網(wǎng)站頭部設(shè)計(jì)福特汽車公司中國站的網(wǎng)站的logo放在網(wǎng)站的左上角,和一般網(wǎng)站logo的位置相同,符合用戶觀看習(xí)慣。導(dǎo)航條位于logo下面,主要包括汽車展示、新聞中心、福特品牌、客戶服務(wù)、走進(jìn)福特、科技創(chuàng)新、社會(huì)責(zé)任七部分,每部分都有相應(yīng)的二級(jí)欄目。導(dǎo)航條的右上方是在線訂購。首頁和英語頁面。在線訂購方便客戶隨時(shí)跟福特公司聯(lián)系汽車購買,方便、快捷；首頁也比較醒目,方便用戶隨時(shí)回到首頁。English主要針對(duì)在中國的外國人,方便他們購買?！?。中間部分設(shè)計(jì)中間設(shè)計(jì)比較簡單,主要分為兩大塊,左邊部分和中間部分。左邊主要是汽車展示一級(jí)欄目及其下的二級(jí)欄目,就是一個(gè)列表,中間部分是可以切換的汽車展示,點(diǎn)擊做部分不同的列表欄目,會(huì)出現(xiàn)不同的圖片?！?、尾部設(shè)計(jì)尾部設(shè)計(jì)也很簡單,就包括了一些常有的鏈接和一些維權(quán)聲明?！?界面代碼<html><head><title>福特汽車中國站</title><linkhref="css/css.css"rel="stylesheet"type="text/css"/><styletype="text/css">body{color:#000;TEXT-ALIGN:center;FONT-SIZE:26px}A{TEXT-DECORATION:none;FONT-SIZE:14px;background-color:999999}A:hover{TEXT-DECORATION:none;color:#f00;}.main{MARGIN:0pxauto;WIDTH:959px;HEIGHT:auto}.top{WIDTH:959px;HEIGHT:80}.top1{position:absolute;top:30px;left:210px}.top2{position:absolute;top:65px;left:824px}.top3{position:absolute;top:65px;left:924px}.top4{position:absolute;top:65px;left:1024px,width:"auto"}.content21{border:solid1pt;width:765px;height:auto;margin:0pxauto;position:absolute;top:140px;left:385px;z-index:3}.bottom{WIDTH:959px;HEIGHT:547;BACKGROUND:#ebebeb}.bottom1{position:absolute;top:140px;left:190px}.bottom2{font-family:楷體_gb2312;font-size:16pt;color:#f00;position:absolute;top:255px;left:190px;height:auto;width:194px}.bottom3{font-family:楷體_gb2312;font-size:12pt;color:#000;position:absolute;top:285px;left:190px;height:auto;width:194px}.bottom4{position:absolute;top:140px;left:385px}.bottom5{font-family:楷體_gb2312;font-size:12pt;color:#o8c;position:absolute;top:780px;left:210px;height:310px;width:959px}.bottom6{font-family:楷體_gb2312;font-size:12pt;color:#o8c;position:absolute;top:840px;left:210px;height:310px;width:959px}.topmain{MARGIN:0pxauto;WIDTH:959px;BACKGROUND:#ebebeb;HEIGHT:30px;PADDING:0px}.topmainUL{MARGIN:0px;padding:0px;list-style-type:none;}.topmainULLI{TEXT-ALIGN:center;LINE-HEIGHT:30px;WIDTH:110px;FLOAT:left;HEIGHT:30px}.topmainULLIA{LINE-HEIGHT:30px;WIDTH:137px;HEIGHT:28px;COLOR:#00f;FONT-WEIGHT:bold;PADDING-TOP:2px}</style></head><body><divclass="top"><divclass="top1"><a><imgsrc="fut.png"alt="福特汽車"/></a> </div><divclass="top3"> English</div><divclass="top2">首頁</div><divclass="top4">在線訂購</div> </div><divclass="menu"><divclass="menusel"style="width:95px;"><h2><ahref="index.html">首頁</a></h2></div><divid="menu1"class="menusel"><h2><ahref="xiangqing.html">汽車展廳</a></h2><divclass="position"><ulclass="clearfixtypeul">w.865171">福特銳界</a></li><li><ahref="://865171">福特麥柯斯</a></li><li><ahref="://865171">福特蒙迪歐-致勝</a></li><li><ahref="://865171">福特?？怂谷龓?lt;/a></li><li><ahref="://865171">福特?？怂箖蓭?lt;/a></li><li><ahref="://865171">新福特嘉年華三廂</a></li><li><ahref="://865171">新福特嘉年華兩廂</a></li><li><ahref="://865171">福特全順</a></li><liclass="lli"><ahref="://865171">福特新世代全順</a></li></ul></div></div><divid="menu2"class="menusel"><h2><ahref="xiangqing.html">新聞中心</a></h2><divclass="position"><ulclass="clearfixtypeul"><li><ahref="://865171">福特新聞</a></li>65171">活動(dòng)專題</a></li><li><ahref="://865171">媒體報(bào)道</a></li><li><ahref="://865171">精彩視頻</a></li><liclass="lli"><ahref="://865171">行業(yè)新聞</a></li></ul></div></div><divid="menu3"class="menusel"><h2><ahref="xinwen.html">福特品牌</a></h2><divclass="position"><ulclass="clearfixtypeul"><li><ahref="://865171">銳界</a></li><li><ahref="://865171">愛虎</a></li><liclass="lli"><ahref="://865171">野馬</a></li></ul></div></div><divid="menu4"class="menusel"><h2><ahref="://865171">客戶服務(wù)</a></h2><divclass="position"><ulclass="clearfixtypeul"><liclass="lli"><ahref="://865171">客戶留言</a></li></ul></div></div><divid="menu5"class="menusel"><h2><ahref="://865171">走進(jìn)福特</a></h2><divclass="position"><ulclass="clearfixtypeul"><li><ahref="://865171">公司簡介</a></li><li><ahref="://865171">福特文化</a></li><li><ahref="://865171">業(yè)務(wù)范圍</a></li><li><ahref="://865171">核心優(yōu)勢(shì)</a></li><liclass="lli"><ahref="://865171">福特榮譽(yù)</a></li><li><ahref="://865171">領(lǐng)導(dǎo)關(guān)懷</a></li></ul></div></div><divid="menu6"class="menusel"><h2><ahref="://865171">創(chuàng)新科技</a></h2><divclass="position"><ulclass="clearfixtypeul"></ul></div></div><divid="menu7"class="menusel"><h2><ahref="://865171">社會(huì)責(zé)任</a></h2><divclass="position"><ulclass="clearfixtypeul"><li><ahref="://865171">安全</a></li><li><ahref="://865171">志愿者</a></li><li><ahref="://865171">環(huán)保承諾</a></li><li><ahref="://865171">健康和教育</a></li></ul></div></div></div><divclass="content21"><ul><liclass="t1"><aid=i1href="tu20.jpg"target="layer3">1</a></li><liclass="t1"><aid=i1href="tu19.jpg"target="layer3">2</a></li><liclass="t1"><aid=i1href="tu14.jpg"target="layer3">3</a></li><liclass="t1"><aid=i1href="tu5.jpg"target="layer3">4</a></li></div></div></div><divclass="bottom"><divclass="bottom1"><imgsrc="kf_03.jpg"alt="聯(lián)系我們"height:107px;width:194px></div><divclass="bottom2">汽車展示</div><divclass="bottom3"><ahref="#">福特銳界<hralign="center"><ahref="#">福特麥柯斯</a><hralign="center"><ahref="#">福特蒙迪歐-致勝</a><hralign="center"><ahref="#">福特?？怂谷龓?lt;/a><hralign="center"><ahref="#">福特?？怂箖蓭?lt;/a><hralign="center"><ahref="#">新福特嘉年華三廂</a><hralign="center"><ahref="#">新福特嘉年華兩廂</a><hralign="center"><ahref="#">福特全順</a><hralign="center"><ahref="#">福特新世代全順</a></div><divclass="bottom4"><imgsrc="tu20.jpg"alt="福特嘉年華2011"height:534px;width:"765px"></div><divclass="bottom5"><ahref="#">1</a><ahref="#">2</a><ahref="#">3</a><ahref="#">4</a><ahref="#">5</a><ahref="#">6</a><ahref="#">7</a><ahref="#">8</a><ahref="#">9</a><ahref="#">下一頁</a><ahref="#">>></a><ahref="#">首頁</a><ahref="#">末頁</a></div><divclass="bottom6"><hralign="center"><ahref="#">隱私權(quán)保護(hù)</a><ahref="#">聲明版權(quán)保護(hù)</a><ahref="#">網(wǎng)站地圖</a><ahref="#">聯(lián)系我們</a><ahref="#">福特全球24小時(shí)客服熱線</a><ahref="#">2011福特汽車<中國></a><ahref="#">版權(quán)所有</a><ahref="#">滬ICP備05031283號(hào)</a></div></div></body></html>后臺(tái)設(shè)計(jì)<!--#includefile="inc/conn.asp"--><!--#includefile="inc/sqlin.asp"--><%Keyword=Trim<request.QueryString<"Key">>CurrentSort=Trim<request.QueryString<"SortID">>Sql="select*fromIdea_ProductwhereIsShow="&GetState<>ifCurrentSort<>""then ifnotIsNumeric<request.QueryString<"SortID">>then Response.Write"<script>alert<'參數(shù)錯(cuò)誤！'>;history.go<-1>;</script>" response.End<> else SqlSort="select*fromIdea_ProductSortwhereID="&CurrentSort setrs=idea.exec<SqlSort,1> ifnotrs.eofthen Title=rs<"SortName"> Sql=Sql+"andSortID="&Cint<CurrentSort>&"" else Response.Write"<script>alert<'參數(shù)不在接收范圍！'>;history.go<-1>;</script>" response.End<> endif rs.close setrs=nothing endifelseTitle="福特汽車中國站——汽車展示" endififrequest.QueryString<"Key"><>""then Sql=Sql&"andProductNamelike'%"&Keyword&"%'"endifPage=Trim<Request.QueryString<"Page">>ifPage=""orPage<"1"then Page="1"endifsetrspage=idea.exec<Sql,1>ifsession<"PageSize">=""orisnull<session<"PageSize">>thensession<"PageSize">="9"endif rspage.pagesize=cint<session<"PageSize">>Page=CInt<Page>ifrspage.pagecount>"0"thenrspage.absolutepage=PageendIfIndexTemplateHtml=Replace<FSOFileRead<"template/"&idea_3&"/html/productlist.html">,"{template_head}",FSOFileRead<"template/"&idea_3&"/html/head.html">>IndexTemplateHtml=Replace<IndexTemplateHtml,"{template_foot}",FSOFileRead<"template/"&idea_3&"/html/foot.html">>IndexTemplateHtml=replace<IndexTemplateHtml,"images/","template/"&idea_3&"/images/">AllTemplateHtml=ReplaceGlobalLable<GetAllHtml_List<IndexTemplateHtml,Const_Rule,CurrentSort,Keyword,Page>>PageNumber_1=viewPage<rspage.recordcount,Page,4,session<"PageLength">,rspage.pagecount,CurrentSort>GetAllHtml2=replace<AllTemplateHtml,"{idea_pagenumber}",PageNumber_1>GetAllHtml2=replace<GetAllHtml2,"{idea_title}",Title>response.writeGetAllHtml2rspage.closesetrspage=nothing'顯示分頁FunctionviewPage<AllRecordsCount,CurrentPage,BeforePages,ViewPageCount,AllPageNumber,CurrentSort> Str_PageList1=MakePageNumber<CurrentPage,BeforePages,ViewPageCount,AllPageNumber,"asp",CurrentSort> ifCurrentPage=1then FirstPagelink="首頁" LastPagelink="上一頁" else FirstPagelink="<ahref=?SortID="&CurrentSort&">首頁</a>" ifCurrentPage=2then LastPagelink="<ahref=?SortID="&CurrentSort&">上一頁</a>" else LastPagelink="<ahref=?SortID="&CurrentSort&"&Page="&Current1&">上一頁</a>" endif endif ifCurrentPage=AllPageNumberthen NextPagelink="下一頁" FinalPagelink="尾頁" else NextPagelink="<ahref=?SortID="&CurrentSort&"&Page="&CurrentPage+1&">下一頁</a>" FinalPagelink="<ahref=?SortID="&CurrentSort&"&Page="&AllPageNumber&">尾頁</a>" endif Str_PageList2="頁次:"&CurrentPage&"/"&AllPageNumber&"頁  "&FirstPagelink&"  "&LastPagelink&"  "&Str_PageList1&"  "&NextPagelink&"  "&FinalPagelink&"  共"&AllRecordsCount&"條記錄  " viewPage=Str_PageList2EndFunction%>前后臺(tái)集成后臺(tái)修改到數(shù)據(jù)庫代碼<%action=Request.QueryString<"Action">SelectCaseLcase<action>Case"delall" Calldell_colume<>Case"add" Calladd_colume<>Case"update" Callupdate_colume<>EndSelectSubdell_columeID=trim<request<"chk">> IfID=""Thenresponse.write"<scriptlanguage=javascript>alert<'沒有選擇數(shù)據(jù)'>;history.go<-1>;</script>":response.Endsql="deletefromIdea_NewswhereIDin<"&ID&">" Callidea.exec<"",-1> setrs=server.createobject<"adodb.recordset"> conn.execute<sql> setrs=nothing response.write"<scriptlanguage=javascript>alert<'數(shù)據(jù)刪除成功'>;location.href='Admin_News.asp';</script>"EndSubSubadd_colume NewsName=trim<request<"NewsName">> SortID=trim<request<"Sort">> SSource=trim<request<"Source">> Publisher=trim<request<"Publisher">> NewsPic=trim<request<"pic">> sNewsPic=trim<request<"spic">> Content=trim<request<"Content">> if<trim<request<"IsShow">><>"">then IsShow=1 else IsShow=0 endif sql="insertintoIdea_News<[NewsName],[SortID],[Source],[NewsPic],[sNewsPic],[Content],[Publisher],[IsShow]>values<'"&NewsName&"',"&SortID&",'"&SSource&"','"&NewsPic&"','"&sNewsPic&"','"&Content&"','"&Publisher&"','"&IsShow&"'>" Callidea.exec<"",-1> setrs=server.createobject<"adodb.recordset"> conn.execute<sql> setrs=nothing response.write"<scriptlanguage=javascript>alert<'數(shù)據(jù)添加成功'>;location.href='Admin_News.asp';</script>"EndSubSubupdate_columeID=trim<request<"ID">> NewsName=trim<request<"NewsName">> SortID=trim<request<"Sort">> SSource=trim<request<"Source">> Publisher=trim<request<"Publisher">> NewsPic=trim<request<"pic">> sNewsPic=trim<request<"spic">> Content=trim<request<"Content">> if<trim<request<"IsShow">><>"">then IsShow=1 else IsShow=0 endif sql="updateIdea_Newsset[NewsName]='"&NewsName&"',[SortID]="&SortID&",[Source]='"&SSource&"',[NewsPic]='"&NewsPic&"',[sNewsPic]='"&sNewsPic&"',[Content]='"&Content&"',[Publisher]='"&Publisher&"',[IsShow]='"&IsShow&"'whereID="&ID&"" Callidea.exec<"",-1> setrs=server.createobject<"adodb.recordset"> conn.execute<sql> setrs=nothing response.write"<scriptlanguage=javascript>alert<'數(shù)據(jù)更新成功'>;location.href='Admin_News.asp';</script>"EndSubFunctionInf_Count<>sql="select*fromIdea_News" setrs=idea.exec<sql,1>Inf_Count=rs.recordcount rs.close setrs=nothingEndFunction%>前臺(tái)從數(shù)據(jù)庫調(diào)用代碼<!--#includefile="inc/conn.asp"--><!--#includefile="inc/sqlin.asp"--><%Keyword=Trim<request.QueryString<"Key">>CurrentSort=Trim<request.QueryString<"SortID">>Sql="select*fromIdea_NewswhereIsShow="&GetState<>ifCurrentSort<>""then ifnotIsNumeric<request.QueryString<"SortID">>then Response.Write"<script>alert<'參數(shù)錯(cuò)誤！'>;history.go<-1>;</script>" response.End<> else SqlSort="select*fromIdea_NewsSortwhereID="&CurrentSort setrs=idea.exec<SqlSort,1> ifnotrs.eofthen Title=rs<"SortName"> Sql=Sql+"andSortID="&Cint<CurrentSort>&"" else Response.Write"<script>alert<'參數(shù)不在接收范圍！'>;history.go<-1>;</script>" response.End<> endif rs.close setrs=nothing endifelseTitle="福特汽車中國站——汽車展示" endififrequest.QueryString<"Key"><>""then Sql=Sql&"andNewsNamelike'%"&Keyword&"%'"endifPage=Trim<Request.QueryString<"Page">>ifPage=""orPage<"1"then Page="1"endifsetrspage=idea.exec<Sql,1>ifsession<"PageSize">=""orisnull<session<"PageSize">>thensession<"PageSize">="6"endif rspage.pagesize=cint<session<"PageSize">>Page=CInt<Page>ifrspage.pagecount>"0"thenrspage.absolutepage=PageendIfIndexTemplateHtml=Replace<FSOFileRead<"template/"&idea_3&"/html/newslist.html">,"{template_head}",FSOFileRead<"template/"&idea_3&"/html/head.html">>IndexTemplateHtml=Replace<IndexTemplateHtml,"{template_foot}",FSOFileRead<"template/"&idea_3&"/html/foot.html">>IndexTemplateHtml=replace<IndexTemplateHtml,"images/","template/"&idea_3&"/images/">AllTemplateHtml=ReplaceGlobalLable<GetAllHtml_List<IndexTemplateHtml,Const_Rule,CurrentSort,Keyword,Page>>PageNumber_1=viewPage<rspag

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論