互動型大學(xué)生畢業(yè)作品展示平臺的設(shè)計與實現(xiàn)

姚光澤 黃銀欽 陳啟銘

摘要：在分析大學(xué)生畢業(yè)作品展示方式的基礎(chǔ)上，基于Apache+MySQL+PHP相關(guān)技術(shù)，設(shè)計開發(fā)了一個互動型大學(xué)生畢業(yè)作品展示平臺，為學(xué)生提供了一個多元化的作品展示與互動交流空間，實現(xiàn)作品分門別類地信息化、規(guī)范化管理，有利于大學(xué)生原創(chuàng)作品、創(chuàng)意的實時分享、交流、推廣和保存，激發(fā)大學(xué)生的創(chuàng)作熱情。

關(guān)鍵詞：互動型;畢業(yè)作品;展示平臺;Apache+MySQL+PHP

中圖分類號：TP319 文獻標(biāo)識碼：A

文章編號：1009-3044（2020110-0071-03

1概述

隨著計算機技術(shù)與網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，固定的展板展臺已經(jīng)不能滿足新興產(chǎn)業(yè)作品的展示，如微電影、小視頻、動畫等影視作品、廣告頁面設(shè)計、網(wǎng)站作品、電子課件等。因此，建立一個以網(wǎng)絡(luò)為基礎(chǔ)，以現(xiàn)代化技術(shù)為依托的互動型大學(xué)生畢業(yè)作品展示平臺有著巨大的應(yīng)用價值。它不僅能夠解決傳統(tǒng)畢業(yè)作品的展示與保存方式（如展臺、展板）所存在的問題，還能夠為其他學(xué)生的畢業(yè)設(shè)計選題和設(shè)計提供參考與借鑒，甚至還可以幫助學(xué)生獲得更好的就業(yè)機會。

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

互動型大學(xué)生畢業(yè)作品展示平臺基于B/S架構(gòu)，采用Apache+MySQL+PHP技術(shù)開發(fā)實現(xiàn)。

B/S（Browser/Serverl：瀏覽器/服務(wù)器架構(gòu)模式，是隨著Inter-net技術(shù)的興起，對C/S架構(gòu)的一種改變和促進的架構(gòu)。在這種架構(gòu)下，用戶工作界面是通過WWW瀏覽器來實現(xiàn)，極少部分事務(wù)邏輯在前端（Browser）實現(xiàn)，但是主要事務(wù)邏輯在服務(wù)器端（Server）實現(xiàn)，形成所謂三層（3-tier）結(jié)構(gòu)。

Apache+MySQL+PHP：簡稱AMP，是網(wǎng)站開發(fā)的一個絕佳組合。由于開發(fā)速度快，而且開源免費，非常適合中小型Web應(yīng)用的開發(fā)。其中，Apache是最流行的Web服務(wù)器端軟件之一，通過簡單的API擴充，可以將PHP、Perl、Pvthon等解釋器編譯到服務(wù)器中;MySQL是一種關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，可以運行于多個系統(tǒng)上，并且支持多種語言，對PHP有很好的支持;PHP是一種在服務(wù)器端執(zhí)行的腳本語言，可在不同的平臺上運行，提供了廣泛的數(shù)據(jù)庫支持，非常適用于Web開發(fā)領(lǐng)域。

3平臺分析

3.1平臺的業(yè)務(wù)需求分析

目前，大學(xué)生畢業(yè)作品大多數(shù)還是以傳統(tǒng)的展示方式（如展臺、展板）進行展示，不僅費時費力、效果有限，而且不利于作品的保存與推廣交流。因此，設(shè)計開發(fā)一個基于Web的互動型大學(xué)生畢業(yè)作品展示平臺來實現(xiàn)作品的在線展示、交流與保存，具有很好的應(yīng)用價值。

