世紀學院網站設計

靳亞東 鮑震杰 劉月 胡菁蕓

摘要：隨著科學技術的發展，網絡和人們的生活關系越來越密切，學校網站也成為學校與外界資源共享的平臺。世紀學院網站利用PHP語言、PHPstudy開發環境、dreamwear、Apache服務器和Mysql數據庫設計了網站的學院概況、學院專業、教育教學、師資隊伍等多個功能板塊。用戶可以瀏覽網站并留言;管理者可以登錄到后臺修改賬號密碼、網站內容等。該系統界面友好、操作簡單、可以作為學院發布信息、對外宣傳、合作交流的窗口。

關鍵詞：PHP;dreamwear;Apache;數據庫;Mysql

中圖分類號：G642 ? ? ? ?文獻標識碼：A

文章編號：1009-3044（2021）35-0150-03

1 引言

隨著計算機的普及和當前網絡技術的不斷發展，網絡已經漸漸融入人們的生活，尤其是國內外教育方面，中國對高校的信息化做了比較深入的調研。近年來校園網站的建設發展迅速，它作為與外界的溝通平臺，能使人們隨時隨地地了解校園資訊和院系的動態，院系也可以在網站上發布最新的教學信息以供外界和師生查看。目前，較多數的校園網站是用ASP代碼進行編寫的，當訪問數據庫時，運行代碼用的是其他的COM對象，這些COM對象的使用降低了代碼的運行速度。PHP有自己的內存空間，不像ASP一樣面對的是COM對象，所以PHP（Personal Home Page）運行代碼速度快。PHP和ASP都適用于中型網站的開發，但是相對于ASP來說PHP做動態網站比較經濟實惠。

2 系統設計綜述

2.1 系統設計目標

系統設計的目標。（1）為學校的教育發展、校園推廣等資源實現共享和信息交流提供場所，（2）方便管理者管理網站。具體有以下四個方面：

（1）保證網站界面要簡單、美觀。（2）訪問者可以正常地瀏覽各個模塊，例如：學院概況模塊、學院專業模塊、在線反饋留言模塊等，這里留言模塊要有更多的功能實現，以方便訪問者之間可以有更好的交流;（3）管理者可以從網站中登錄到后臺進行網站內容的修改;（4）系統之間的架構和數據庫的設計便于以后的維護和更新。

2.2 網站開發工具簡介

網站開發工具包括PHP語言、dreamwear、Mysql數據庫。

PHP結合了很多開發語言的優點，所以PHP成為目前社會比較流行的開發語言。PHP將HTML代碼和PHP指令組合成一個完整的服務器端動態頁面，它比HTML標記的CGI更有效[1]。PHP使代碼運行得更快。在開發PHP時，通常與web服務器和Mysql數據庫相匹配。PHP的容易操作使它成為剛接觸網頁設計人群的首選語言。它幾乎兼容所有的服務器，支持很多數據庫，它的學習資料可以從官方網站上下載后自學， PHP注釋語言對程序不起任何作用，是一種解釋性語言[2]。

Dreamwear是一種專業的HTML編輯器，它是用于站點、應用程序而設定、編碼、開發的一種軟件。它既可以在可視化的編程環境中展開頁面的制作工作，也可以通過自身提供的HTML代碼編輯器手動編寫HTML代碼。在編輯過程中提供了兩種視圖，分別是代碼視圖和設計視圖，編輯者可以一邊編寫代碼一邊查看網頁，這種新功能方便網頁設計者在編碼之后查看顯示內容[3]。

Mysql，是動態網站數據的一個處理者，在國內外被廣泛開發利用。Mysql由于處理數據速度快、運營費用低等優勢，成為企業首選的數據庫[4]。Mysql幾乎可以支持所有的操作系統，它其中的SQL語言是最流行的數據庫查詢語言，能使信息的儲存和更新更加容易。

2.3 開發環境選擇

