網站制作——宏圖外貿國際有限公司【畢業(yè)論文】

1、<p><b>　　本科畢業(yè)論文</b></p><p><b>　?。?0 屆）</b></p><p>　　網站制作——宏圖外貿國際有限公司</p><p><b>　　摘 要</b></p><p>　　隨著網絡技術的迅猛發(fā)展，當代企業(yè)紛紛建立自己的網站，借

2、助于互聯(lián)網擴大自己的影響、推廣自己的產品，同時通過互聯(lián)網快速的信息傳遞加速自身的發(fā)展。Internet上發(fā)布信息主要是通過網站來實現(xiàn)的，獲取信息也是在Internet中按照一定的檢索方式將所需要的信息從網站是載下來。因特網與企業(yè)經營活動的結合創(chuàng)造新的網絡經濟，公司企業(yè)也需要一個適合自己的宣傳網站，以展示公司的形象和展示自己的產品。而且，由于web頁面能把文本、圖像、聲音、動畫、視像等多種媒體信息集于一體，不但使信息的顯示更加生動，而且使

3、信息的瀏覽更加方便，同時PHP技術在web開發(fā)中的頁面能實現(xiàn)網上交易平臺、客戶信息反饋方便了企業(yè)與客戶之間信息的交流。因此許多企業(yè)紛紛建設網站以增強企業(yè)的知名度。</p><p>　　本網站就是采用了php編程技術。PHP跟HTML具有良好的兼容性，用戶可以在源代碼中直接加入HTML標簽，因此，文本采用PHP技術設計站點。本文結合web的思想，用PHP進行動態(tài)網站開發(fā)，采用ZEND平臺，基于MYSQL數據庫系統(tǒng)結

4、合網站商店開發(fā)的特點構建各種功能。本文中數據庫器端采用了Mysql數據庫作為整個網站的數據源，并進行數據庫存取等操作，從而使Web與數據庫緊密聯(lián)系起來。還采用Apache作為整個網站的服務器。成功制作了這個網站，完成了小型企業(yè)網站管理系統(tǒng)所需的幾大功能，如動態(tài)添加產品信息，公司信息動態(tài)展示。公司可以簡單方便的運用后臺進行管理，對網站進行各項操作，以便企業(yè)能及時更新自己的產品信息。企業(yè)除了展示自己的產品外，還要跟客戶進行聯(lián)系，于是設計了后

5、臺管理會員的信息的模塊。</p><p>　　本系統(tǒng)的一大特色就是前后臺都是使用php語言框架，使前臺跟后臺緊密聯(lián)系在一起。比如前臺發(fā)布最新產品的那一欄，是通過后臺對數據庫的鏈接控制的，每當有新的產品需要更新上架時，管理員通過修改后臺的商品管理和圖片管理就可以更改產品展示那一欄的產品樣圖，還有產品的詳情介紹。另外質量檢測那個子頁也是采用了這種設計思路，隨時更新公司的質檢證書和產品獲獎證書等能體現(xiàn)產品質量的證書。通

6、過這次制作一個企業(yè)網站，我不僅學到了很多關于php等技術，而且還對企業(yè)的內部文化，企業(yè)的規(guī)模和經營理念、方式有了一定的了解。</p><p>　　關鍵詞:數據庫(Mysql)，HTML,PHP,企業(yè)網站，Apeche</p><p><b>　　Abstract</b></p><p>　　With the rapid development

7、of network technology, contemporary enterprises have set up their own web site, with the help of the Internet to expand its influence and promote their own products, at the same time through the Internet fast information

8、 transmission speed up the development of itself. And, as a result of a web page to the text, images, sound, animation, video and other media information collection in a body, not only keep the information more vivid, an

9、d make information more convenien</p><p>　　This site is using the PHP programming technology. PHP and HTML has good compatibility, the user can directly add HTML tags in the source, and as a result, the text

10、 USES the PHP technology design site. In this paper, combining the ideas of the web, using PHP dynamic website development, using the ZEND platform, based on MYSQL database system according to the characteristics of the

11、website store development to build a variety of functions. This article was adopted at the end of the database is My</p><p>　　One of the features of this system is QianHouTai are using PHP language framework

12、, the front desk closely linked with the background. The column, such as front desk released the latest product is controlled by the background to the database link, whenever there is a new product needs to be updated on

13、 the administrator by changing the background of commodity management and image management can change the product display that figure column of product samples, and details of the products is introdu</p><p>

14、　　Keywords： database(mysql), Website design，PHP</p><p><b>　　目 錄</b></p><p><b>　　第一章 引言1</b></p><p>　　1.1 課題的研究背景1</p><p>　　1.2 網站研究的目的1&

15、lt;/p><p>　　1.3 課題的簡介1</p><p>　　1.4 論文各章內容的介紹2</p><p>　　第二章 企業(yè)網站主要技術3</p><p>　　2.1 Mysql3</p><p>　　2.2 html[5]3</p><p>　　2.3 CSS+DIV3

16、</p><p>　　2.4 PHP4</p><p>　　2.5 Apache5</p><p>　　2.6 Zend Studio5</p><p>　　2.7 MVC 開發(fā)模式5</p><p>　　第三章 企業(yè)網站需求分析7</p><p>　　3.1 網站需求分析7

