李小遐

（陜西國防工業(yè)職業(yè)技術學院，710302）

企業(yè)網站構建技術探究

李小遐

（陜西國防工業(yè)職業(yè)技術學院，710302）

企業(yè)網站是隸屬于B/S結構的軟件，是Web系統開發(fā)中最常見的類型。通過探究企業(yè)網站開發(fā)所需的Web構件，每個Web構件在網站開發(fā)中扮演的角色、運行原理以及運行的條件，從宏觀角度為Web開發(fā)者如何構建專業(yè)的企業(yè)網站提供了一個研究方向。

企業(yè)網站；B/S結構；Web構件；LAMP；WAMP

0 引言

當今互聯網日益發(fā)達，很多人做起了個人網站，正是由于有越來越花哨的個人網站的出現，才容易讓人產生網站制作很容易的誤解，其實建設一個具備專業(yè)性的企業(yè)商業(yè)網站是一件艱苦卓越的工作。個人網站就像兒童畫板，作畫時更多地只是一時興起，隨心所欲，因為它不必考慮目的性、完整性、擴展性以及負荷，而商業(yè)網站則是一套軟件，更是建立的一個工作平臺，能將工作架在互聯網上，所以它關乎著未來工作的效率、連續(xù)性和安全性，不容失敗。

1 重新認識網站

網站是軟件的一種，是隸屬于B/S結構的Web系統開發(fā)類型。B/S是Browser/Server的縮寫，即瀏覽器和服務器結構，像用戶訪問過的所有網站那樣，客戶機上只需要有瀏覽器即可，不需要開發(fā)和安裝專用的客戶端軟件，而是在瀏覽器通過不同的網址（URL）訪問不同的WEB服務器，就形成了不同的用戶操作界面（即網頁），而且只要在WEB服務器上有一些改變，所有訪問這個WEB服務器的客戶端界面通過刷新就會實時更新界面。B/S結構是對C/S結構的一種變化或改進，相比C/S結構有非常明顯的應用優(yōu)勢，代表著Web應用的發(fā)展趨勢。C/S是Client/Server的縮寫，即客戶機和服務器結構，如常用的QQ和PPS等網絡軟件那樣，需要下載并安裝專用的客戶端軟件才能運行，并且服務器端也需要特定的軟件支持，后臺還要采用大型數據庫系統。

隨著互聯網從Web1.0時期進入Web2.0時代，企業(yè)網站內容從靜態(tài)內容展示轉向動態(tài)內容傳遞。區(qū)分靜態(tài)網站與動態(tài)網站最基本的方法通常是看網站的開發(fā)模式是否基于數據庫，也就是網頁是固定內容展示（只讀）還是可在線更新（可讀寫）的。早期的網站一般都是由靜態(tài)網頁制作的，靜態(tài)網頁沒有程序代碼，只有HTML標記，這種網頁的擴展名一般是.html或.htm。靜態(tài)網頁一經做成，內容就不會變化，不管任何人訪問，都顯示同樣的內容，如果要修改內容，就必須修改源文件，然后重新上傳到服務器上。靜態(tài)網頁雖然也可以出現各種動態(tài)的效果，如.gif格式的動畫、Flash、滾動字母等，這些動態(tài)效果只是視覺上的，不能依此作為標準來區(qū)分網頁時靜態(tài)的還是動態(tài)的。動態(tài)網頁不僅含有HTML標記，而且含有程序代碼，這種網頁的擴展名是根據腳本編程語言來確定的，如ASP文件的擴展名為.asp，PHP文件的擴展名為.php。動態(tài)網頁能夠根據不同的時間、不同的來訪者而顯示不同的內容，如常見的登錄、注冊、BBS、聊天室、留言板等功能都是用動態(tài)網頁實現的，所以說，現在網站大都采用的是動態(tài)網站開發(fā)技術。

2 動態(tài)網站開發(fā)所需的Web構件

不同于其他的應用程序開發(fā)，動態(tài)網站開發(fā)需要多種開發(fā)技術結合在一起使用，每種技術的功能各自獨立而又要相互配合才能完成一個動態(tài)網站的建立，所以開發(fā)者需要掌握以下幾種web構件，才能滿足建設一個完整動態(tài)網站的全部需求。

2.1 客戶端瀏覽器

播放電影和音樂需要播放器，瀏覽網站就需要使用瀏覽器，瀏覽器是最常使用到的客戶端軟件。在網站開發(fā)中，瀏覽器必不可少，因為瀏覽器要去解釋網頁內容并把網頁顯示在你面前，所以學習Web開發(fā)一定要先對目前正在使用的瀏覽器種類有所了解。目前PC上常見的網頁瀏覽器包括微軟的Internet Explorer、Mozilla的Firefox、Apple的Safari，Opera、Google Chrome、GreenBrowser瀏覽器、360安全瀏覽器、搜狗高速瀏覽器、騰訊TT、傲游瀏覽器、百度瀏覽器、騰訊QQ瀏覽器等。由于存在多種不同的瀏覽器（內核），那么Web服務器發(fā)送給客戶端的同一代碼，在不同瀏覽器中會有不一樣的解釋，顯示給用戶不一樣的結果，這是由于瀏覽器不兼容所致。為了Web更好地發(fā)展，更為了保證各種Web技術能夠很好地協調工作，W3C（萬維網聯盟）制定了Web標準，在開發(fā)新的應用程序時，開發(fā)者們都需要遵守同一個標準，以確保用戶不管使用哪種瀏覽器都能訪問到相同的信息。

