基于Web的高校尋物啟事及失物招領(lǐng)平臺(tái)開(kāi)發(fā)

摘要：針對(duì)目前高校內(nèi)失物歸還率低及同學(xué)們?cè)趤G失物品之后不知如何尋找等諸多問(wèn)題，開(kāi)發(fā)了基于Web的高校尋物啟事及失物招領(lǐng)平臺(tái)。平臺(tái)基于B/S架構(gòu)，將UI與PHP和數(shù)據(jù)庫(kù)連接的功能代碼分開(kāi)編寫，后臺(tái)采用MySQL數(shù)據(jù)庫(kù)和PHP語(yǔ)言開(kāi)發(fā)，前臺(tái)使用java script結(jié)合CSS、DIV等設(shè)計(jì)完成動(dòng)態(tài)頁(yè)面。平臺(tái)能及時(shí)有效地處理高校內(nèi)的尋物啟事及失物招領(lǐng)類事務(wù)，為高校師生提供方便。

關(guān)鍵詞：尋物啟事；失物招領(lǐng)；Web；MySQL；PHP

中圖分類號(hào)：G647 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：1674-9324（2013）26-0245-03

物品丟失已經(jīng)成為高校校園內(nèi)極為普遍的現(xiàn)象，校園內(nèi)隨處可見(jiàn)尋物啟事及失物招領(lǐng)啟事，各個(gè)高校的論壇、貼吧以及各類社交平臺(tái)內(nèi)也充斥著大量類似的信息，但因啟事的張貼有時(shí)間方面的限制且破壞校園環(huán)境，而各類網(wǎng)站平臺(tái)并不能有針對(duì)性的對(duì)此類事務(wù)進(jìn)行分類處理，導(dǎo)致失物歸還率低、大量紙張浪費(fèi)以及同學(xué)們?cè)趤G失物品之后不知如何找尋等諸多問(wèn)題�，F(xiàn)在國(guó)內(nèi)有一些尋物啟事及失物招領(lǐng)網(wǎng)站，但因?yàn)槭敲嫦蛉珖?guó)，范圍太廣，沒(méi)有針對(duì)性，實(shí)用性不強(qiáng)，因此人們關(guān)注度很低。“高校尋物啟事及失物招領(lǐng)平臺(tái)”將目標(biāo)對(duì)象定位為高校師生。用戶在進(jìn)行信息檢索時(shí)，網(wǎng)站根據(jù)用戶所輸入的檢索關(guān)鍵字或所選擇的條目類型進(jìn)行數(shù)據(jù)挖掘與匹配，為用戶提供所需的檢索結(jié)果。用戶還可以在“個(gè)人中心”查看自己發(fā)布、回復(fù)以及最近瀏覽過(guò)的信息，并可通過(guò)帖子下方的QQ按鈕即時(shí)與相關(guān)用戶聯(lián)系。此外，網(wǎng)站管理員將收集并核實(shí)用戶反饋的虛假信息，可以對(duì)高校內(nèi)部此類事務(wù)進(jìn)行有針對(duì)性的分類、整理和信息發(fā)布，為丟失物品的同學(xué)及時(shí)準(zhǔn)確地提供失物招領(lǐng)信息，進(jìn)而克服傳統(tǒng)失物招領(lǐng)方式失物歸還率低、大量紙張浪費(fèi)等諸多問(wèn)題。

一、平臺(tái)設(shè)計(jì)

高校尋物啟事及失物招領(lǐng)平臺(tái)為高校師生及時(shí)有效地提供高校內(nèi)的尋物啟事及失物招領(lǐng)信息。用戶未登錄時(shí)即可瀏覽網(wǎng)站里的信息。登陸后可發(fā)表帖子，并可通過(guò)帖子下面的QQ按鈕直接與發(fā)帖人聯(lián)系。平臺(tái)主要分以下幾個(gè)模塊：

1.失物招領(lǐng)模塊。將所有失物招領(lǐng)按發(fā)布時(shí)間顯示出來(lái)，丟失物品的用戶可以進(jìn)入該模塊查看所有失物招領(lǐng)啟事，并可通過(guò)勾選物品類別、物品顏色、學(xué)校校區(qū)等信息或輸入關(guān)鍵字來(lái)搜索自己尋找的東西。

2.尋物啟事模塊。將所有尋物啟事按發(fā)布時(shí)間顯示出來(lái)。

3.虛假信息舉報(bào)模塊。將虛假信息以及相應(yīng)用戶的ID發(fā)布在這一模塊，提醒廣大用戶小心受騙。

4.用戶個(gè)人中心模塊。網(wǎng)站為已注冊(cè)用戶提供“個(gè)人中心”頁(yè)面，將用戶發(fā)布、回復(fù)以及最近瀏覽過(guò)的信息進(jìn)行準(zhǔn)確匯總，并為用戶提供相應(yīng)鏈接。用戶可以在這個(gè)界面查看自己發(fā)布、回復(fù)過(guò)以及最近瀏覽過(guò)的信息，并可接收和發(fā)送站內(nèi)信。

