企业网站构建技术探究

李小遐

（陕西国防工业职业技术学院，710302）

企业网站构建技术探究

李小遐

（陕西国防工业职业技术学院，710302）

企业网站是隶属于B/S结构的软件，是Web系统开发中最常见的类型。通过探究企业网站开发所需的Web构件，每个Web构件在网站开发中扮演的角色、运行原理以及运行的条件，从宏观角度为Web开发者如何构建专业的企业网站提供了一个研究方向。

企业网站；B/S结构；Web构件；LAMP；WAMP

0 引言

当今互联网日益发达，很多人做起了个人网站，正是由于有越来越花哨的个人网站的出现，才容易让人产生网站制作很容易的误解，其实建设一个具备专业性的企业商业网站是一件艰苦卓越的工作。个人网站就像儿童画板，作画时更多地只是一时兴起，随心所欲，因为它不必考虑目的性、完整性、扩展性以及负荷，而商业网站则是一套软件，更是建立的一个工作平台，能将工作架在互联网上，所以它关乎着未来工作的效率、连续性和安全性，不容失败。

1 重新认识网站

网站是软件的一种，是隶属于B/S结构的Web系统开发类型。B/S是Browser/Server的缩写，即浏览器和服务器结构，像用户访问过的所有网站那样，客户机上只需要有浏览器即可，不需要开发和安装专用的客户端软件，而是在浏览器通过不同的网址（URL）访问不同的WEB服务器，就形成了不同的用户操作界面（即网页），而且只要在WEB服务器上有一些改变，所有访问这个WEB服务器的客户端界面通过刷新就会实时更新界面。B/S结构是对C/S结构的一种变化或改进，相比C/S结构有非常明显的应用优势，代表着Web应用的发展趋势。C/S是Client/Server的缩写，即客户机和服务器结构，如常用的QQ和PPS等网络软件那样，需要下载并安装专用的客户端软件才能运行，并且服务器端也需要特定的软件支持，后台还要采用大型数据库系统。

随着互联网从Web1.0时期进入Web2.0时代，企业网站内容从静态内容展示转向动态内容传递。区分静态网站与动态网站最基本的方法通常是看网站的开发模式是否基于数据库，也就是网页是固定内容展示（只读）还是可在线更新（可读写）的。早期的网站一般都是由静态网页制作的，静态网页没有程序代码，只有HTML标记，这种网页的扩展名一般是.html或.htm。静态网页一经做成，内容就不会变化，不管任何人访问，都显示同样的内容，如果要修改内容，就必须修改源文件，然后重新上传到服务器上。静态网页虽然也可以出现各种动态的效果，如.gif格式的动画、Flash、滚动字母等，这些动态效果只是视觉上的，不能依此作为标准来区分网页时静态的还是动态的。动态网页不仅含有HTML标记，而且含有程序代码，这种网页的扩展名是根据脚本编程语言来确定的，如ASP文件的扩展名为.asp，PHP文件的扩展名为.php。动态网页能够根据不同的时间、不同的来访者而显示不同的内容，如常见的登录、注册、BBS、聊天室、留言板等功能都是用动态网页实现的，所以说，现在网站大都采用的是动态网站开发技术。

2 动态网站开发所需的Web构件

不同于其他的应用程序开发，动态网站开发需要多种开发技术结合在一起使用，每种技术的功能各自独立而又要相互配合才能完成一个动态网站的建立，所以开发者需要掌握以下几种web构件，才能满足建设一个完整动态网站的全部需求。

2.1 客户端浏览器

播放电影和音乐需要播放器，浏览网站就需要使用浏览器，浏览器是最常使用到的客户端软件。在网站开发中，浏览器必不可少，因为浏览器要去解释网页内容并把网页显示在你面前，所以学习Web开发一定要先对目前正在使用的浏览器种类有所了解。目前PC上常见的网页浏览器包括微软的Internet Explorer、Mozilla的Firefox、Apple的Safari，Opera、Google Chrome、GreenBrowser浏览器、360安全浏览器、搜狗高速浏览器、腾讯TT、傲游浏览器、百度浏览器、腾讯QQ浏览器等。由于存在多种不同的浏览器（内核），那么Web服务器发送给客户端的同一代码，在不同浏览器中会有不一样的解释，显示给用户不一样的结果，这是由于浏览器不兼容所致。为了Web更好地发展，更为了保证各种Web技术能够很好地协调工作，W3C（万维网联盟）制定了Web标准，在开发新的应用程序时，开发者们都需要遵守同一个标准，以确保用户不管使用哪种浏览器都能访问到相同的信息。