網站采用的瀏覽服務器環境是wamp環境，包括Windows、Apache、Mysql、PHP。Windows是一個服務器操作系統，Apache是一個web服務器系統，Mysql是數據庫管理系統。Web服務器的作用是存儲文件、接收瀏覽器訪問請求、向瀏覽器發送頁面內容和下載文件。數據庫管理系統的作用是存儲管理數據、提供完整的結構化查詢語言體系、根據程序解釋器的指令進行數據的修改操作[5]。瀏覽器的作用是顯示由服務器端提供的文本內容、解釋HTML、解釋CSS運行、解釋JS腳本語言和展示圖片。

網站中的代碼編輯軟件是dreamwear，它需要在Phpstudy的開發環境下執行代碼。首先，dreamwear中，“site”的意思是站點。dreamwear站點組織所有與網站相關的文檔，管理文件，共享文件，并將站點文件傳輸到Web服務器[6]。其次，需要在網站上下載Phpstudy軟件安裝配置，引導程序自動進入到PHP開發環境。要訪問數據庫，需要在瀏覽器地址欄中輸入本地phpmyadmin，數據庫的初始用戶和密碼都是root，可以在connect.PHP文件中修改。

3系統設計

3.1系統框架設計

（1） 學院首頁：可以返回本網站的主頁。

（2） 學院概況：該模塊包含世紀學院的學院簡介、學院領導、通知公告、新聞資訊。

（3） 學院專業：該模塊包含數字媒體技術、數字媒體藝術、傳播學等專業介紹。

（4） 教育教學：學院的科學項目、實踐教學、科研課題。

（5） 師資隊伍：包含教學項目、師資概括和教學團隊。

（6） 創意天地：此模塊包含有參賽作品、畢業設計和實踐作品。

（7） 學院風采：此模塊中包含活動風采和組織結構，主要展示學院學生參加的一些社會和校園活動。

（8） 交流天地：可以瀏覽院系老師和同學的交流圖片。

（9） 在線反饋留言：訪問者可以在這個模塊中留下寶貴的意見。

（11） 管理登錄：管理者可以通過賬號密碼進入后臺管理操作。

本系統框架圖如圖1所示。

3.2數據庫設計

3.2.1數據庫的操作流程

Web數據庫體系結構圖如圖2所示。

Web數據庫查詢數據的基本步驟如下：

首先：建立適當的數據庫鏈接;

第二：查詢數據庫;

第三：獲取查詢結構;

第四：將結果顯示給用戶并關閉數據庫。

3.2.2 數據表單的建立

首先需要登錄localhost/phpmyadmin地址，之后Mysql服務器里面建立一個數據庫，創建表單。登錄的賬號密碼可以在connec.php目錄下或Mysql服務器里面進行修改，但是數據庫是創建者建立的他人沒有辦法進入，而且數據庫建立之后名稱沒有辦法改變。數據庫中有三個表單，分別是登錄賬號密碼表單、留言表單和網頁內容表單。id的作用是向頁面傳遞參數。留言表單中包括數據類型約束函數tinyint（）、varchar（）可變長度的數據類型和顯示留言時間的timestamp（）。內容修改表單中class表示的是菜單。三個表單如表1、表2和表3所示。

4系統實現

4.1前臺設計

首頁設計是用dreamwear軟件進行編寫多個靜態的網頁，然后用超鏈接把這些網頁鏈接起來，其中最重要的部分是網頁布局。靜態網頁的布局影響到網站的整體顯示效果，所以布局中把首頁分成了六個部分，包括導航欄、學院圖片展示、學院簡介、在線反饋留言、學院風采、版權。

主頁面主要采用div+CSS樣式進行結構設計，網站所有的盒子和CSS樣式都放在admin.css文件中，需要的時候直接調用此文件。網站利用PHP語言實現對數據庫的訪問，使用JS語言來實現圖滾動的功能。主頁面圖如圖3所示。

