畢業作品展示平臺的設計與實現

摘 要 本文以惠州經濟職業技術學院為例，通過對大學生畢業作品展示平臺的需求分析，明確了該平臺主要由前臺展示和后臺管理兩部分構成，并確定采用B/S架構，使用Apache+MySQL+PHP相關技術，對平臺的功能進行設計、開發、測試和實施，滿足了大學生畢業作品展示的需要，拓展學生學習交流空間，最終達到預期的效果。

【關鍵詞】畢業作品 展示平臺 Apache MySQL PHP

1 概述

隨著 Internet技術的迅速發展，在線展示平臺越來越得到廣泛的應用。在很多學校，傳統的做法是，高職學生創作的畢業作品完成后由自己和指導老師保存，或者通過傳統的方式進行短暫的展示，然后就沒有更多的用途了。其實這些作品還有很多價值，如供其他同學參考借鑒，互相學習交流等。為了給畢業班學生提供一個畢業作品展示和學習交流的在線開放平臺，開發一個高職學生畢業作品展示平臺對高職院校實踐教學具有非常積極的意義。利用這個平臺，學生可方便、直觀地展示自己的畢業設計作品，也可為其他學生畢業設計的選題、設計提供有價值的參考。

2 相關技術

本畢業作品展示平臺采取B/S結構模式，采用Apache+MySQL+PHP技術開發實現。

B/S（Browser/Server）：瀏覽器/服務器模式，是Web興起后的一種網絡結構模式。這種模式統一了客戶端，將系統功能實現的核心部分集中到服務器上，簡化了系統的開發、維護和使用。客戶機上只需安裝一個瀏覽器，如Netscape Navigator或Internet Explorer，服務器安裝MySQL、SQL Server、Oracle等數據庫，瀏覽器通過Web Server同數據庫進行數據交互。

Apache：Web服務器軟件，它快速、可靠并且可通過簡單的API擴充，將Perl/Python/PHP等解釋器編譯到服務器中。

MySQL：是一個真正的多用戶、多線程 SQL 數據庫服務器，主要特點是快速和易用，支持多種操作系統。

PHP：是一種通用開源腳本語言。語法吸收了C語言、Java和Perl的特點，利于學習，使用廣泛，主要適用于Web開發領域。

Apache+MySQL+PHP的組合，簡稱AMP，是Web開發的一個黃金組合。非常適合開發中小型的Web應用，開發的速度比較快，而且所有的軟件都是開源免費的，可以減少成本投入。

3 需求分析

3.1 從功能結構角度分析

從功能角度分析，畢業作品展示平臺分為兩部分：前臺展示和后臺管理。

3.1.1 平臺前臺展示功能模塊

平臺首頁：顯示平臺首頁信息。

平臺簡介：顯示平臺簡介信息。

新聞動態：顯示新聞動態列表及新聞詳細內容信息。

作品展示：顯示畢業作品列表及作品詳細內容信息。

聯系我們：顯示聯系我們信息。

3.1.2 平臺后臺管理功能模塊

登錄驗證模塊：后臺管理員登錄身份驗證。

基本配置模塊：設置平臺的基本配置信息。

管理員管理模塊：管理后臺管理員信息。

單頁管理模塊：管理平臺簡介、聯系我們等單頁面信息。

焦點幻燈管理模塊：管理平臺前端頁面焦點幻燈版位的圖片。

友情鏈接模塊：管理友情鏈接信息。

新聞管理模塊：管理新聞動態信息。

教師管理模塊：管理教師基本信息。

分類管理模塊：管理作品分類信息。

所屬管理模塊：管理作品所屬的學院、系部、專業和班級信息。

作品管理模塊：管理作品的詳細信息。

退出系統模塊：退出平臺后臺。

3.2 從用例模型角度分析