2.2 超文本标记语言HTML

HTML即超文本标记语言或超文本链接标示语言，是目前网络上应用最广泛的语言，也是构成网页文档的主要语言。HTML语言是通过利用各种标记（tags）来标识文档结构和超链接、图片、文字、段落、表单等信息，再通过浏览读取HTML文档中这些不同的标记来显示页面，形成用户的操作界面。虽然HTML语言面熟了文档的结构格式，但并不能精确的定义文档信息必须如何显示和排列，而只是建议WEB浏览器应该如何显示和排列这些信息，最终在用户面前的显示结果，取决于WEB浏览器本身的显示风格及其对标记的解释能力，这就是为什么同一文档在不同浏览器中展示的效果会不一样的原因。HTML文档是一个放置了标记的ASCII文本文件，通常带有.html或.htm的文件扩展名。生成一个HTML文档主要有以下三种途径：第一种，手工直接编写（如，文本编辑器记事本或其他HTML编辑工具Dreamweaver等）；第二种，通过某些格式转换工具将现有的其他格式文档（如WPS文档）转换成HTML文档；第三种，由WEB服务器在用户访问时动态地生成。

2.3 层叠样式表CSS

HTML通过特定标记只能简单标识页面的结构和页面中显示的内容，如果需要对页面进行更好的布局和美化，则必须通过层叠样式表CSS来实现。CSS是一种为网站添加布局效果的出色工具，可定义HTML元素如何被显示，可以有效地对页面进行布局，设置字体、颜色、背景和其他效果等来实现更加精确的样式控制。CSS不能离开HTML独立工作。CSS和HTML一样是每个网页设计人员所必须掌握的。CSS是由W3C的CSS工作组创建和维护的，和HTML一样，也算是一种标记语言，因此也不需要编译，还是直接由浏览器解释执行的。所以在不同的浏览器中展示的效果也会不一样，开发者同样要遵守W3C制定的标准。

2.4 客户端脚本编程语言JavaScrip

首先说明，JavaScript和Java无关，JavaScript 是属于网络的脚本语言。HTML用来在页面中显示数据，CSS用来对页面进行布局与美化，JavaScrip则是用来编写网页的功能特效，能够实现用户和浏览器之间的互动性，这样才能有能力传递更多的动态网站内容。客户端脚本编程语言有多种，如：JavaScrip、Jscrip、Applet等，都可以开发同样的交互式WEB网页，而WEB开发中使用最多，浏览器支持最好、案例丰富的是JavaScrip脚本语言。编写JavaScrip代码也要遵循W3C标准，任何编写HTML文档的软件都可以用来开发JavaScrip脚本程序，JavaScrip脚本可以写在一个后缀闻名为.js的文本文件中，也可以嵌入到HTML文档中。

2.5 Web服务器

安装了Web服务器软件的计算机就是Web服务器。Web服务器软件对外提供Web服务，供客户访问浏览，接收客户端请求，然后将特定内容返回客户端。其工作流程是：用户点击超链接或在浏览器中输入地址后，此时浏览器将该信息转换成标准的HTTP请求发送给Web服务器，当Web服务器接收到HTTP请求后，根据请求内容查找所需信息资源，找到相应资源后，Web服务器将该部分资源通过标准的HTTP响应发送回浏览器，浏览器接收到响应后就将HTML文档显示出来。目前可用的Web服务器有很多，最常见的是Apache和微软的IIS服务器。Apache一直是市场上使用最多的Web服务器软件，它可以运行在几乎所有的计算机平台上，开源、简单、速度快、性能稳定，并可作代理服务器使用。

2.6 服务器编程语言

前端开发语言只负责描述界面，即就是前面介绍的HTML、CSS和JS，只是为了实现整个页面效果。服务器编程语言指的是在Web服务器端运行的动态语言，主要是对后台数据库的操作和访问，通过语句实现数据自动获取等功能。服务器端编程语言也有多种，常用的有ASP、JSP 和PHP等，目前比较流行的是PHP编程语言，它开源免费而且自身融合了现代编程语言的一些最佳特性。

2.7 数据库管理系统

