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

時間：2023-04-30 23:47:09 啟事我要投稿

相關(guān)推薦

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

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

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

中圖分類號：G647 文獻標志碼：A 文章編號：1674-9324（2013）26-0245-03

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

一、平臺設(shè)計

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻：

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

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

[3]胡崧，李海，劉芬芬.Dreamweaver CS5中文版標準教程[M].北京：中國青年出版社，2010.

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

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

指導老師：吳志紅。

基金項目：四川大學計算機學院教改班創(chuàng)新實踐基金

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

尋物的啟事12-30

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

尋物啟事06-02