互動型大學(xué)生畢業(yè)作品展示平臺的業(yè)務(wù)需求是：面向全校的在校師生，以大學(xué)生畢業(yè)設(shè)計作品展示交流為主，為學(xué)校相關(guān)組織展覽部門提供新型的展示和交流手段。師生們可以將自己的作品上傳到平臺進行展示，也可以通過平臺進行作品的交流。不僅為學(xué)生畢業(yè)設(shè)計的選題提供有價值的參考，也為教師開展實踐學(xué)提供豐富的案例，同時還能夠幫助莘莘學(xué)子通過展現(xiàn)自己的作品和才華來獲取更多的就業(yè)機會。

3.2平臺的可行性分析

從技術(shù)可行性的角度分析，平臺采用的是B/S技術(shù)架構(gòu)，基于Apache服務(wù)器，采用PHP程序設(shè)計語言進行開發(fā)，使用MySQL作為數(shù)據(jù)庫進行數(shù)據(jù)存儲，在技術(shù)上已相當(dāng)成熟，完全可以實現(xiàn)。

從經(jīng)濟可行性的角度分析，“Apache+MySQL+PHP”的所有軟件都是開源免費的，可以大大減少開發(fā)成本的投入。相對于學(xué)校舉辦畢業(yè)作品展覽活動所消耗的人力、物力、財力來說，開發(fā)平臺所需投入的經(jīng)費就少得多。從長遠來看，平臺的成功應(yīng)用能幫助學(xué)校節(jié)省大量資金，而且平臺部署在學(xué)校服務(wù)器上，所需投人的維護費用也相對較少。

因此，從技術(shù)和經(jīng)濟可行性的來看，平臺的開發(fā)應(yīng)用是可行的。

3.3平臺的功能分析

3.3.1平臺的角色

大學(xué)生畢業(yè)作品展示平臺主要包括前臺展示和后臺管理相關(guān)功能。平臺面向五類用戶角色：游客、在校學(xué)生用戶、老師用戶、企業(yè)用戶和平臺管理員用戶，不同類型的用戶有著不同的操作權(quán)限。游客可以瀏覽平臺的作品信息、評論內(nèi)容以及論壇內(nèi)容等;在校學(xué)生和老師除了具有游客所有功能之外，還可以登錄平臺，上傳和管理自己的作品，評論作品，在論壇發(fā)帖和回帖等;企業(yè)用戶除了具有游客所有權(quán)限之外，可以登錄平臺，評論作品，在論壇發(fā)帖和回帖，從平臺中挖掘優(yōu)秀作品和優(yōu)秀人才;平臺管理員負責(zé)平臺的穩(wěn)定運行，對平臺的用戶、作品、評論、論壇等功能模塊進行管理維護。

3.3.2平臺的功能分析

3.3.2.1前臺展示

主要包括“平臺首頁”“平臺簡介”“作品展示”“新聞動態(tài)”“在線交流”和“聯(lián)系我們”等功能模塊。展示的作品類型多樣，有圖片類的作品展示、有視頻類的作品展示，有幻燈片類的作品展示等。同時，要求作品在展示的時候?qū)ζ溥M行分類、排行顯示。

3.3.2.2用戶登錄及個人信息中心

用戶登錄功能是基于Web開發(fā)的系統(tǒng)平臺中是一個必不可少的功能。該功能能夠很好地區(qū)分用戶的權(quán)限，對平臺也是一種保護。游客只能進行畢業(yè)作品和論壇的瀏覽，不能對作品進行評論、不能在論壇進行發(fā)帖和回帖等相關(guān)的操作。只有登錄后的在校學(xué)生、教師、企業(yè)和管理員用戶才能對作品進行評論、在論壇進行互動交流。在平臺中需要個人信息中心功能模塊來對個人的基本信息和個人作品進行管理。用戶登錄后，可以使用個人信息管理中心模塊對自己的基本信息進行更新，還可以對自己的作品進行添加、修改和刪除。

3.3.2.3作品評論與在線交流

平臺為廣大師生及企業(yè)用戶留下互動空間，就設(shè)計了作品評論功能和在線交流（在線論壇）功能。當(dāng)?shù)卿浻脩艨吹阶约合矚g的作品，想和作品作者進行互動時，就可以對作品進行打分和評論，作品的作者看到該評論，可以對其進行回復(fù)，就形成了評論的在線互動。此外，登錄用戶也可以到平臺的在線交流（在線論壇）欄目進行發(fā)帖和回帖的交流，實現(xiàn)論壇的在線互動。