2.2 超文本標記語言HTML

HTML即超文本標記語言或超文本鏈接標示語言，是目前網絡上應用最廣泛的語言，也是構成網頁文檔的主要語言。HTML語言是通過利用各種標記（tags）來標識文檔結構和超鏈接、圖片、文字、段落、表單等信息，再通過瀏覽讀取HTML文檔中這些不同的標記來顯示頁面，形成用戶的操作界面。雖然HTML語言面熟了文檔的結構格式，但并不能精確的定義文檔信息必須如何顯示和排列，而只是建議WEB瀏覽器應該如何顯示和排列這些信息，最終在用戶面前的顯示結果，取決于WEB瀏覽器本身的顯示風格及其對標記的解釋能力，這就是為什么同一文檔在不同瀏覽器中展示的效果會不一樣的原因。HTML文檔是一個放置了標記的ASCII文本文件，通常帶有.html或.htm的文件擴展名。生成一個HTML文檔主要有以下三種途徑：第一種，手工直接編寫（如，文本編輯器記事本或其他HTML編輯工具Dreamweaver等）；第二種，通過某些格式轉換工具將現有的其他格式文檔（如WPS文檔）轉換成HTML文檔；第三種，由WEB服務器在用戶訪問時動態(tài)地生成。

2.3 層疊樣式表CSS

HTML通過特定標記只能簡單標識頁面的結構和頁面中顯示的內容，如果需要對頁面進行更好的布局和美化，則必須通過層疊樣式表CSS來實現。CSS是一種為網站添加布局效果的出色工具，可定義HTML元素如何被顯示，可以有效地對頁面進行布局，設置字體、顏色、背景和其他效果等來實現更加精確的樣式控制。CSS不能離開HTML獨立工作。CSS和HTML一樣是每個網頁設計人員所必須掌握的。CSS是由W3C的CSS工作組創(chuàng)建和維護的，和HTML一樣，也算是一種標記語言，因此也不需要編譯，還是直接由瀏覽器解釋執(zhí)行的。所以在不同的瀏覽器中展示的效果也會不一樣，開發(fā)者同樣要遵守W3C制定的標準。

2.4 客戶端腳本編程語言JavaScrip

首先說明，JavaScript和Java無關，JavaScript 是屬于網絡的腳本語言。HTML用來在頁面中顯示數據，CSS用來對頁面進行布局與美化，JavaScrip則是用來編寫網頁的功能特效，能夠實現用戶和瀏覽器之間的互動性，這樣才能有能力傳遞更多的動態(tài)網站內容?？蛻舳四_本編程語言有多種，如：JavaScrip、Jscrip、Applet等，都可以開發(fā)同樣的交互式WEB網頁，而WEB開發(fā)中使用最多，瀏覽器支持最好、案例豐富的是JavaScrip腳本語言。編寫JavaScrip代碼也要遵循W3C標準，任何編寫HTML文檔的軟件都可以用來開發(fā)JavaScrip腳本程序，JavaScrip腳本可以寫在一個后綴聞名為.js的文本文件中，也可以嵌入到HTML文檔中。

2.5 Web服務器

安裝了Web服務器軟件的計算機就是Web服務器。Web服務器軟件對外提供Web服務，供客戶訪問瀏覽，接收客戶端請求，然后將特定內容返回客戶端。其工作流程是：用戶點擊超鏈接或在瀏覽器中輸入地址后，此時瀏覽器將該信息轉換成標準的HTTP請求發(fā)送給Web服務器，當Web服務器接收到HTTP請求后，根據請求內容查找所需信息資源，找到相應資源后，Web服務器將該部分資源通過標準的HTTP響應發(fā)送回瀏覽器，瀏覽器接收到響應后就將HTML文檔顯示出來。目前可用的Web服務器有很多，最常見的是Apache和微軟的IIS服務器。Apache一直是市場上使用最多的Web服務器軟件，它可以運行在幾乎所有的計算機平臺上，開源、簡單、速度快、性能穩(wěn)定，并可作代理服務器使用。

2.6 服務器編程語言

