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

【關(guān)鍵詞】畢業(yè)作品 展示平臺 Apache MySQL PHP

1 概述

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

2 相關(guān)技術(shù)

本畢業(yè)作品展示平臺采取B/S結(jié)構(gòu)模式，采用Apache+MySQL+PHP技術(shù)開發(fā)實現(xiàn)。

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

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

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

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

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

3 需求分析

3.1 從功能結(jié)構(gòu)角度分析

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

3.1.1 平臺前臺展示功能模塊

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

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

新聞動態(tài)：顯示新聞動態(tài)列表及新聞詳細內(nèi)容信息。

作品展示：顯示畢業(yè)作品列表及作品詳細內(nèi)容信息。

聯(lián)系我們：顯示聯(lián)系我們信息。

3.1.2 平臺后臺管理功能模塊

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

基本配置模塊：設(shè)置平臺的基本配置信息。

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

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

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

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

新聞管理模塊：管理新聞動態(tài)信息。

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

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

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

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

退出系統(tǒng)模塊：退出平臺后臺。

3.2 從用例模型角度分析

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

4 平臺設(shè)計

4.1 平臺技術(shù)架構(gòu)設(shè)計

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

4.2 平臺功能框架設(shè)計

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

4.3 平臺版面設(shè)計

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

4.4 平臺數(shù)據(jù)庫設(shè)計

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

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

5 平臺實現(xiàn)

通過對畢業(yè)作品展示平臺的系統(tǒng)分析和設(shè)計后，選擇MySQL作為后臺數(shù)據(jù)庫、Dreamweaver作為開發(fā)工具、PHP作為主要開發(fā)語言，結(jié)合HTML、JavaScript、DIV+CSS等技術(shù)編碼實現(xiàn)，并在Apache服務器上測試和運行。

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

<？php

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

if（！$con）{

die（"連接數(shù)據(jù)庫失?。?.mysql_error（））；

}

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

if（！$db_selected）{

die（"數(shù)據(jù)庫選擇失?。?.mysql_error（））；

}

mysql_query（"set names 'utf8'"）；

？>

5.1 前臺頁面的編碼與實現(xiàn)

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

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

5.2 后臺管理的編碼與實現(xiàn)

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

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

5.3 前后臺整合

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

6 平臺測試與運行

6.1 平臺測試分析

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

從測試內(nèi)容的角度，本平臺在整個開發(fā)過程中主要進行了系統(tǒng)的功能測試、瀏覽器兼容測試、鏈接測試、數(shù)據(jù)庫測試、安全性測試等。

從測試的結(jié)果來分析，發(fā)現(xiàn)的問題主要有數(shù)據(jù)輸出錯誤、瀏覽器不兼容等，通過反復地分析、排查、修正、調(diào)試，基本上解決了遇到的各種問題。

6.2 平臺運行結(jié)果

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

7 結(jié)束語

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

參考文獻

[1]杜娟.學生藝術(shù)作品展示平臺的設(shè)計與實現(xiàn)[D].大連：大連理工大學，2016.

[2]李觀金.大學生創(chuàng)業(yè)園信息管理系統(tǒng)的研究與開發(fā)[D].廣州：華南理工大學，2014.

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

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

作者單位

惠州經(jīng)濟職業(yè)技術(shù)學院 廣東省惠州市 516057endprint