【正文】 ........................... 72 工作總結(jié) ........................................... 72 致謝 ....................................................... 75 參考文獻(xiàn) ................................................... 76 西安交通大學(xué)本科生畢業(yè)設(shè)計（論文） 1 前　言在當(dāng)前的大學(xué)校園里，同學(xué)們物質(zhì)生活十分豐富，有很多閑置不用的物品可以按較低的價格轉(zhuǎn)讓給其他同學(xué)。早期的校園二手交易方式，主要局限于以張貼紙質(zhì)告示的形式發(fā)布出售或求購信息。但由于 BBS并非為二手交易專門設(shè)計，其信息的組織形式是以交流為目的而不是面向信息發(fā)布，在功能的實用性和便利性上有很多欠缺，且存在管理制度上局限，難以滿足校園內(nèi)日益頻繁活躍的二手交易活動。如果雙方在此環(huán)節(jié)達(dá)成一致，則在商定的時間和方式下“付款交物” ?；谶@個總體思路之下，通過學(xué)習(xí)相關(guān)理論知識和網(wǎng)站開發(fā)技術(shù)，設(shè)計和開發(fā)了專門的校園二手交易網(wǎng)站。主要包括前臺用戶功能和后臺管理功能兩大部分。西安交通大學(xué)本科生畢業(yè)設(shè)計（論文） 5 第 1 章 動態(tài) Web 開發(fā)技術(shù)簡介 Web 技術(shù)簡介Web技術(shù)作為 Intemet上最普遍和最受歡迎的應(yīng)用之一，發(fā)展十分迅速。動態(tài) Web技術(shù)主要分為客戶端和服務(wù)器端的動態(tài)技術(shù)：圖 11 動態(tài) Web技術(shù)西安交通大學(xué)本科生畢業(yè)設(shè)計（論文） 客戶端的動態(tài)技術(shù)客戶端的動態(tài)技術(shù)主要指網(wǎng)頁能根據(jù)用戶的選擇而動態(tài)改變顯示和做出其它響應(yīng)，能夠以一致的界面提供豐富的動態(tài)信息。采用客戶端腳本程序的優(yōu)點是將處理從服務(wù)器端移動到了客戶端，由瀏覽器來完成所有的工作，減輕了服務(wù)器的負(fù)擔(dān)。傳統(tǒng)的 HTML語言本質(zhì)上是靜態(tài)的，不允許動態(tài)地改變頁面的內(nèi)容和樣式，也缺乏表達(dá)多媒體信息的能力。使用 CSS層疊樣式表(Cascading Style Sheets)是 DHTML一個重要特征。 服務(wù)器端的動態(tài)技術(shù)目前的大多數(shù)動態(tài) Web服務(wù)都離不開數(shù)據(jù)庫的支持，如電子商務(wù)、信息查詢等。西安交通大學(xué)本科生畢業(yè)設(shè)計（論文）CGI是公共網(wǎng)關(guān)接口(Common Gateway Interface)的縮寫，是一種所有平臺和 Web服務(wù)器都支持的 Web服務(wù)器與外部程序通信的規(guī)范。在 ASP網(wǎng)頁開發(fā)方案中應(yīng)用 ADO組件技術(shù)，可以實現(xiàn)對數(shù)據(jù)庫的高效訪問。ASP采用 VBScript或 JavaScript作為自己的腳本語言。ASP擁有 5個內(nèi)置對象，它們是 ASP的核心，每個對象都包含獨特的集合、方法和事件。當(dāng)一個客戶端訪問服務(wù)器時就會建立一個特定的 Session對象，用戶在 Web應(yīng)用程序的不同頁面間跳轉(zhuǎn)時不會丟棄 Session對象中存儲的變量ASP文件應(yīng)盡量按如下結(jié)構(gòu)編寫：西安交通大學(xué)本科生畢業(yè)設(shè)計（論文） 定 義 變 量儲 存 結(jié) 果 到 相 應(yīng) 變 量斷 開 數(shù) 據(jù) 庫 連 接操 作 數(shù) 據(jù) 庫連 接 數(shù) 據(jù) 庫在 結(jié) 果 HTML中 調(diào) 用 相 應(yīng) 變 量圖 12 ASP 腳本文件的結(jié)構(gòu) 腳本語言的基本概念腳本語言(Scripting Language)是一種適用于動態(tài) Web開發(fā)的特殊的程序語言，它由一些 ASCII碼組成，并可以用“記事本”等通用文本編輯器直接編輯。腳本程序作為 HTML內(nèi)部的活動元素駐留在 HTML頁面中，可以動態(tài)地修改 HTML頁面元素的屬性。類似地，JavaScript是 Java語言的一個子集，是一種嵌入 HTML文檔中的、跨平臺、基于對象和事件驅(qū)動的腳本語言，它同樣既可以在客戶端運行也可以在服務(wù)器段運行。同時，XML具有靈活的語法和擴(kuò)展性，使得 XML能夠適應(yīng)不同行業(yè)的不同需求。連接字符串由建西安交通大學(xué)本科生畢業(yè)設(shè)計（論文） 13 立到數(shù)據(jù)庫的連接所需的全部信息（或參數(shù)）組成。uid=sa。默認(rèn)情況下，Windows XP Professional 并未安裝 IIS。 框架之上的 擁有遠(yuǎn)高于其他動態(tài)網(wǎng)頁技術(shù)的安全性和執(zhí)行效率，但存在軟硬件要求較高的問題。通過 Microsoft SQL Server 2022的安裝光盤安裝 SQL Server 2022的個人版至計算機(jī)中，然后通過其內(nèi)置的組件“企業(yè)管理器”來創(chuàng)建和管理數(shù)據(jù)庫以及用戶表。通過安裝包將 Macromedia Dreamweaver安裝至本地計算機(jī)上，然后通過其西安交通大學(xué)本科生畢業(yè)設(shè)計（論文）內(nèi)置的“站點管理器”來創(chuàng)建支持動態(tài) Web技術(shù)的新站點，并通過“創(chuàng)建新頁面”功能創(chuàng)建新的 ASP動態(tài)頁面。前臺部分由用戶身份驗證、信息瀏覽、分類導(dǎo)航、信息搜索、發(fā)布信息、管理信息、站內(nèi)短訊、我的關(guān)注、留言薄等功能模塊組成，后臺部分由發(fā)布公告、批量清理、用戶管理、信息管理、分類管理、留言管理等功能模塊組成。借助表格布局是指采用表格或表格嵌套的方式實現(xiàn)頁面元素的定位。在 XHTML網(wǎng)站設(shè)計標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是強(qiáng)制使用div+CSS的方式實現(xiàn)頁面元素定位。 4. div+CSS布局使更換網(wǎng)站版面布局更為簡單，因為布局代碼實際上都寫在了獨立的 CSS文件里，只需要改寫 CSS文件的相應(yīng)代碼而不需要改動頁面文件。鑒于以上原因，本二手交易網(wǎng)站采用表格方式進(jìn)行頁面布局，但同時使用了 CSS技術(shù)控制元素樣式和統(tǒng)一頁面風(fēng)格。更改 CSS文件就可以改變網(wǎng)頁的整體表現(xiàn)形式。使用 CSS樣式表的方法有三種：鏈入外部樣式表文件(Linking to a Style Sheet)，定義內(nèi)部樣式塊對象(Embedding a Style Block)，和內(nèi)聯(lián)定義 (Inline Styles) 本二手交易網(wǎng)站使用的附加樣式表 CSS文件內(nèi)容如下：/*頁面主體的背景、字體與顏色*/body {backgroundcolor: F4FFE4。color: 42522C。fontsize: 24px。color: 993300。}/*導(dǎo)航條的文字樣式（塊狀顯示）*/.navText {color: 003366。fontfamily: 宋體。lineheight:20px。fontsize: 18px。paddingright: 10px。color:993300。}/*交易信息條目的樣式*/.info {fontsize: 18px。textdecoration: none。}代碼 31 外表樣式表 網(wǎng)站的所有動態(tài)頁面都在頭部加入link href= rel=stylesheet type=text/css /鏈入外部樣式表控制頁面風(fēng)格。進(jìn)一步通過設(shè)置鼠標(biāo)移向鏈接時改變底色和文字顏色，使導(dǎo)航條更加生動。lineheight:20px。fontsize: 18px。paddingright: 10px。color:993300。database=data。此字符串定義了數(shù)據(jù)庫的連接方式和登錄賬戶set conn=()39。西安交通大學(xué)本科生畢業(yè)設(shè)計（論文） 33 對于只有登錄用戶才能使用的功能，相應(yīng)的頁面頭部必須加入用戶登錄驗證代碼，如果當(dāng)前用戶未登錄或登錄超時，將自動轉(zhuǎn)向用戶登錄頁面：% if session(user)= then 39。請先登錄！39。)。創(chuàng)建新的記錄集(recordset) 對象set rs=()39。39。alert(39。如果 =1則可以注冊sql=insert into [user](user_name,user_pass,user_mail,user_qq) values(39。,39。,39。,39。) 39。alert(39。39。return false。}/SCRIPT%39。39。39。now()amp。usernameamp。在發(fā)布信息的表單里，用戶可選擇交易信息的類型和分類，并填寫標(biāo)題、價格、內(nèi)容、有效期、聯(lián)系方式等具體內(nèi)容。插入 info表的 sql語句sql = insert into [info] (info_user, info_kind, info_bclass, info_price,info_title,info_detail,info_contact,info_expiredays,info_status,info_date) values (39。,39。,39。,39。,39。,39。,39。,39。,39。nowtimeamp。后者不依賴于服務(wù)器對組件的支持，因此被廣泛采用。并且圖片的二進(jìn)制數(shù)據(jù)只能存儲在數(shù)據(jù)庫中，無法以文件形式保存在服務(wù)器端。bncrlf)+4 dataend=instrb(datastart+1,formdata,divider)datastart mydata=midb(formdata,datastart,dataend) 39。上傳文件計數(shù)for each formName in 39。保存上傳圖片至\upload 目錄下，并按規(guī)律命名 (upload\amp。.jpg) amp。) 上傳成功!br icount=icount+1end ifset file=nothingnextset upload=nothing 39。 [a 西安交通大學(xué)本科生畢業(yè)設(shè)計（論文）href=javascript:()。info_idamp。amp。amp。amp。amp。priceamp。39。39。39。info_id(sql)代碼 410 中更新信息內(nèi)容的代碼點擊“確認(rèn)成交”后，信息狀態(tài)由“有效”變?yōu)椤耙殉山弧??！mp。已成交39。alert(39。39。info_idamp。39。info_idamp。成功刪除信息！39。)。有效39。西安交通大學(xué)本科生畢業(yè)設(shè)計（論文） 45 圖 49 分類信息列表() 搜索信息動態(tài)頁面 ：圖 410 搜索信息()提交搜索關(guān)鍵字后，由 ，并負(fù)責(zé)在數(shù)據(jù)庫 info表中查找相應(yīng)表項然后顯示搜索結(jié)果。用 Split函數(shù)將關(guān)鍵字按空格分為幾個子串sql=select * from info where info_kind=39。 and info_status=39。%For i = 0 To UBound(keyword)sql = sql + keyword(i)If i = UBound(keyword) Thensql = sql + %39。%For i = 0 To UBound(keyword)sql = sql + keyword(i)If i = UBound(keyword) Thensql = sql + %39。西安交通大學(xué)本科生畢業(yè)設(shè)計（論文）圖 412 修改資料()%pass=ReplaceBadChar(trim((pass))) 39。useramp。javascript39。/script else 39。39。39。密碼修改成功！請用新密碼登錄！39。)。此功能方便了用戶之間關(guān)于某一特定交易信息的交流。amp。amp。amp。amp。javascript39。西安交通大學(xué)本科生畢業(yè)設(shè)計（論文）(39。)。圖 414 信息詳情頁面中“添加至我的關(guān)注”功能()每一條關(guān)注內(nèi)容本質(zhì)上是數(shù)據(jù)庫 basket表中的一個表項，包括用戶名和信息 ID等字段。info_id　amp。useramp。alert(39。?id=%=info_id%39。amp。...end if% tr td width=54 class=info /td td width=458 align=left class=info%if trim(rs(info_kind))=出售 then% font color=FF0000[出售]/font %else% font color=0000FF[求購]/font %end if% a href=?id=%=rs(info_id)%%=title%(%=rs(info_status)%)/a/td td width=90 class=info%=rs(info_user)%/td td width=85 class=infoa href=?basket_id=%=rs(basket_id)%取消關(guān)注/a/td /tr%loop%代碼 418 站內(nèi)短訊雖然在發(fā)布交易信息的表單里設(shè)置了“聯(lián)系方式” ，以引導(dǎo)用戶填寫自己的西安交通大學(xué)本科生畢業(yè)設(shè)計（論文） 53 或手機(jī)等通訊工具。同時可以在導(dǎo)航條的“查看消息”功能里查看到其他用戶發(fā)給自己的短訊，還可以方便地進(jìn)行刪除等操作。存儲接收方用戶名title=(title)detail=(detail)nowtime=now()%%sql = insert into [message](message_from, message_to, message_title, message_detail, message_date) values(39。,39。,39。,39。,39。)(sql)%SCRIPT Language=javascript!(短消息發(fā)送成功?。?！)。am