從用例模型角度分析，畢業作品展示平臺有兩類用戶：普通用戶和管理員用戶。普通用戶無需登錄可以在前臺頁面瀏覽平臺的信息資源，管理員用戶則需要登錄系統，在后臺管理平臺的各種信息。平臺的用例圖如圖1所示。

4 平臺設計

4.1 平臺技術架構設計

本平臺的技術架構設計采用B/S體系結構。B/S體系架構是屬于瘦客戶端的三層技術架構體系結構：第一層是表示層，即客戶端的瀏覽器層（如IE），是應用的用戶界面部分，它擔負著用戶與應用間的對話功能；第二層為業務邏輯層，即中間Web服務器層，主要負責對客戶端應用程序的集中管理；第三層為數據服務層，即后臺服務器層，主要負責數據的存儲和組織、數據庫的分布式管理、 數據庫的備份和同步等。這種B/S三層體系結構如圖2所示。

4.2 平臺功能框架設計

根據前面平臺功能需求分析可知，平臺的用戶主要有兩類：普通用戶和管理員用戶。結合這兩類用戶的功能需求，設計出平臺的總功能框架，如圖3所示。

4.3 平臺版面設計

經過前期的需求分析，平臺的整體結構已經非常清晰。其中平臺的前端頁面主要包括：平臺首頁、平臺簡介頁面、新聞動態列表頁面、新聞詳細頁面、作品展示列表頁面、作品展示詳細頁面、聯系我們頁面。接下來就是畫出各頁面的結構草圖，并根據結構草圖搜集相關素材，利用Photoshop、Fireworks等工具進行整套前端頁面版面的設計，并保持平臺各個頁面整體布局、風格的統一。

4.4 平臺數據庫設計

畢業作品展示平臺數據庫的設計方法是：先根據平臺的需求分析建立概念模型（采用E-R圖分析方法，確定平臺的實體集合、各實體的屬性以及實體之間的關系），再將數據庫的概念模型轉化為邏輯模型，最后進行規范化處理，形成數據庫的表結構。

本平臺設計出來的數據表結構主要包括：管理員表（glyb）、學院信息表（xyxxb）、系部信息表（xbxxb）、專業信息表（zyxxb）、班級信息表（bjxxb）、教師信息表（jsxxb）、作品分類表（zpflb）、作品信息表（zpxxb）、單頁管理表（dyglb）、幻燈管理表（hdglb）、新聞信息表（xwdtb）、友情鏈接表（yqljb）、網站信息管理表（info）等。其中與畢業設計作品信息相關的兩個表如表1和表2所示：endprint

5 平臺實現

通過對畢業作品展示平臺的系統分析和設計后，選擇MySQL作為后臺數據庫、Dreamweaver作為開發工具、PHP作為主要開發語言，結合HTML、JavaScript、DIV+CSS等技術編碼實現，并在Apache服務器上測試和運行。

平臺各功能模塊的實現都需要與后臺數據庫連接，所以預先創建一個名稱為“conn.php”的數據庫連接文件，以后需要對程序中數據庫進行操作時，就直接使用require_once（）函數將該文件引入就可以了。這樣可以減少代碼的重復編寫，提高工作效率?！癱onn.php”的數據庫連接文件的代碼如下：

<？php

$con = mysql_connect（"localhost"，"root"，"123456"）；

if（！$con）{

die（"連接數據庫失?。?.mysql_error（））；

}

$db_selected = mysql_select_db（"show1"，$con）；

if（！$db_selected）{

die（"數據庫選擇失敗：".mysql_error（））；

}

mysql_query（"set names 'utf8'"）；

？>

5.1 前臺頁面的編碼與實現

前臺頁面是用戶與平臺交互的窗口，是用戶獲取信息、進行操作的主要場所。平臺頁面版面設計出來后，需要使用相關軟件（如Photoshop、Fireworks、Dreamweaver等）和相關技術（如HTML語言、JavaScript語言、DIV+CSS網頁布局技術等）對頁面版面進行切圖和編碼，轉換成與版面圖一致的靜態頁面，并制作出生動、和諧和美感的效果。

