基于Web的高校尋物啟事及失物招領平臺開發

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

相關推薦

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

基于Web的高校尋物啟事及失物招領平臺開發

關鍵詞：尋物啟事；失物招領；Web；MySQL；PHP

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

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

一、平臺設計

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

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

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

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

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

二、主要功能實現

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

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

3.尋物/招領信息的發表：用戶在登錄后，可以發布尋物、招領的信息，在頁面的選項卡和文本框內輸入相應的物品信息后，便可以發表，系統檢測到用戶的輸入合法后，將物品信息插入數據庫中。

4.物品的搜索：我們為用戶提供了兩種搜索方式，一種是選項卡篩選的方式，另一種是關鍵字搜索，第一種方式我們采用了復選框讓用戶對自己所要查找的物品信息進行篩選（如類型、顏色、品牌等等），在數據庫中找到經過篩選的物品信息，反饋到用戶界面供用戶查看。關鍵字搜索為用戶提供了搜索框，用戶可搜索物品名稱中所包含的關鍵字或完整的物品名稱，系統在數據庫中找到匹配項輸出到用戶界面。

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

三、技術實現

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

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

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

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

參考文獻：

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

[2]蘭玉.PHP與MySQL網站開發全接觸[M].北京：機械工業出版社，2012.

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

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

[5]張晉芳.PHP在網站后臺建設中的優勢[J].太原：山西林業技術職業學院，2012，25（12）：39-40.

指導老師：吳志紅。

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

【基于Web的高校尋物啟事及失物招領平臺開發】相關文章：

尋物的啟事12-30

經典尋物啟事11-14

尋物啟事06-02