雜糧實驗室網站系統建設與實現

王凱　王毓　張藝　丁澤鎧　賈昶娣　李旭凱

摘要：基于HTLM網頁設計語言和Apache+PHP5+MySQL5網站開發環境，論述了雜糧實驗室的開發背景設計理念，并對網站開發所采用的技術進行了相應簡單的介紹，就網站的功能模塊進行了分析，以期為雜糧品種選育提供數據分析及信息共享平臺，推動雜糧科研創新，進而促進雜糧產業發展。

關鍵詞：網站建設;HTML;MySQL;數據庫

中圖分類號：TP393.092

文獻標識碼：A

DOI： 10.15913/j.cnki.kjycx.2019.09.019

隨著信息化時代的到來，各大公司企業、科研院所甚至個人都紛紛建立了自己的網站，通過網站來進行網絡宣傳、產品資訊發布、互動交流等，因此，網站建設的重要性顯而易見。實驗室網站的建設已成為每個科研院所和研究機構必不可少的部分，一個良好的實驗室門戶網站能夠方便信息查詢，了解實驗進度，展現科研風采，甚至為同行提供信息檢索功能。

山西是著名的“小雜糧王國”，近年來，山西高度重視小雜糧產業的發展，立足優勢，揚長避短，發展現代特色農業。我們搭建的雜糧實驗室網站，具有谷子基因信息查詢功能，并與BLAST、GO等鏈接，提供詳細的基因注釋信息。因此，建立高效、便捷、公開和全面的雜糧實驗室網站，為山西農業大學乃至山西省的科技工作者提供一個全面可視化的數據分析及信息共享的平臺具有重要意義，本文就雜糧開放性的網站建設及應用進行探究。

1 基于HTML-CSS語言概述及網頁制作

1.1 HTML-CSS語言概述

HTML（超文本標記語言）是一種描述性的標記語言，用于描述網頁內容。HTML利用HTML語言編輯器實施HTML文檔的編寫，對內容實施標記，從而制作出有效的網頁。HTML具有簡單靈活、可擴展和受應用平臺的限制少等特點，能被較好地應用。CSS（層疊樣式表）是設計網頁樣式的工具，可以作為HTML、XHTML、XML的樣式控制語言，能使網頁更加多樣化。目前，其所用到的工具及方法主要有Dreamweaver等。

1.2 HTML網頁的設計

建立雜糧實驗室網站，目的在于提供高效、便捷、公開和全面的谷子功能數據庫，為谷子科技工作者提供一個全面可視化的基因瀏覽器、基因序列查詢、基因功能注釋和基因功能富集等多用途的平臺。

用HTML相應的標簽搭建網站上要顯示的內容。首先要開發出網站的首頁、列表頁、詳情頁，然后就可以用模板來搭建統一風格的網頁。

確定文件結構，比如研究團隊的個人資料、圖片、實驗室的合作交流項目和關于谷子研究成果的展示等，然后根據具體的內容鏈接或索引代碼等進行編輯;設置背景及文字，比如背景、10g0、導航等通過不同的代碼編輯實現對不同元素的展現，同時，可以運用Photoshop等軟件增加網頁的美觀性及主題的體現，其主要是對網站的前期網頁效果圖設計、圖形圖像的處理等;插入背景圖像，其標記主要涉及background，比如在頁面上添加圖像，則需要替換原有的image-URL;加入網頁鏈接，鏈接是用戶訪問網站的窗口。

1.3 CSS樣式文件的建立

使用Dreamweaver建立樣式文件，一般保存在站點文件夾中的CSS子文件夾里，在樣式文件中可自主對樣式進行定義，比如字體格式設置、實驗室相關圖片格式的設置。在定義好樣式之后，可以在HTML文檔中調用樣式，我們可以采用行內式、內嵌式、鏈入式三種，一般使用鏈入式。實現樣式文件的調用，首先要把定義好的樣式文件復制到當前站點所在的CSS子文件夾里，然后在HTML文檔中的

標簽里，標簽下添加以下代碼：0;（style.css為文件名）。

在設計樣式時要以簡潔大方為標準，目的在于用最短的時間向用戶提供所需信息，可適當添加表格;要以美觀新穎為輔助標準，通過提高網站的觀賞性來吸引使用者，可設計有趣的圖標和字體。網頁的結構通過HTML來實現，網頁的表現通過CSS來完成，因此完成一個靜態網頁的制作，只要用到HTML與CSS。

2 基于Apache+ PHP5+ MySQL5網站開發環境分析

2.1 PHP語言概述

PHP語言是一種多平臺無縫運行的服務器端嵌入式腳本語言，同時掛接MySQL數據庫，最終實現動態數據庫網站。PHP具有界面友好、容易維護、運行效率高、可移植性好等優點，特別是PHP提供加密數據庫，適合用于安全性較高的網站設計，常與Linux、MySQL、Apache構建網站，雜糧實驗室網站首頁如圖1所示。

2.2 基于PHP與HTML結合制作動態網頁