前端開發(fā)語言只負責描述界面，即就是前面介紹的HTML、CSS和JS，只是為了實現整個頁面效果。服務器編程語言指的是在Web服務器端運行的動態(tài)語言，主要是對后臺數據庫的操作和訪問，通過語句實現數據自動獲取等功能。服務器端編程語言也有多種，常用的有ASP、JSP 和PHP等，目前比較流行的是PHP編程語言，它開源免費而且自身融合了現代編程語言的一些最佳特性。

2.7 數據庫管理系統

動態(tài)網站開發(fā)是基于數據庫的，需要將網站內容存儲在數據庫中，所以要為網站選擇一款合適的數據庫管理系統，以便負責和管理網站所需的數據，例如，文字、圖片、聲音等內容。當用戶通過瀏覽器請求數據時，在服務器端程序中接受到用戶的請求后，通過SQL語言（結構化查詢語言）對數據庫進行查詢、添加、刪除或修改操作，并將結果整理成HTML，發(fā)回到瀏覽器上顯示。數據庫管理系統有多種版本，都是使用標準的SQL語句訪問數據庫中的，例如，SQL Server、Oracle、MySQL、Sybase、DB2、Access等。MySQL和PHP一樣是開源免費的軟件，是一個真正多用戶、多線程的SQL數據庫服務器，執(zhí)行效率和穩(wěn)定性高、操作簡單易用，同時還提供網頁形式的phpMyAdmin管理界面和多種圖形管理界面，簡單易學、管理方便，是目前網站開發(fā)首選的數據庫管理系統。

3 動態(tài)網站開發(fā)平臺搭建

Apache 是目前應用最廣的 Web服務器； PHP 是一種類似ASP的服務器端腳本語言，而MySQL 是一個小巧的數據庫系統軟件，它們特別適用于網站建設。Apache+PHP+MySQL不僅僅是開源項目， 可免費獲取，而且這幾個服務器軟件都能夠運行在主流的操作系統上，如Linux、Windows、UNIX和OS/2等，可移植性好，所以說，這種組合是目前設計動態(tài)網站的最佳解決方案，并且已經成為Web服務器的一種配置標準。

3.1 LAMP網站架構

LAMP網站架構指的是在Linux操作系統上運行Apache服務器、MySQL服務器和PHP應用程序服務器的組合，它們組成了一個強大的Web應用程序平臺，目前幾乎在所有的Linux發(fā)布版中都默認包含了這些產品，隨著開源潮流的蓬勃發(fā)展，開放源碼的LAMP已經于J2EE和.NET商業(yè)軟件形成三足鼎立之勢，受到整個IT界的關注。但是Linux系統沒有提供很好的圖形操作界面，多數功能都要使用命令行工具來完成，所以一般用戶會覺得使用Linux很復雜，沒有Windows容易上手，另外提供的程序開發(fā)工具軟件也沒有Windows系統中提供的多，因此，目前使用Windows操作系統的人數還是遠遠多于使用Linux系統的人數。

3.2 WAMP網站架構

按最高標準去安裝一個完美的LAMP環(huán)境，對于初學者來說是一個比較困難的任務。初學者應該選擇自己最熟悉的操作系統，并不是非要先花費大量的時間和精力去學習Linux操作系統。因此對Linux系統并不熟悉的用戶來說，在Windows系統上安裝Web工作環(huán)境也是不錯的選擇，也就是在Windows操作系統上運行Apache服務器、MySQL數據庫和PHP編程語言，形成WAMP網站架構。目前很多使用PHP的網站都是基于Windows系統的，看來圖形化界面還是有很大誘惑的。對于初學者來說，項目可以先在Windows系統中開發(fā)，開發(fā)完后再把整個項目移植到Linux服務器上，畢竟Windows系統和Linux系統之間有很好的兼容性。在Windows操作系統中最好的安裝方式是分別獨立安裝Apache 2、PHP 5、MYSQL 5和phpmyadmin 等幾個軟件。獨立安裝的好處是可以自由選擇這些組合的具體版本，清晰掌握自己計算機里安裝了哪些程序，以及它們的具體配置情況，這將給以后的系統系統維護和軟件升級帶來很大的幫助。

4 結語

一個動態(tài)網站服務器平臺的最少組合應該包括操作系統、Web服務器、應用服務器以及數據庫，網站開發(fā)平臺中的每個組件都有多種可以選擇的軟件。任何一種技術都不可能十全十美，所以搭建一個優(yōu)秀的網站服務器平臺往往要根據企業(yè)的需要而定，有時甚至由開發(fā)者的個人愛好來決定，當然更要考慮到部署費用、安全機制、性能及管理維護等因素。

[1] 高洛峰.細說PHP[M].北京：電子工業(yè)出版社，2013.

[2] 劉增杰、姬遠鵬.PHP+MySQL動態(tài)網站開發(fā)[M].北京：清華大學出版社，2013.

[3] 李俊民.HTML5+CSS3網頁設計經典范例[M].北京：電子工業(yè)出版社，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－），女，漢族，陜西，陜西國防工業(yè)職業(yè)技術學院，副教授，碩士，軟件技術方向。