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

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

關(guān)鍵詞：網(wǎng)站建設(shè);HTML;MySQL;數(shù)據(jù)庫

中圖分類號：TP393.092

文獻標識碼：A

DOI： 10.15913/j.cnki.kjycx.2019.09.019

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

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

1 基于HTML-CSS語言概述及網(wǎng)頁制作

1.1 HTML-CSS語言概述

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

1.2 HTML網(wǎng)頁的設(shè)計

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

用HTML相應(yīng)的標簽搭建網(wǎng)站上要顯示的內(nèi)容。首先要開發(fā)出網(wǎng)站的首頁、列表頁、詳情頁，然后就可以用模板來搭建統(tǒng)一風格的網(wǎng)頁。

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

1.3 CSS樣式文件的建立

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

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

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

2 基于Apache+ PHP5+ MySQL5網(wǎng)站開發(fā)環(huán)境分析

2.1 PHP語言概述

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

2.2 基于PHP與HTML結(jié)合制作動態(tài)網(wǎng)頁

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

2.3 MySQL數(shù)據(jù)庫連接與Apache服務(wù)器的配置

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

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

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

2.4 Linux環(huán)境下運行調(diào)整

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

3 網(wǎng)站功能分析

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

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

4 結(jié)語

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

參考文獻：

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

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

[3]劉進軍.論PHP在網(wǎng)站系統(tǒng)建設(shè)中的應(yīng)用[J].電腦知識與技術(shù)，2012，32（8）：7671-7674.

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

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