3.3.2.4管理員后臺管理

管理員需要對整個平臺的運行進行管理，包括平臺基本信息設(shè)置、用戶管理（包括管理員用戶、學(xué)生用戶、教師用戶和企業(yè)用戶）、單頁管理、幻燈管理、友情鏈接管理、新聞管理、分類管理、所屬管理（學(xué)院、系部、專業(yè)和班級）、作品管理、評論管理、論壇管理等。

4平臺設(shè)計

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

平臺采用B/S架構(gòu)，與C/S的兩層架構(gòu)不同，它基于三層架構(gòu)：第一層是表示層，即頁面部分，主要負責(zé)顯示數(shù)據(jù);第二層為業(yè)務(wù)邏輯層，即Web服務(wù)器層，主要負責(zé)處理頁面?zhèn)鱽淼臄?shù)據(jù)請求;第三層為數(shù)據(jù)層，即數(shù)據(jù)庫服務(wù)器層，主要工作是根據(jù)業(yè)務(wù)邏輯層的請求，訪問數(shù)據(jù)庫，對數(shù)據(jù)進行增、刪、改、查，并將操作結(jié)果返回給業(yè)務(wù)邏輯層。B/S三層架構(gòu)如圖1所示。

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

根據(jù)前面平臺功能需求分析可知，平臺的功能架構(gòu)主要分為前臺功能模塊和后臺管理功能模塊。結(jié)合前臺用戶和后臺管理員的操作需求，設(shè)計出平臺的前臺功能框架圖（如圖2所示）和平臺的后臺功能框架圖（如圖3所示）。

4.3平臺版面設(shè)計

根據(jù)平臺需求分析，整體規(guī)劃平臺的結(jié)構(gòu)。平臺的版面主要包括：首頁、平臺簡介頁、作品展示列表頁、作品展示內(nèi)容頁、新聞動態(tài)列表頁、新聞動態(tài)內(nèi)容頁、在線交流列表頁，在線交流內(nèi)容頁，聯(lián)系我們頁、用戶登錄頁。接下來要做的就是規(guī)劃各頁面的結(jié)構(gòu)草圖，根據(jù)結(jié)構(gòu)草圖搜集相關(guān)素材，利用Fireworks、Photoshop等工具對素材進行處理、加工并進行整套平臺版面的設(shè)計。版面設(shè)計要求保持平臺各個頁面整體性與協(xié)調(diào)性，把形式與內(nèi)容合理地統(tǒng)一，強化整體布局，才能獲得好的視覺效果。

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

數(shù)據(jù)庫設(shè)計是平臺開發(fā)的一個重要步驟，平臺數(shù)據(jù)庫的設(shè)計方法和步驟是：1）需求分析，了解用戶的數(shù)據(jù)需求、處理需求、完整性和安全性要求;21概念設(shè)計，通過對數(shù)據(jù)抽象，采用E-R圖分析法，建立數(shù)據(jù)庫概念模型;3）邏輯結(jié)構(gòu)設(shè)計，將概念結(jié)構(gòu)化為MySQL數(shù)據(jù)庫所支持的數(shù)據(jù)模型（關(guān)系模型），并對其進行優(yōu)化;4）物理結(jié)構(gòu)設(shè)計，設(shè)計數(shù)據(jù)的存儲結(jié)構(gòu)和存取方法，如索引的設(shè)計;5）系統(tǒng)實施，組織數(shù)據(jù)入庫、編制應(yīng)用程序、試運行;6）運行維護，投入運行，持續(xù)對其進行評估、調(diào)整與修改。

平臺設(shè)計的數(shù)據(jù)表結(jié)構(gòu)主要包括：管理員表、網(wǎng)站信息表、幻燈管理表、單頁管理表、新聞信息表、學(xué)院信息表、系部信息表、專業(yè)信息表、班級信息表、教師信息表、作品分類表、作品信息表、評論表、帖子表、回帖表、友情鏈接表等。