4.2后臺設計

后臺管理操作主要分為三個部分，對應上面講過的三個表單內容，分別包括登錄賬號密碼表單、留言表單、網頁內容表單。

4.2.1后臺管理登錄

后臺管理登錄管理器可以登錄后臺網站修改網站內容。后臺管理登錄界面如圖4所示。

后臺管理登錄的實現步驟如下：

首先，先寫出登錄后臺的靜態主頁面，其中主要是表單的應用<td>、<tr>。之后把登錄賬號密碼存放進session中，放到模板頁面，然后編寫登錄的后臺操作，鏈接到數據庫的代碼如下：$con=mysq_connectl（“lo

calhost””root”，”root”）。

第二，從數據庫中提取用戶名密碼：$username=$-request[“username”];$password=$-request[“Passward”]。再用判斷語句if來判斷輸入的賬號密碼是否與數據庫中的相對應，數據對應正確則進入后臺管理頁面admin.php，并賦予用戶一個session變量，錯誤則顯示失敗。

第三，登錄賬號密碼的修改可以在后臺進行操作，也可以在數據庫后臺登錄表單中進行修改。

4.2.2在線留言反饋

用戶可在此模塊中留下消息，管理員可以瀏覽和刪除訪問者的信息。在線反饋留言界面如圖5所示。該模塊功能實現步驟如下：

第一步，做出靜態留言表，這里主要用到表單<table>，<tr>，<td>。留言管理主要用到數據類型約束函數、可變長度的數據類型和顯示留言時間，之后把留言的作者、標題、內容等存入到建立好的數據表單中就可以在網頁上顯示出來。動態部分主要用到三個PHP文件，它們分別是：（1）connect.php：鏈接數據庫;（2）addmsg.php：從頁面讀取留言相關內容，之后把它存放在頁面上;（3）addmsg.PHP：從數據庫中讀取信息，PHP連接到Mysql數據庫。Mysql_connect（“localhost”，”root”，”root”）參數分別代表Mysql地址、用戶名、密碼，然后需要鏈接到數據庫中的對應表單：MySql_select_db（表單，$conn）。參數表示：第一個是數據庫名稱，第二個是鏈接標識，可以將返回值放在系統數據庫，返回值false指示連鏈接失敗，true表示鏈接成功。主要代碼是Mysql_qery（connection），其中query表示希望Mysql執行的語句，connection表示可選內容，其中MySQL_query（）只返回用于選擇、顯示、解釋或描述語句的資源標識符。

5總結

系統采用B/S結構，基于PHP模板的網站設計，它是高效、經濟的處理方式。

網站的創立是在PHPstudy開發環境下用dreamweaver軟件進行編寫。網站的設計分為兩大部分，一部分是靜態網頁之間的鏈接，結合div+css進行頁面的展示。另一部分是將網頁鏈接到數據庫，這里數據庫采用Mysql，在鏈接到數據庫的時候需要把網站的內容保存到數據庫中，然后再把表單中的內容放在結果集中，最后把結果集里面的內容用其他變量保存，以方便后面的使用。該系統界面友好、操作簡單，可以作為學院發布信息、對外宣傳、合作交流的窗口。

參考文獻：

[1] 唐四薪.PHP動態網站開發[M].北京：清華大學出版社，2014：1-10.

[2] 郭澤民. 動態網頁技術PHP、ASP與JSP的比較分析[J]. 煤炭技術， 2007， 35（47）：29-31.

[3] 胡崧. HTML從入門到精通[M]. 北京：中國青年出版社， 2007：25-38.

[4] 楊凱. 基于MySQL數據庫結構設計[J].科技展望， 2015， 25（36）：105-107.

[5] Michael kofler.MySQL權威指南[M].北京：人民郵電出版社， 2006：85-90.

[6] 黃斯偉.HTML完全使用詳解[M].北京：人民郵電出版社， 2006：59-61.

【通聯編輯：王力】