杂粮实验室网站系统建设与实现

王凯　王毓　张艺　丁泽铠　贾昶娣　李旭凯

摘要：基于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.