二、主要功能實(shí)現(xiàn)

1.用戶的注冊(cè)：首先根據(jù)規(guī)定的用戶名以及密碼的格式檢測(cè)用戶的輸入是否合法，并檢測(cè)數(shù)據(jù)庫(kù)是否存在重名用戶，如果輸入合法且數(shù)據(jù)庫(kù)中無(wú)相同用戶信息，則使用insert語(yǔ)句向數(shù)據(jù)庫(kù)中插入相應(yīng)的用戶數(shù)據(jù)，生成一位注冊(cè)用戶。

2.用戶的登錄：登錄時(shí)檢測(cè)用戶所輸入的用戶和密碼是否與數(shù)據(jù)庫(kù)中已有的數(shù)據(jù)相匹配，如果匹配，則登錄成功，進(jìn)入登錄后的用戶界面；若匹配失敗，則不能成功登錄，彈出失敗提示。

3.尋物/招領(lǐng)信息的發(fā)表：用戶在登錄后，可以發(fā)布尋物、招領(lǐng)的信息，在頁(yè)面的選項(xiàng)卡和文本框內(nèi)輸入相應(yīng)的物品信息后，便可以發(fā)表，系統(tǒng)檢測(cè)到用戶的輸入合法后，將物品信息插入數(shù)據(jù)庫(kù)中。

4.物品的搜索：我們?yōu)橛脩籼峁┝藘煞N搜索方式，一種是選項(xiàng)卡篩選的方式，另一種是關(guān)鍵字搜索，第一種方式我們采用了復(fù)選框讓用戶對(duì)自己所要查找的物品信息進(jìn)行篩選（如類型、顏色、品牌等等），在數(shù)據(jù)庫(kù)中找到經(jīng)過(guò)篩選的物品信息，反饋到用戶界面供用戶查看。關(guān)鍵字搜索為用戶提供了搜索框，用戶可搜索物品名稱中所包含的關(guān)鍵字或完整的物品名稱，系統(tǒng)在數(shù)據(jù)庫(kù)中找到匹配項(xiàng)輸出到用戶界面。

5.用戶個(gè)人中心：為用戶提供了個(gè)人信息的界面，用戶可以修改部分個(gè)人信息，也可以查看自己所發(fā)布的信息，系統(tǒng)將該用戶發(fā)布過(guò)的信息從數(shù)據(jù)庫(kù)中篩選出來(lái)輸出在個(gè)人中心界面上，方便用戶查看。

三、技術(shù)實(shí)現(xiàn)

在整個(gè)平臺(tái)的實(shí)現(xiàn)過(guò)程中，我們并沒(méi)有將UI完全寫進(jìn)PHP，而是將UI與PHP和數(shù)據(jù)庫(kù)連接的功能代碼分開(kāi)編寫，所以以后如需修改網(wǎng)站的界面，將不會(huì)對(duì)系統(tǒng)本身造成很大的影響。首先，當(dāng)用戶要進(jìn)行相關(guān)操作時(shí)，瀏覽器層次會(huì)調(diào)用相應(yīng)的php程序。php程序接收來(lái)自網(wǎng)頁(yè)的請(qǐng)求，然后根據(jù)請(qǐng)求對(duì)數(shù)據(jù)庫(kù)進(jìn)行相應(yīng)的操作，并將操作結(jié)果返回給前臺(tái)網(wǎng)頁(yè)。平臺(tái)架構(gòu)圖如圖3所示：

1.前臺(tái)實(shí)現(xiàn)。網(wǎng)站的前臺(tái)搭建用Dreamweaver制作工具，除了Dreamweaver最基本的功能實(shí)現(xiàn)以外，還使用到了一些其他技術(shù)：層的使用，結(jié)合Java Script做的行為特效，CSS，spry構(gòu)件等。以子主頁(yè)的Java Script切換特效為例，采用CSS用于進(jìn)行風(fēng)格設(shè)計(jì)，進(jìn)行了層的定義使用及初始化定位，并調(diào)用addLoadEvent（func）、moveElement、classCurrent等函數(shù)功能實(shí)現(xiàn)圖片的移動(dòng)切換及劃過(guò)小圖片大圖片相應(yīng)顯示等功能，同時(shí)設(shè)置了鏈接，為用戶提供了更加友好、豐富的交互式體驗(yàn)。層的使用主要用于設(shè)計(jì)頁(yè)面的布局。通過(guò)層的放置，實(shí)現(xiàn)隱藏某些層或者顯示其他層，以及在屏幕上移動(dòng)層。平臺(tái)中主logo下的導(dǎo)航欄即應(yīng)用是層的應(yīng)用實(shí)例。行為特效主要是在子主頁(yè)中結(jié)合Java Script的編程做的一個(gè)圖片選擇預(yù)覽效果，通過(guò)點(diǎn)擊小圖標(biāo)自動(dòng)定位到大圖標(biāo)，使整個(gè)頁(yè)面不會(huì)顯得太單調(diào)，更加的美觀和人性化。這一塊還涉及到了層，div，AP div的使用。CSS主要用于用來(lái)進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)，使整個(gè)網(wǎng)頁(yè)的制作過(guò)程樣式能夠多樣化與統(tǒng)一化，也使整個(gè)網(wǎng)頁(yè)設(shè)計(jì)操作簡(jiǎn)單化。Spry構(gòu)件不僅增加了頁(yè)面的布局形式，簡(jiǎn)化并增強(qiáng)了表單的驗(yàn)證功能，還與XML數(shù)據(jù)相結(jié)合，方便構(gòu)造動(dòng)態(tài)數(shù)據(jù)顯示，便于能夠更好的進(jìn)行人機(jī)交互。