动态网站开发是基于数据库的，需要将网站内容存储在数据库中，所以要为网站选择一款合适的数据库管理系统，以便负责和管理网站所需的数据，例如，文字、图片、声音等内容。当用户通过浏览器请求数据时，在服务器端程序中接受到用户的请求后，通过SQL语言（结构化查询语言）对数据库进行查询、添加、删除或修改操作，并将结果整理成HTML，发回到浏览器上显示。数据库管理系统有多种版本，都是使用标准的SQL语句访问数据库中的，例如，SQL Server、Oracle、MySQL、Sybase、DB2、Access等。MySQL和PHP一样是开源免费的软件，是一个真正多用户、多线程的SQL数据库服务器，执行效率和稳定性高、操作简单易用，同时还提供网页形式的phpMyAdmin管理界面和多种图形管理界面，简单易学、管理方便，是目前网站开发首选的数据库管理系统。

3 动态网站开发平台搭建

Apache 是目前应用最广的 Web服务器； PHP 是一种类似ASP的服务器端脚本语言，而MySQL 是一个小巧的数据库系统软件，它们特别适用于网站建设。Apache+PHP+MySQL不仅仅是开源项目， 可免费获取，而且这几个服务器软件都能够运行在主流的操作系统上，如Linux、Windows、UNIX和OS/2等，可移植性好，所以说，这种组合是目前设计动态网站的最佳解决方案，并且已经成为Web服务器的一种配置标准。

3.1 LAMP网站架构

LAMP网站架构指的是在Linux操作系统上运行Apache服务器、MySQL服务器和PHP应用程序服务器的组合，它们组成了一个强大的Web应用程序平台，目前几乎在所有的Linux发布版中都默认包含了这些产品，随着开源潮流的蓬勃发展，开放源码的LAMP已经于J2EE和.NET商业软件形成三足鼎立之势，受到整个IT界的关注。但是Linux系统没有提供很好的图形操作界面，多数功能都要使用命令行工具来完成，所以一般用户会觉得使用Linux很复杂，没有Windows容易上手，另外提供的程序开发工具软件也没有Windows系统中提供的多，因此，目前使用Windows操作系统的人数还是远远多于使用Linux系统的人数。

3.2 WAMP网站架构

按最高标准去安装一个完美的LAMP环境，对于初学者来说是一个比较困难的任务。初学者应该选择自己最熟悉的操作系统，并不是非要先花费大量的时间和精力去学习Linux操作系统。因此对Linux系统并不熟悉的用户来说，在Windows系统上安装Web工作环境也是不错的选择，也就是在Windows操作系统上运行Apache服务器、MySQL数据库和PHP编程语言，形成WAMP网站架构。目前很多使用PHP的网站都是基于Windows系统的，看来图形化界面还是有很大诱惑的。对于初学者来说，项目可以先在Windows系统中开发，开发完后再把整个项目移植到Linux服务器上，毕竟Windows系统和Linux系统之间有很好的兼容性。在Windows操作系统中最好的安装方式是分别独立安装Apache 2、PHP 5、MYSQL 5和phpmyadmin 等几个软件。独立安装的好处是可以自由选择这些组合的具体版本，清晰掌握自己计算机里安装了哪些程序，以及它们的具体配置情况，这将给以后的系统系统维护和软件升级带来很大的帮助。

4 结语

一个动态网站服务器平台的最少组合应该包括操作系统、Web服务器、应用服务器以及数据库，网站开发平台中的每个组件都有多种可以选择的软件。任何一种技术都不可能十全十美，所以搭建一个优秀的网站服务器平台往往要根据企业的需要而定，有时甚至由开发者的个人爱好来决定，当然更要考虑到部署费用、安全机制、性能及管理维护等因素。

[1] 高洛峰.细说PHP[M].北京：电子工业出版社，2013.

[2] 刘增杰、姬远鹏.PHP+MySQL动态网站开发[M].北京：清华大学出版社，2013.

[3] 李俊民.HTML5+CSS3网页设计经典范例[M].北京：电子工业出版社，2012.

[4] 温谦.CSS设计彻底研究[M].北京：人民邮电出版社.2013. [5] LUMP.LAMP系统工程师实用教程[M].北京：科学出版社，2008.

To explore the enterprise website building technology

Li Xiaoxia
(Shaanxi Institute Of Technology,Xi'an,710302)

Enterprise website is part of the B/S structure of the software,is the most common type of development in Web system.The Web component of enterprise website development required,each Web component plays a role in website development,operation principle and operation conditions,from the macroscopic angle for Web developers how to build a professional enterprise web site provides a research direction.

Enterprise website;B/S structure;Web artifacts;LAMP;WAMP

李小遐（1968－），女，汉族，陕西，陕西国防工业职业技术学院，副教授，硕士，软件技术方向。