5平臺實現(xiàn)

基于前面對平臺分析和設(shè)計，確定了選擇Apache作為服務(wù)器、MySQL作為后臺數(shù)據(jù)庫、Dreamweaver作為開發(fā)工具，結(jié)合HTML、JavaScfipt、DIV+CSS等技術(shù)進行編碼實現(xiàn)。

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

前臺頁面是用戶與平臺之間交互的接口。前臺頁面版面設(shè)計好之后，再使用Photoshop、Fireworks、Dreamweaver等相關(guān)工具和HTML、JavaScript、D1V+CSS等相關(guān)技術(shù)，對設(shè)計的版面進行切圖、編碼，轉(zhuǎn)換成與平臺版面相一致的靜態(tài)頁面，并制作出精美、動態(tài)的效果。

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

平臺的后臺管理主要包括管理員后臺管理、學(xué)生用戶后臺管理、教師用戶后臺管理和企業(yè)用戶后臺管理，不同類型的用戶有不同的管理權(quán)限。以管理員后臺管理為例，其后臺管理模塊包括：基本配置、用戶管理（包括：管理員用戶、教師用戶、學(xué)生用戶管理和企業(yè)用戶）、單頁管理、幻燈管理、新聞管理、作品管理、評論管理、分類管理、所屬管理、論壇管理、友情鏈接管理等。實現(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.3前后臺整合

平臺的前臺和后臺由數(shù)據(jù)庫連接起來，其中前臺負責(zé)輸出數(shù)據(jù)庫信息（通過HTML頁面），后臺負責(zé)管理平臺數(shù)據(jù)庫信息。在平臺前后臺功能整合前，先登錄后臺為每個功能模塊錄入一些數(shù)據(jù)，以便在整合時能夠控制輸出效果。然后使用Dream-weaver工具和PHP動態(tài)網(wǎng)站開發(fā)技術(shù)，把平臺前后臺各版塊功能整合起來，使得數(shù)據(jù)能夠在前臺頁面的相應(yīng)的版位輸出，并能夠把數(shù)據(jù)通過后臺寫入相應(yīng)的數(shù)據(jù)表，實現(xiàn)后臺管理前臺數(shù)據(jù)的效果。

6平臺測試與運行

軟件測試是軟件開發(fā)過程中必不可少的重要環(huán)節(jié)，平臺在開發(fā)過程中，始終堅持邊開發(fā)邊測試的做法，在不同的階段安排不同的測試人員進行測試，整個測試過程綜合采用了黑盒測試、白盒測試、靜態(tài)測試和動態(tài)測試相結(jié)合的方法，對平臺進行了功能、性能、兼容性、安全性、負載和壓力等多方位測試，力求盡可能多地從不同階段、不同角色、不同角度去發(fā)現(xiàn)隱藏的Bug并加以解決。平臺在測試過程中發(fā)現(xiàn)了一些問題，例如瀏覽器不兼容、數(shù)據(jù)輸出錯誤等，經(jīng)過反復(fù)地分析、調(diào)試和修正，基本上把遇到的問題都解決了。

平臺設(shè)計開發(fā)完成之后，部署上線試運行。由于平臺采用B/S架構(gòu)，操作簡單、使用方便，為在校學(xué)生、老師和企業(yè)人員開辟了一個新的畢業(yè)作品展示、分享和交流空間，深受用戶歡迎。平臺上線試運行以來，性能穩(wěn)定，功能運行狀態(tài)良好，基本達到了預(yù)期的目標(biāo)。

7結(jié)束語

本文對互動型大學(xué)生畢業(yè)作品展示平臺進行分析、設(shè)計，運用B/S架構(gòu)，使用Apache+MySQL+PHP技術(shù)實現(xiàn)了平臺的前臺展示與互動交流及后臺管理功能。從平臺運行的情況來看，能夠有效地進行作品展示、評論交流，同時也有效地幫助學(xué)生把自己推向市場，增加就業(yè)機會。