其中，前臺首頁的頁面效果如圖4所示。

5.2 后臺管理的編碼與實現

畢業作品展示平臺的后臺管理模塊主要包括：登錄驗證模塊、基本配置模塊、管理員管理模塊、單頁管理模塊、焦點幻燈管理模塊、友情鏈接模塊、新聞管理模塊、教師管理模塊、分類管理模塊、所屬管理模塊、作品管理模塊、退出系統模塊等。后臺管理模塊的實現方法是：首先搭建好Apache+MySQL+PHP開發環境，然后將前面設計出來的數據表結構在MySQL平臺上實施，最后利用Dreamweaver工具和PHP動態網站開發技術編碼實現各個功能模塊。

其中后臺管理主頁面的效果如圖5所示。

5.3 前后臺整合

平臺的前臺和后臺是通過數據庫連接起來的，后臺功能主要是管理平臺數據庫的信息，而前臺則是把數據庫的信息通過前端頁面輸出。在平臺前后臺功能整合前，先登錄后臺為每個模塊錄入一些數據，以便在整合時能夠控制輸出效果。然后根據前臺頁面的情況，使用Dreamweaver工具和PHP動態網站開發技術，分別整合平臺首頁、平臺簡介頁、新聞動態列表頁、新聞詳細頁、作品展示列表頁、作品展示詳細頁和聯系我們頁，使得數據能夠在前臺頁面的相應的版位輸出并能夠通過后臺把數據寫入相應的數據表，實現平臺后臺管理前臺數據的效果，最終實現平臺前后臺各版塊功能的整合。

6 平臺測試與運行

6.1 平臺測試分析

本平臺在開發過程中，堅持邊開發邊測試的做法，采取黑盒測試、白盒測試、靜態測試和動態測試相結合的方式，對平臺進行了單元測試、集成測試、確認測試、系統測試和驗收測試，并且在不用的階段讓不同的測試人員來測試，力求從不同角色、不同角度去尋找隱藏的Bug，盡可能多地發現問題和解決問題。

從測試內容的角度，本平臺在整個開發過程中主要進行了系統的功能測試、瀏覽器兼容測試、鏈接測試、數據庫測試、安全性測試等。

從測試的結果來分析，發現的問題主要有數據輸出錯誤、瀏覽器不兼容等，通過反復地分析、排查、修正、調試，基本上解決了遇到的各種問題。

6.2 平臺運行結果

本平臺設計開發完成后，已在惠州經濟職業技術學院正式上線并投入使用。由于系統采用B/S架構，操作簡單、使用方便，為畢業班學生開辟了作品展示、分享、學習和交流的新空間，深受學生用戶的歡迎。平臺上線運行半年以來，性能穩定，前臺展示、后臺管理各功能模塊運行效果良好，基本實現了預期的目標。

7 結束語

畢業作品展示平臺在需求分析的基礎上，采用B/S架構，通過Apache+MySQL+PHP技術開發實現，具有良好的開放性和易用性。從平臺運行的情況來看，能夠有效的進行作品展示和分享，拓展了學生的學習與交流空間，同時也激發了學生的學習熱情，促進了大學生實踐教學的改革發展。

參考文獻

[1]杜娟.學生藝術作品展示平臺的設計與實現[D].大連：大連理工大學，2016.

[2]李觀金.大學生創業園信息管理系統的研究與開發[D].廣州：華南理工大學，2014.

[3]王善勤，吳昌雨，鄒軍國.基于Java EE的大學生作品展示系統[J].南昌工程學院學報，2015，34（03）：42-46.

[4]王嵐瑨，熊偉程，馮景榮，張虹.網上作品展示平臺設計與實現[J].電腦編程技巧與維護，2014（16）：75-76.

作者單位

惠州經濟職業技術學院 廣東省惠州市 516057endprint