PHP是一種腳本語言，因此可以嵌入到HTML中使用，如此就能被服務器識別，然后由服務器調用PHP解釋器來解釋這些程序代碼，并返回結果。PHP自帶的函數方便實現程序的編寫，應用最廣泛的是PHPLIB，它集成了大量的類、變量和方法，大大方便了網頁編寫，在客戶的身份認證、數據庫的訪問及數據解鎖等方面具有很大的實用意義。我們通過http：//phplib.shonline.de下載該基庫的源程序，安裝文件有兩種格式：tar.gz和shar，后續進行文件的配置，為與MySQL數據庫建立聯系，我們實用PHPLIB中的DBSql類，代碼的書寫在UE書寫器上，運行檢驗通過Windows的IE瀏覽器，最后上傳至Linux主機上運行。

2.3 MySQL數據庫連接與Apache服務器的配置

PHP編寫成能和數據庫連接的代碼，另外編寫外圍的函數，用于間接存取數據庫。MySQL是一個數據庫服務器網站，與其他數據庫系統相比，它更簡單，容易控制，適合小型應用系統，基于此特點，我們選擇用MySQL構建后臺。

Apache是目前使用最廣泛的服務器程序，它的源代碼是開放的，Apache Web服務器使用配置文件如下：

http.conf為主要的服務器程序配置文件，Access.conf為訪問控制文件，srm.conf為服務器程序資源管理（ServerResource Management）文件，mime.types為MIME類型描述文件。以上文件配置關系著服務器的訪問權限、對運行文件的識別和描述等各個方面，因此為確保正常運行，需配置好服務器。Apache服務器的配置文件位于/user/local/apache/conf目錄下。

2.4 Linux環境下運行調整

Apache服務器的重要特性就是其模塊化的結構，這意味著在編譯時能通過新的模塊加入新的功能，也可以通過已有模塊動態加載人http服務程序中，使用Apache的動態模塊只需要設置好Load Module和AddModule的參數即可，但不能隨意改動這部分設置，否則服務器的整體運行會出現問題。在Linux環境下運行的Apache服務器由于存在動態模塊的寫入，運行的效率并不高，因此，我們選擇在增加新的模塊時，將所有的模塊都靜態連接入Apache服務器，這些模塊被放入/user/local/apache/libexec/目錄下，通過查看Apacehe文檔獲悉每個模塊的功能，并做及時調整，雜糧實驗室網站首頁前臺結構如圖2所示。

3 網站功能分析

一個好的實驗室網站主要是收集處理信息，提供交互信息的平臺。網站中各種關于谷子基因組序列注釋的各種信息，能夠幫助研究者快速、有效地找到各種谷子信息，展示網站所屬實驗室的良好形象，突出實驗室的研究理念。通過這個網站，利用現代便捷的網絡信息技術讓全世界的谷子研究成員實現信息傳遞與經驗交流。

在網站中，我們設立了六個不同方面的模塊供所需要的人參考。首頁是一個網站的形象展示，介紹了網站所屬實驗室的簡單信息和導師介紹，能夠讓人在進入網站的第一時間了解到實驗室的信息，做到心中有數。網站首頁中有一個Flash展示，直觀地展現了我們研究實驗室的人員及勞動情景;還有站內搜索及友情鏈接給網站觀看者提供幫助。通過導航欄分析，總結網站功能如下：①實驗室概況。介紹了網站所屬實驗室中的領導成員及研究隊伍。②承擔項目。分為多種項目類型，具體有國家級項目、國際合作項目、省部級項目以及各類橫向課題。③科研成果。羅列了目前實驗室中的導師名下所有的論文專著及專利獎項。④學術交流。與其他高校、實驗室中的研究者進行課題上的會議交流。⑤人才培養。實驗室中的所有研究者及導師名下的所有研究生名單。⑥數據庫。鏈接到谷子序列的數據比對，可以查詢基因系列，搜索基因同源性，進行基因組的功能注釋。基因的富集分析等工作，為谷子選育、科研提供全面的數據分析與信息共享平臺。

4 結語

雜糧實驗室網站的建設，為實驗室信息與資源共享提供了傳播渠道，展現了雜糧實驗室基本概貌，本次網站開發前認真對比不同代碼、開發環境，注重代碼運行效率，增加頁面動畫效果，基本實現開發目標。

參考文獻：

[l]韋立梅，張淑榮.基于HTML+CSS+JQuery的網站開發簡述[J].電腦與電信，2017（ 9）： 69-70，76.

[2]唐堯.HTML語言的網頁制作技巧與方法[J].電子技術與軟件工程，2019（ 1）： 241.

[3]劉進軍.論PHP在網站系統建設中的應用[J].電腦知識與技術，2012，32（8）：7671-7674.

[4]谷合啟，馬麗萍.構建網站軟件組合系列講解[J].電腦編程技巧與維護，2002 （2）：1.

[5]蘇柳鳳，魏同華.淺談門戶網站的制作[J].新疆石油科技，2018，28 （3）： 64-74.