趙雅麗 王昕波 成麗君

摘要

基于互聯(lián)網(wǎng)與數(shù)據(jù)庫技術(shù)開發(fā)一款物品丟尋網(wǎng)站，該網(wǎng)站利用關(guān)系型數(shù)據(jù)庫將數(shù)據(jù)整合。采用XML語法規(guī)范數(shù)據(jù)達到傳輸?shù)哪康?。用DIV+CSS方法來對，便于網(wǎng)站的設(shè)計。JavaScript技術(shù)提高了用戶與網(wǎng)站之間的互動，人機交互感增強。各大城市目前還未有相關(guān)網(wǎng)站的開發(fā)，該網(wǎng)站可以滿足當前人們想快速尋找丟失物品的需要。

【關(guān)鍵詞】XML關(guān)系型數(shù)據(jù)庫 DIV+CSS 人機交互

隨著經(jīng)濟與科學技術(shù)的進步，Internet發(fā)展的新形勢下中國網(wǎng)民日益增多，網(wǎng)絡(luò)普及率越來越高，手機網(wǎng)民約5.57億。在日常生活中常會發(fā)生物品丟失，之后人們會通過微信朋友幽、QQ空問發(fā)布消息尋找丟失物品。通過這個網(wǎng)站，人們可將相關(guān)信息發(fā)布到網(wǎng)站上，將丟失物品信息整合，以便人們及時找到丟失的物品。

1 開發(fā)平臺及相關(guān)技術(shù)

該 網(wǎng) 站 以Microsoft Active ServerPages（ASP）為”服務(wù)器端腳本編寫”環(huán)境，以JavaScript為腳本語言，以MYSQL為后臺數(shù)據(jù)庫。網(wǎng)頁制作以NotePad++、Photoshop CS6、網(wǎng)頁特效制作專家等軟件技術(shù)來制作網(wǎng)站。

1.1 數(shù)據(jù)庫技術(shù)

MYSQL屬于關(guān)系數(shù)據(jù)庫管理系統(tǒng)。訪問Database所使用的SQL語言速度快、體積小，而且成本也很低。我們之所以選擇MYSQL作為數(shù)據(jù)庫是因為有支持開放源碼的特點，并且降低了成本。

1.2 服務(wù)器技術(shù)

ASP是由服務(wù)器端運行，客戶端的瀏覽器只要能執(zhí)行HTML就可以，即能瀏覽所有ASP設(shè)計的界而內(nèi)容。服務(wù)器只會把最后的結(jié)果發(fā)送給瀏覽器，達到減輕瀏覽器負擔的目的。如圖1所示。

2 需求分析

2.1 用戶界面需求

界而是否能夠吸引瀏覽者留在網(wǎng)站上，是否能夠促使瀏覽者繼續(xù)點擊進入，并流下深刻的印象，全憑頁而的設(shè)計”功力”了。用戶界而設(shè)計就順利成章的成為網(wǎng)站建設(shè)的重點。界而設(shè)計原則：

A主題鮮明、富有特色：

界而簡潔、主題鮮明。網(wǎng)站圖片和文字讓用戶了解本網(wǎng)站的主題，吸引用戶視線。將網(wǎng)站的特色與情趣充分的在界而中表現(xiàn)出來。

B版式編排布局合理：

布局是最重要的，必須考慮用戶瀏覽的習慣和用戶想了解的內(nèi)容。布局不好看的話不但影響瀏覽，用戶體驗也很差。必須保持色彩平衡。注意上下、左右的呼應。注意頁而整體協(xié)調(diào)。最好能讓畫而和文字的結(jié)合，貼切網(wǎng)站主題。

2.2 系統(tǒng)功能需求

2.2.1 信息發(fā)布

丟失物品的用戶可以在網(wǎng)站中可以發(fā)布相關(guān)信息。也可以通過瀏覽網(wǎng)站中己發(fā)布的信息來搜索自己丟失的物品，而這種需求在瀏覽者一打開網(wǎng)站首頁時便可一目了然。同時，撿到他人丟失的物品也可以在網(wǎng)站上發(fā)布，讓更多的信息整合到網(wǎng)站中。在這項功能的設(shè)計上應該使用戶可以快速有效的發(fā)布信息。

2.2.2 后臺管理

后臺的管理和維護也很重要，關(guān)系到網(wǎng)站日后能穩(wěn)定運行。后臺管理主要是管理信息。

3 數(shù)據(jù)庫的設(shè)計

后臺數(shù)據(jù)表能夠很好的展示系統(tǒng)的工作量。數(shù)據(jù)庫的結(jié)構(gòu)設(shè)計是依據(jù)數(shù)據(jù)問的分類與依賴，把信息轉(zhuǎn)換成定義表。其定義表包括表名、數(shù)據(jù)類型、字段名及是否為空值，而且不同的數(shù)據(jù)庫中對數(shù)據(jù)的規(guī)范不同。該網(wǎng)站的數(shù)據(jù)庫表例舉如下：User表用來存儲用戶名、密碼和其他信息。如表1所示。

4 系統(tǒng)實現(xiàn)

4.1 用戶登錄模塊的實現(xiàn)

A登錄流程圖如圖2所示。

4.2 主界面模塊的實現(xiàn)

A用戶可在主頁中瀏覽相關(guān)信息和發(fā)表動態(tài)。如圖3所示。

B相關(guān)代碼