17、</p><p>　　3.1.1 網站目標的分析7</p><p>　　3.2 主頁面分析7</p><p>　　3.2.1 交互式頁面的分析8</p><p>　　3.3 服務器Apache分析8</p><p>　　3.4 數據庫分析8</p><p>　　3.5功能模塊分

18、析8</p><p>　　3.6網站發(fā)布、瀏覽、調試分析8</p><p>　　第四章 網站的系統(tǒng)設計10</p><p>　　4.1網站目標的設計10</p><p>　　4.2 主頁設計10</p><p>　　4.2.1 LOGO和Banner10</p><p>　　4

19、.2.2 前臺網站的主頁設計11</p><p>　　4.2.3 網站的分頁設計13</p><p>　　4.2.4 后臺網站的主頁設計13</p><p>　　4.2.5 網站的后臺管理分頁設計13</p><p>　　4.2.6交互式頁面設計13</p><p>　　4.3數據庫設計13<

20、/p><p>　　4.3.1 數據庫連接代碼的設計14</p><p>　　4.4 功能模塊的設計14</p><p>　　4.4.1 整體功能模塊的劃分14</p><p>　　4.4.2 各模塊間的關系設計15</p><p>　　4.4.3商品模塊設計16</p><p>　　4

21、.4.4新品模塊上架設計16</p><p>　　4.4.6后臺管理模塊設計17</p><p>　　4.5網站發(fā)布、瀏覽、調試設計23</p><p>　　4.5.1 為什么Mozilla比IE更適合調試網站23</p><p>　　4.5.2 運用環(huán)境：當IE腳本信息太簡單時23</p><p>　　

22、4.5.3 錯誤，就這樣被“揪出”23</p><p>　　4.5.4 嚴格模式，讓網頁顯示更“順暢”23</p><p>　　第五章 系統(tǒng)數據庫設計25</p><p>　　5.1 數據庫表設計25</p><p>　　第六章 系統(tǒng)運行實現(xiàn)27</p><p>　　6.1 功能實現(xiàn)27<

23、/p><p>　　6.2 系統(tǒng)特色29</p><p>　　6.3 系統(tǒng)不足29</p><p><b>　　總結與展望30</b></p><p><b>　　致謝31</b></p><p><b>　　參考文獻32</b></p&g

24、t;<p><b>　　第一章 引言</b></p><p>　　1.1 課題的研究背景</p><p>　　當前互聯(lián)網業(yè)迅猛發(fā)展，以Web為核心的各種應用系統(tǒng)層出不窮，諸如各種商業(yè)型網站、互動交流網站、企業(yè)內部的管理信息系統(tǒng)、BBS論壇等都是十分典型的應用。這種開發(fā)模式被稱作瀏覽器/服務器模式，用戶通過訪問網頁提交相應的處理請求，服務器會解析用戶的