2.后臺(tái)實(shí)現(xiàn)。網(wǎng)站采用PHP+MySQL進(jìn)行開(kāi)發(fā)。MySQL是一個(gè)開(kāi)放源碼的小型關(guān)聯(lián)式數(shù)據(jù)庫(kù)管理系統(tǒng)。它體積小、速度快且便于管理，同時(shí)具有較高的可移植性和穩(wěn)定性，作為中小型網(wǎng)站的數(shù)據(jù)庫(kù)非常合適。PHP是一種非常優(yōu)秀的WEB服務(wù)器端腳本語(yǔ)言，跨平臺(tái)性強(qiáng)，編輯簡(jiǎn)單，有較高的實(shí)用性。PHP還可以被嵌入于HTML語(yǔ)言。此外，PHP消耗相當(dāng)少的系統(tǒng)資源。數(shù)據(jù)便于管理，以提高數(shù)據(jù)庫(kù)的檢索速度和靈活性。使用PHP將前臺(tái)與數(shù)據(jù)庫(kù)進(jìn)行連接后，主要通過(guò)函數(shù)及SQL語(yǔ)句操作數(shù)據(jù)庫(kù)。當(dāng)用戶在網(wǎng)頁(yè)上進(jìn)行各種操作時(shí)，HTML頁(yè)面表單中的信息被提交給相應(yīng)的action所指定的腳本程序（即相應(yīng)的.php文件）處理，最后利用PHP中的函數(shù)讀取數(shù)據(jù)庫(kù)中的數(shù)據(jù)并返回給前臺(tái)，呈現(xiàn)給用戶。

本文介紹了基于Web的高校尋物啟事及失物招領(lǐng)平臺(tái)的實(shí)現(xiàn)過(guò)程。用戶可以通過(guò)平臺(tái)發(fā)布尋物啟事及失物招領(lǐng)、瀏覽此類信息，并可通過(guò)平臺(tái)即時(shí)聯(lián)系相關(guān)用戶。平臺(tái)立足于廣大師生的需要，針對(duì)性地對(duì)各個(gè)高校內(nèi)部的失物招領(lǐng)及尋物啟事類信息進(jìn)行分類、整理和發(fā)布，提高了失物歸還率，為廣大師生提供了方便，同時(shí)為大家創(chuàng)建了一個(gè)更和諧美好的校園環(huán)境。

參考文獻(xiàn)：

[1]劉欣，李慧，等.PHP開(kāi)發(fā)寶典[M].北京：機(jī)械工業(yè)出版社，2012.

[2]蘭玉.PHP與MySQL網(wǎng)站開(kāi)發(fā)全接觸[M].北京：機(jī)械工業(yè)出版社，2012.

[3]胡崧，李海，劉芬芬.Dreamweaver CS5中文版標(biāo)準(zhǔn)教程[M].北京：中國(guó)青年出版社，2010.

[4]孫良軍，胡秀娥.HTML+CSS+JavaScript網(wǎng)頁(yè)設(shè)計(jì)與布局實(shí)用教程[M].北京：清華大學(xué)出版社，2011.

[5]張晉芳.PHP在網(wǎng)站后臺(tái)建設(shè)中的優(yōu)勢(shì)[J].太原：山西林業(yè)技術(shù)職業(yè)學(xué)院，2012，25（12）：39-40.

指導(dǎo)老師：吳志紅。

基金項(xiàng)目：四川大學(xué)計(jì)算機(jī)學(xué)院教改班創(chuàng)新實(shí)踐基金

【基于Web的高校尋物啟事及失物招領(lǐng)平臺(tái)開(kāi)發(fā)】相關(guān)文章：

尋物的啟事12-30

經(jīng)典尋物啟事11-14

尋物啟事06-02

基于Web的物流園區(qū)信息平臺(tái)的構(gòu)建04-30

基于RIA和Web Services的WebGIS系統(tǒng)的開(kāi)發(fā)04-29

尋物啟事的格式06-28

關(guān)于尋物啟事01-14

英文的尋物啟事04-01

尋物啟事的范文10-21

尋物啟事作文03-19