25、請求，調用相應的業(yè)務邏輯代碼進行處理，并將處理結果以網頁的形式返回給用戶，呈現(xiàn)在用戶的瀏覽器上。 </p><p>　　Internet是目前世界上最大的計算機互聯(lián)網絡，它遍布全球，將世界各地各種規(guī)模的網絡連接成一個整體。作為Internet上一種先進的，易于被人們所接受的信息檢索手段，World Wide Web(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據估計，目前Internet上已有上百

26、萬個Web站點，其內容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領域，其用戶群十分龐大，因此，建設一個好的Web站點對于一個機構的發(fā)展十分重要。近年來，隨著網絡用戶要求的不斷提高及計算機科學的迅速發(fā)展，特別是數據庫技術在Internet中的廣泛應用，Web站點向用戶提供的服務將越來越豐富，越來越人性化。Internet的迅猛發(fā)展正在徹底地改變我們的生活、工作方式，網絡已經成為我們生活中不可缺少的一部分。為了加強

27、管理，提高工作效率，借鑒國際先進的管理經驗，深化改革，河北宏圖外貿國際有限公司建立了自己的網站和局域網。為了充分利用網絡資源，加強廠內各個部門的聯(lián)系，加強合作，促進職工的學習熱情，提高職工的業(yè)務水平，建立以企業(yè)為中心的網站。</p><p>　　1.2 網站研究的目的</p><p>　　信息時代的來臨拓寬了大家進行自我提升的途徑，同時也對大家的素質提出了更高的要求。被稱為當今社會的“天

28、之驕子”的電腦主宰著世界的前進，而主宰電腦的我們則更應該多思考，多研究，多學習。只讀書的學習方式一去不復返，科技的日新月異，使我們不得不學習一種新的知識--計算機技術。怪不得有人說“不會電腦的人，將是新世紀的文盲”。足見網上學習的重要性。員工網上交流系統(tǒng)網站將作為一個員工的學習、交流的平臺，設立公司新聞，展示全公司風采，發(fā)布各種新聞、單位組織的活動、等信息；設立學習平臺實現(xiàn)網上學習，拓寬培訓途徑；隨著單位人事制度改革的深入，強化人才的管

29、理，建立崗位競聘模塊；留言反饋、聯(lián)系我們的建立，便于員工的互動和交流。</p><p>　　1.3 課題的簡介</p><p>　　本文中數據庫服務器端采用了mysql數據庫作為數據源，并進行數據庫存取等操作，使Web與數據庫緊密聯(lián)系起來</p><p>　　本網站定義為一個外貿國際有限公司的官方網站，首頁主要展示了本公司的的簡介和和公司的部分產品。其他子頁主要是

30、從不同方面對公司進行具體點的介紹。</p><p>　　整個個性化頁面生成系統(tǒng)主要是在php的框架下嵌套使用html、css+div、jsp的標簽屬性實現(xiàn)的個性化Web頁面。關聯(lián)規(guī)則采掘系統(tǒng)對數據庫中的歷史記錄進行分析，產生用戶關聯(lián)規(guī)則表；頁面生成器則負責記錄用戶行為和根據關聯(lián)規(guī)則表動態(tài)生成用戶個性化Web頁面。二者通過數據庫服務器和Web服務器連接。</p><p>　　站內瀏客：瀏覽網

31、頁后知道本公司的概況，了解公司的組織結構；掌握和學習公司專業(yè)知識。</p><p>　　管理人員：對網站進行管理，發(fā)布圖片、文章，及時對公司的新聞加以增減，使得瀏覽者能隨時看到公司的一些情況，聯(lián)系自身，做出一些對公司有益的計劃。</p><p>　　1.4 論文各章內容的介紹</p><p><b>　　論文全文共分為七章</b></p

32、><p>　　第一章 引言。這一章介紹了課題的研究背景和目的，課題的簡單介紹。</p><p>　　第二章 企業(yè)網站的主要技術。介紹了用到了php編程技術、Mysql數據庫、Apeche服務器等。</p><p>　　第三章 網站系統(tǒng)需求分析。從各個角度對網站的需求進行了分析。</p><p>　　第四章 網站的系統(tǒng)設計。介紹了該網站設計的思路。

33、</p><p>　　第五章 系統(tǒng)數據庫設計。介紹了該網站數據庫都使用了哪些表。</p><p>　　第六章 網站的測試運行。該章主要介紹了網站最終實現(xiàn)的效果和檢測到的bug并改正。</p><p>　　第二章 企業(yè)網站主要技術</p><p>　　2.1 Mysql</p><p>　　MySQL[1]（通常被讀

34、作My-SEQuel）是一個開放源碼的關聯(lián)式數據庫管理系統(tǒng)。MySQL被廣泛地應用在Internet上的中小型網站中。由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點，許多中小型網站為了降低網站總體擁有成本而選擇了MySQL作為網站數據庫。MySQL所使用的SQL語言是用于訪問數據庫的最常用標準化語言。它的性能如下：</p><p>　　1、使用C和C++編寫，并使用了多種編譯器進行測試，保證源代碼的

35、可移植性。</p><p>　　2、支持AIX、FreeBSD、HP-UX、Linux、Mac OS、NovellNetware、OpenBSD、OS/2 Wrap、Solaris、Windows等多種操作系統(tǒng)。</p><p>　　3、為多種編程語言提供了API。這些編程語言包括C、C++、Python、Java、Perl、PHP、Eiffel、Ruby和Tcl等。</p>

36、<p>　　4、支持多線程，充分利用CPU資源。</p><p>　　5、優(yōu)化的SQL查詢算法，有效地提高查詢速度。</p><p>　　6、既能夠作為一個單獨的應用程序應用在客戶端服務器網絡環(huán)境中，也能夠作為一個庫而嵌入到其他的軟件中。</p><p>　　7、提供多語言支持，常見的編碼如中文的GB 2312、BIG5，日文的Shift_JIS等都可以

37、用作數據表名和數據列名。</p><p>　　8、提供TCP/IP、ODBC和JDBC等多種數據庫連接途徑。</p><p>　　9、提供用于管理、檢查、優(yōu)化數據庫操作的管理工具。</p><p>　　10、支持大型的數據庫?？梢蕴幚頁碛猩锨f條記錄的大型數據庫。</p><p>　　11、支持多種存儲引擎。</p><p

38、>　　2.2 html[5]</p><p>　　超級文本標記語言是標準通用標記語言下的一個應用，也是一種規(guī)范，一種標準， 它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網頁文件，然后根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出

39、其錯誤，且不停止其解釋執(zhí)行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是，對于不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。</p><p>　　2.3 CSS+DIV</p><p>　　CSS+DIV 即 div css 。</p><p>　　DIV+CSS是WEB[6]設計標準，它是一種網頁

40、的布局方法。與傳統(tǒng)中通過表格（table）布局定位的方式不同，它可以實現(xiàn)網頁頁面內容與表現(xiàn)相分離。提及DIV+CSS組合，還要從XHTML說起。XHTML是一種在HTML（標準通用標記語言的子集）基礎上優(yōu)化和改進的新語言，目的是基于XML應用與強大的數據轉換能力，適應未來網絡應用更多的需求。</p><p>　　“DIV+CSS”其實是錯誤的叫法，而標準的叫法應是XHTML+CSS。因為DIV與Table都是XH

41、TML或HTML語言中的一個標記，而CSS只是一種表現(xiàn)形式。也許其提出者本意并沒有錯，但是跟風者從表現(xiàn)曲解了其意思，認為整個頁面就應當是DIV+CSS文件的組合。</p><p><b>　　2.4 PHP</b></p><p>　　PHP最初出現(xiàn)于1994年，是PHP/FI(個人主頁/表單解釋器，Personal Home Page/Forms Interpre

42、ter)的一系列腳本。隨著PHP的逐步發(fā)展，PHP指的不再是“個人主頁(Personal Home Page)”，而是“PHP超文本預處理器(PHP Hypertext Preprocessor)”。PHP是完全免費的，不用花錢，你可以從PHP官方站點(http://www.php.net)自由下載。你可以不受限制的獲得源碼，甚至可以從中加進你自己需要的特色。PHP在大多數Unix平臺，GUN/Linux和微軟Windows平臺上均可以

43、運行。</p><p>　　使用PHP進行Web應用程序開發(fā)，具備如下的優(yōu)點：</p><p>　　(1) 可使用服務器端的腳本來產生客戶端的腳本。使用VBScript、JavaScript等簡單易懂的腳本語言，結合HTML代碼，即可快速地完成網站的應用程序；</p><p>　　(2) 無須編譯，容易編寫，可在服務器端直接執(zhí)行；</p><p&

44、gt;　　(3) 使用普通的文本編輯器，如Windows的記事本，即可進行編輯設計；</p><p>　　(4) 與瀏覽器無關(Browser Independence), 客戶端只要使用可執(zhí)行HTML碼的瀏覽器，PHP所使用的腳本語言均在WEB服務器端執(zhí)行，客戶端的瀏覽器不需要能夠執(zhí)行這些腳本語言的功能；</p><p>　　(5) PHP能與任何用C語言、Java語言所開發(fā)的擴展兼容。

45、</p><p>　　PHP主要功能與應用有如下三大領域：</p><p>　　① 服務器端腳本(Server-side Script)：即最常用的Web程序開發(fā)；</p><p>　?、?命令行/Shell腳本(CLI/Command line Script)：用以做系統(tǒng)自動化與監(jiān)測腳本；</p><p>　?、?客戶端用戶界面(Clien

46、t-side GUI Application)：使用PHP GTK可以編寫類似于VB/Delphi的桌面應用程序。</p><p>　　本系統(tǒng)選擇PHP開發(fā)的理由是：</p><p><b>　?、?簡單易學；</b></p><p>　?、?有眾多的擴展類庫；</p><p>　?、?有活躍的用戶群、廣大的開發(fā)者社區(qū)；

47、</p><p><b>　　④ 安全性高；</b></p><p><b>　?、?運行穩(wěn)定。</b></p><p>　　2.5 Apache</p><p>　　Apache[7]，中文名稱為阿帕奇，是一種開放源碼的HTTP服務器，可以在大多數計算機操作系統(tǒng)中運行，由于其多平臺和安全性而被廣

48、泛使用，是最流行的Web服務器端軟件之一。</p><p>　　Apache是1994年源于IBM公司的NCSA小型Web服務器項目。它和PHP的發(fā)展很相似，最初是靠熱心的程序員或網管以補丁(Pacth)的形式來維護的，從1.3版本開始起以Apache的正式名稱提供給所有用戶免費下載使用，且開放源代碼。[4]</p><p>　　本系統(tǒng)采用Apache2.2，其特性如下：</p>

49、;<p>　　(1) 模塊化：支持多種語言或腳本引擎，如PHP、Perl/ModPerl、JSP/Servelet等。</p><p>　　(2) 安全性高：由于開放源代碼，通常會在安全性問題被及時發(fā)現(xiàn)并解決后發(fā)布新的版本。</p><p>　　(3) 擴展性好：支持多種操作系統(tǒng)，如MS Win32/FreeBSD/Linux/OS2等平臺。</p><p

50、>　　(4) 可移植性：在這些異構操作系統(tǒng)，配置與安裝基本相似。</p><p>　　(5) 性能優(yōu)越：可以自定義運行參數、編譯環(huán)境，以適應不同的Web環(huán)境的承載。</p><p>　　(6) 多線程：Apache2支持UNIX運行POSIX線程，在Windows下為多線程模式。</p><p>　　(7) 自定義錯誤文檔：管理員可以方便地更改錯誤頁面。<

51、;/p><p>　　(8) 多語種支持：支持UTF-8、GB2312、Shift JIS、BIG5等多種字符集編碼。</p><p>　　Apache是服務器軟件始終不斷進化的大塊部件，它免費但又是無價之寶。Apache是在資源開放運動中出現(xiàn)的絕對珍品，因為不屬于個人專利而是對公共免費。一旦擁有這些源碼，程序員能夠自由完成所想——能在其它程序員接替工作時被賦予同樣的權限來改變和修改自己的源代碼

52、。</p><p>　　2.6 Zend Studio</p><p>　　Zend Studio[8]是一個屢獲大獎的專業(yè)PHP集成開發(fā)環(huán)境，具備功能強大的專業(yè)編輯工具和調試工具，支持PHP語法加亮顯示，支持語法自動填充功能，支持書簽功能，支持語法自動縮排和代碼復制功能，內置一個強大的PHP代碼調試工具，支持本地和遠程兩種調試模式，支持多種高級調試功能。</p><p

53、>　　2.7 MVC 開發(fā)模式</p><p>　　MVC由Trygve Reenskaug提出，首先被應用在SmallTalk-80環(huán)境中，是許多交互和畫面系統(tǒng)的構成基礎。MVC結構是為那些需要為同樣的數據提供多個視圖的應用程序而設計的，它很好地實現(xiàn)了數據層與表示層的分離。MVC作為一種開發(fā)模型，通常用于分布式應用系統(tǒng)的設計和分析，以及用于確定系統(tǒng)各部分間的組織關系。對于畫面設計可變性的需求，MVC(Mo

54、del-View-Controller)[9]把交互系統(tǒng)的組成分解成模型、視圖、控制器3種部件。</p><p>　　(1) 模型部件(Model)保存由視圖顯示、由控制器控制的數據；它封裝了問題的核心數據、邏輯和功能的計算關系，它獨立于具體的畫面表達和I/O操作。</p><p>　　(2) 視圖部件(View)把表示模型數據及邏輯關系和狀態(tài)的信息以特定形式展示給用戶。它從模型獲得顯示信

55、息，對于相同的信息可以有多個不同的顯示形式或視圖。</p><p>　　(3) 控制器部件(Controller)是處理用戶與軟件的交互操作的，其職責是控制提供模型中任何變化的傳播，確保用戶畫面與模型間的對應聯(lián)系；它接受用戶的輸入，將輸入反饋給模型，進而實現(xiàn)對模型的計算控制，是使模型和視圖協(xié)調工作的部件。</p><p>　　PHP的MVC模型如下圖所示：</p><p

56、>　　圖2-1 MVC模型圖</p><p>　　模型、視圖與控制器的分離，使得一個模型可以具有多個顯示視圖。如果用戶通過某個視圖的控制器改變了模型的數據，所有其他依賴于這些數據的視圖都應反映了這些變化。因此，無論何時發(fā)生了何種數據變化，控制器都會將變化通知所有的視圖，導致顯示的更新。</p><p>　　第三章 企業(yè)網站需求分析</p><p>　　網站的

57、總體規(guī)劃，是從總體上對網站的架構進行整體規(guī)劃。因為只有這樣，才能在網站的制作與維護中對網站的功能有一個清晰的把握。此外，做好網站規(guī)劃，會對網站以后的功能擴展起到事半功倍的作用。</p><p>　　3.1 網站需求分析</p><p>　　互聯(lián)網豐富多彩，這些信息大多通過網頁與用戶進行交互。網頁的實現(xiàn)形式多種多樣，無論是短小精悍的個人主頁，還是結構清晰、信息豐富的大型網站，網站的需求分析

58、和規(guī)劃設計都要放在第一步，因為它直接關系到網站的功能是否完善，質量是否能夠達到保證。</p><p>　　3.1.1 網站目標的分析</p><p>　　網站目標說的通俗點就是網站建設[10]的目的，即公司建設網站后想通過網站來得到什么好處?是展示企業(yè)形象?是提供一個與外界交流的網絡窗口?還是開展公司產品的網絡營銷?還是其它。</p><p>　　確定網站建設目標

59、之前，要先對公司的整個業(yè)務流程，從如何尋找產品的渠道到尋找到合適的目標客戶到向客戶宣傳產品的過程在到完成客戶簽單，這一整個流程中是否存在某些制約著公司發(fā)展的某個環(huán)節(jié)，那么要把他們挖掘出來。公司是為沒有客戶發(fā)愁還是往往在介紹產品時忙的不可開交?只有對自己企業(yè)有了充分的認識后，才能通過網站建設來解決這些實實在在存在的問題，這樣的網站建設成功以后，更有針對性，才是一個真正有用的網站。</p><p>　　當然也可以為網

60、站設定一個次要的輔助性的目標，比如網站是做婚紗攝影的，主要目標是讓瀏覽者在網上訂單，當主要目標沒有達成時，可以通過制作一份婚紗攝影電子雜志來吸引瀏覽者注冊，通過雜志的精美內容來刺激瀏覽者消費呢?</p><p>　　網站建設的目標是很重要的，它對企業(yè)網站建設是非常有幫助的，可以讓網站擁有良好的用戶體驗。</p><p><b>　　3.2 主頁面分析</b></

61、p><p>　　一個好的主頁對于網站來說至關重要，它不僅可以使網站的整體效果上升層次，同時也方便網站的交流，同時也更容易達到網站建設者的目的。</p><p>　　而一個主頁最顯眼的地方就是LOGO[11]和banner。這是主頁的頭部，一個網址的打開，人們總是最先看見主頁的LOGO等，如何豐富主頁對于一個網站建設來說是門學問。針對本次的網站，要求要做到LOGO的醒目，而且開宗明義，能夠清楚的

62、表達出網站的主旨是哪些，同時能夠帶有其特定的宣傳效果。</p><p>　　3.2.1 交互式頁面的分析</p><p>　　從用戶角度來說，交互設計是一種如何讓產品易用，有效而讓人愉悅的技術，它致力于了解目標用戶和他們的期望，了解用戶在同產品交互時彼此的行為，了解“人”本身的心理和行為特點，同時，還包括了解各種有效的交互方式，并對它們進行增強和擴充。交互設計還涉及到多個學科，以及和多領

63、域多背景人員的溝通。 </p><p>　　通過對產品的界面和行為進行交互設計，讓產品和它的使用者之間建立一種有機關系，從而可以有效達到使用者的目標，這就是交互設計的目的。</p><p>　　3.3 服務器Apache分析</p><p>　　Apache是目前最流行的Web應用服務器，占據了互聯(lián)網應用服務器70%以上的份額。Apache能取得如此成 功并不足為

64、奇：它免費、穩(wěn)定且性能卓越；但Apache能取得如此佳績的另一個原因是，當時互聯(lián)網剛剛興起時，Apache是第一個可用的Web應用服務 器，人們沒有其他的選擇。</p><p>　　不可否認，Apache是一個優(yōu)秀的全能Web服務器，但對于那些需要更強大的Web應用服務器（比如大小、可定制、響應速度、可擴展性等方面）的人而言，Apache明顯不符合他們的要求，尋找Apache的替代者是更好的選擇。</p&g

65、t;<p>　　3.4 數據庫分析</p><p>　　數據庫是系統(tǒng)設計的另一個關鍵環(huán)節(jié)，數據庫[12]技術使信息資源管理最有效的手段。數據庫設計是指對一個給定的應用環(huán)境，構造最優(yōu)的數據庫模式，建立數據庫及其應用系統(tǒng)，有效存儲數據，滿足用戶要求和處理要求。數據庫結構設計的好壞將直接對應用系統(tǒng)的效率及實現(xiàn)效果產生影響。</p><p>　　設計數據庫系統(tǒng)時首先充分了解各個方面

66、的需求，包括現(xiàn)有的及將來可能增加的需求。由于本系統(tǒng)面向的對象有3個，即用戶，會員和管理員，所以在數據庫需求分析中就要考慮三方面因素。</p><p><b>　　3.5功能模塊分析</b></p><p>　　一個好的網站肯定是有各種類型的功能模塊組成。不同模塊有著各自不同的作用，是溝通網站與用戶的一個基本橋梁。而功能模塊分為前臺模塊和后臺模塊，主要分別控制著前臺一些

67、網站的基本功能和后臺的功能，達到實現(xiàn)網站作用的目的。同時也更好的發(fā)揮網站的作用。</p><p>　　3.6網站發(fā)布、瀏覽、調試分析</p><p>　　雖然Internet Explorer（簡稱IE）在瀏覽器市場中占據著優(yōu)勢性份額，但并不是說它強大到無可挑剔的地步，除了安全隱患問題，在站長進行網站調試時，也暴露出IE的嚴重不足。其實，很多站長都利用Mozilla這款老牌的Web[13]

68、瀏覽器來調試自己的網站，它可以快速、高效、即時地找出網頁中存在的問題。</p><p>　　第四章 網站的系統(tǒng)設計</p><p>　　由需求分析得知，可以將網站功能分為前臺和后臺兩類，由此模塊也分為兩大類：前臺模塊和后臺模塊。</p><p>　　4.1網站目標的設計</p><p>　　網站目標必須是可以通過網絡來精確測量的，比如對公司

69、最新發(fā)布的產品的展示，有多少人查看了公司的產品信息，對哪種產品關注度最高。再比如又有多少人登陸了公司，參加了公司的活動。而不能是直接讓客戶到公司來購買產品這種泛泛的不容易監(jiān)測的目標。</p><p>　　只有對目標的完成率有了準確的測量才能更好的開展網站推廣，網站營銷的工作!</p><p>　　可能很多公司在整個產品的效果過程中存在過多的問題，都想通過網站建設來解決，愿望是美好的，但現(xiàn)實

70、是，只能選擇一個主要的目標，一個準確的首要目標才能準確的指導網站建設。</p><p>　　根據這一宗旨，本網站主要根據宏圖外貿國際有限公司的需求確立為一個綜合型服務網站，主要起到宣傳互動作用。</p><p><b>　　4.2 主頁設計</b></p><p>　　整個網站都是以黑色為基調，給人一種穩(wěn)重踏實的感覺，顯示了該公司以誠信為首的

71、宗旨，語言以英語為主，彰顯該公司是外貿公司的特點。方便各個國家的顧客瀏覽。</p><p>　　4.2.1 LOGO和Banner</p><p>　　網站的LOGO和Banner是網站的標志，由標志圖片，網站名稱，宣傳語和宣傳圖片組成。其中，網站標志和網站名稱是用。</p><p><b>　　代碼如下（部分）：</b></p>

72、<p>　　<imgsrc="images/1259560618.jpg"tppabs="http://www.zyhchem.com/images/1259560618.jpg" border="0" /></p><p><b>　　</div></b></p><p&

73、gt;<b>　　</div></b></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p>　　<div id='pdv_5080' class='pdv_class

74、9; style='width:990px;height:42px;top:96px;left:0px; z-index:6'></p><p>　　<div id='spdv_5080' class='pdv_top' style='overflow:hidden;width:100%;height:100%'></p&

75、gt;<p>　　<div class="pdv_border" style="margin:0;padding:0;height:100%;border:0px #dddddd solid;background:#fff;"></p><p>　　<div style="height:25px;margin:1px;display

76、:none;background:#cccccc;"></p><p>　　<div style="float:left;margin-left:12px;line-height:25px;font-weight:bold;color:#fff"></p><p><b>　　</div></b><

77、/p><p><b>　　</div></b></p><p>　　<div style="padding:0px"></p><p>　　<link href="images/A.css" tppabs="http://www.zyhchem.com/images/A

78、.css" rel="stylesheet" type="text/css" /></p><p>　　<div id="menumain"></p><p>　　<div class="menuleft"></div><div class="

79、;menuright"></div></p><p>　　<a href="index.php" target="_self" class="menumain">Home</a></p><p>　　<a href="about.php" target

80、="_self" class="menumain">About Us</a></p><p>　　<a href="Product.php" target="_self" class="menumain">Products</a></p><p>

81、　　<a href="Quality.php" target="_self" class="menumain">Quality</a></p><p>　　<a href="order.php" target="_self" class="menumain"&g

82、t;Order Form</a></p><p>　　<a href="Contact.php" target="_self" class="menumain">Contact Us</a></p><p><b>　　</div></b></p>

83、<p><b>　　</div></b></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p><b>　　</div></b></p>&l

84、t;p>　　4.2.2 前臺網站的主頁設計</p><p>　　在網站中設計中，為保持各個頁面的連貫性，采用分塊設計。設計Header作為各個網頁的頭部；代碼如下(部分)：</p><p>　　<img src="images/1259560618.jpg" tppabs="http://www.zyhchem.com/images/125956

85、0618.jpg" border="0" /></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p><b>　　</div></b></p><

86、p><b>　　</div></b></p><p>　　<div id='pdv_5080' class='pdv_class' style='width:990px;height:42px;top:96px;left:0px; z-index:6'></p><p>　　<di

87、v id='spdv_5080' class='pdv_top' style='overflow:hidden;width:100%;height:100%'></p><p>　　<div class="pdv_border" style="margin:0;padding:0;height:100%;border:0px

88、 #dddddd solid;background:#fff;"></p><p>　　<div style="height:25px;margin:1px;display:none;background:#cccccc;"></p><p>　　<div style="float:left;margin-left:12px;

89、line-height:25px;font-weight:bold;color:#fff"></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p>　　<div style="padding:0px&q

90、uot;></p><p>　　<link href="images/A.css" tppabs="http://www.zyhchem.com/images/A.css" rel="stylesheet" type="text/css" /></p><p>　　<div id=&q

91、uot;menumain"></p><p>　　<div class="menuleft"></div><div class="menuright"></div></p><p>　　<a href="index.php" target="_self

92、" class="menumain">Home</a></p><p>　　<a href="about.php" target="_self" class="menumain">About Us</a></p><p>　　<a href="

93、;Product.php" target="_self" class="menumain">Products</a></p><p>　　<a href="Quality.php" target="_self" class="menumain">Quality</a

94、></p><p>　　<a href="order.php" target="_self" class="menumain">Order Form</a></p><p>　　<a href="Contact.php" target="_self"

95、class="menumain">Contact Us</a></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p><b>　　</div></b></p&g

96、t;<p><b>　　</div></b></p><p><b>　　</div></b></p><p>　　設計Footer作為網頁的頁腳，代碼如下（部分）：</p><p>　　<div style="padding:0px"></p&g

97、t;<p>　　<link href="images/E.css" tppabs="http://www.zyhchem.com/images/E.css" rel="stylesheet" type="text/css" /></p><p>　　<div id="bottommenu&q

98、uot;></p><p>　　<a href="about.php" target="_self" class="menumain">About Us</a></p><p>　　<a href="Product.php" target="_self"

99、; class="menumain">Products</a></p><p>　　<a href="Quality.php" target="_self" class="menumain">Quality</a></p><p>　　<a href="

100、;order.php" target="_self" class="menumain">Order Form</a></p><p>　　<a href="Contact.php" target="_self" class="menumain">Contact Us<

101、;/a></p><p><b>　　</div></b></p><p>　　頭部與頁腳的色調以黑色調為主，穩(wěn)重，大氣，突出重點。中間內容部分也以黑色作為基色調，是網頁渾然成一體。</p><p>　　4.2.3 網站的分頁設計</p><p>　　網站的分頁是由主頁鏈接的目標頁，其內容為主頁鏈接的

102、詳細內容展開。本網站中設置了一級、二級子頁，個個欄目的內容。各級子頁面保持與主業(yè)面的風格，實現(xiàn)了網站的統(tǒng)一。</p><p>　　4.2.4 后臺網站的主頁設計</p><p>　　在網站中設計中，為保持各個頁面的連貫性，采用分塊設計。后臺設計采用了與前臺相同的技術。但頁面風格不同。</p><p>　　4.2.5 網站的后臺管理分頁設計</p>

103、<p>　　網站的后臺以天藍色為基調，首頁不再顯示各分頁面的內容。后臺進入需要登陸。總之后臺管理的設計思想是盡量直接實現(xiàn)各種功能，不需其他技巧就能完成后臺管理，使其不需要多少的計算機專業(yè)技能，也能輕松勝任。</p><p>　　4.2.6交互式頁面設計</p><p>　　交互式頁面利用jsp，php以及數據庫技術有機的結合，達到方便用戶瀏覽網頁，方便管理員管理網站的目的。<

104、;/p><p><b>　　4.3數據庫設計</b></p><p>　　在設計網站的后臺數據庫時我采用的數據庫是Mysql，建立后綴為“.sql”的庫文件。在網站中前臺與后臺管理系統(tǒng)共同使用一個數據庫xiaoxiao.sql，來完成各自的任務。用.asp將數據庫封裝，加強了數據庫的安全性。在數據庫中共有9張表，與前臺有關的表有2張表（Userinfo表正在建設中）。&l

105、t;/p><p>　　得到上面的數據項和數據結構以后，就可以設計出能夠滿足用戶需求的各種實體，以及他們之間的關系，為后面的邏輯結構設計打下基礎。這些實體包含各種具體信息，通過相互之間的作用形成數據的流動。</p><p>　　本系統(tǒng)根據上面的設計規(guī)劃出的實體有：管理員信息實體、版主信息實體、用戶信息實體、帖子實體、短消息實體、公告信息實體、版面信息實體。</p><p>

106、;　　管理員信息實體圖如圖4.1所示。</p><p>　　圖4-1管理員信息實體圖</p><p>　　4.3.1 數據庫連接代碼的設計</p><p>　　要使用后臺數據庫的數據，必須先進行數據庫的連接與打開，要連接數據庫我們必須使用對象群的對象。 數據庫的連接使用的是php提供的mysql語句：</p><p>　　class myS

107、qlConn{</p><p>　　private $db;</p><p>　　private $host="localhost";</p><p>　　private $user="root";</p><p>　　private $pass="";</p><

108、;p>　　private $port="3306";</p><p>　　private $dataName="xtcms";</p><p>　　function __construct(){</p><p><b>　　try{</b></p><p>　　$this-&

109、gt;db=new mysqli($this->host,$this->user,$this->pass,$this->dataName,$this->port);</p><p>　　}catch(Exception $e){</p><p>　　echo "數據庫連接錯誤".$e->getMessage();</p>

110、<p><b>　　}</b></p><p><b>　　}</b></p><p>　　public function getMysqlObj(){</p><p>　　return $this->db;</p><p><b>　　}</b></

111、p><p><b>　　}</b></p><p>　　執(zhí)行數據庫查詢語句，并獲取結果</p><p>　　4.4 功能模塊的設計</p><p>　　4.4.1 整體功能模塊的劃分</p><p>　　用戶瀏覽板塊，瀏覽主題帖列表，查看圖片信息組成瀏覽模塊；管理員置頂文章和指定精華帖子組成管理帖子

112、模塊。以上3個模塊組成前臺的功能模塊。后臺模塊都是與管理員相關的，設置網站參數單獨為網站設置模塊；創(chuàng)建，修改和刪除版塊為管理版塊模塊；添加，刪除和設置權限為管理用戶模塊。如圖4.3所示是網站的功能模塊圖。</p><p>　　圖4-2網站的功能模塊圖</p><p>　　4.4.2 各模塊間的關系設計</p><p>　　每個模塊的功能，真實反映需求，通過對需求的認

113、真分析，可以設計出符合要求的單獨模塊。但是，關鍵在于對系統(tǒng)架構的把握，把零散的功能模塊用一條主線串聯(lián)起來，構建完整的系統(tǒng)。</p><p>　　管理用戶模塊與注冊登錄模塊關聯(lián)，是由同一類對象——用戶決定的，注冊后獲得論壇的身份，成為會員，所有的會員用戶需要接受管理員管理，管理員登錄證明自己在網站中的身份并對會員進行管理，如圖4.4所示。</p><p>　　圖4-3 管理用戶模塊與用戶瀏覽

114、模塊關系圖</p><p>　　弄清楚模塊間的關系，就可以設計出論壇系統(tǒng)的整體架構，如圖4-4所示。</p><p>　　圖4-4 系統(tǒng)的整體架構圖</p><p>　　根據系統(tǒng)的入口不同，可分為前臺系統(tǒng)和后臺系統(tǒng)。前臺系統(tǒng)包瀏覽模塊、關注產品模塊；后臺包括管理員登陸模塊、管理用戶模塊、管理商品模塊、管理文章模塊。至此，網站系統(tǒng)的架構部分設計完成了，需要進一步設計具

115、體的數據庫結構，確定系統(tǒng)的數據基礎。</p><p>　　4.4.3商品模塊設計</p><p>　　在首頁我們除了鮮明的向顧客展示了我們公司的簡介，還用一個滾動條向瀏覽網頁的顧客們展示了我們公司多種多樣的，五彩繽紛的產品。此處的展品圖片和簡單的描述由管理員控制，管理員通過上傳數據庫來控制產品圖樣的展出。</p><p>　　4.4.4新品模塊上架設計</p&

116、gt;<p>　　新品上架信息同商品基本信息同時保存在商品信息表，在產品那個頁面。專門列出公司即將發(fā)售的新產品。核心代碼如下：</p><p><b>　　<?php </b></p><p>　　while($re=$res1->fetch_assoc()){</p><p><b>　　?><

117、/b></p><p>　　<td width="100%"><div align="center"></p><p>　　<table width="84%" border="0" align="center" cellpadding="0&q

118、uot; cellspacing="0"></p><p><b>　　<tr> </b></p><p>　　<td width="25%" ><table border="0" align="center" cellpadding="0&

119、quot; cellspacing="0"></p><p><b>　　<tr></b></p><p>　　<td width="181"><div align="center"></p><p>　　<table border=&q

120、uot;0" cellspacing="0" cellpadding="0" style='margin:5px;' ></p><p><b>　　<tr></b></p><p>　　<td width="156" align='center

121、9; style='border:#cccccc 1px solid; padding:2px;'><a href="show1.php?id=<?php echo $re['id'];?>" ><img src="<?php echo $re['img_path'];?>" alt="co

122、oking palm oil " width="150" height="120" border="0"></a></td></p><p><b>　　</tr></b></p><p><b>　　<tr></b>&l

123、t;/p><p>　　<td align='center' height='22'><a href="show1.php?id=<?php echo $re['id'];?>" tppabs="http://www.zyhchem.com/show1.asp?id=63" title="co