北京化工大學北方學院畢業設計（論文）誠信申明本人申明：本人所呈交的本科畢業設計論文（基于PHP技術的深井魚場網站設計論文）是本人在導師指導下對所學專業知識而進行的研究工作及全面的總結。盡我所能利用PHP技術進行深井魚場網站的設計與實現，除了文中特別加以標注和致謝中所羅列的內容以外，論文中創新處不包含其他人已經發表或撰寫過的研究成果。對本課題所做出貢獻的個人與集體均已在文中做了明確的說明并表示了謝意。若有不實之處，本人承擔一切相關責任。本人簽名： 年 月 日基于PHP技術的深井魚場網站的設計與開發潘智偉計算機科學與技術專業計科0604班學號060202095指導教師沈大海摘要近年來網絡不斷地發展成熟。基于因特網的網絡營銷已經不斷的成為一種新的企業營業方式。如今網絡對于中小企業來講，網絡能給它們帶來許多新的機遇和挑戰，它能夠解決中小企業面臨的許多困難和問題。對于如何利用好網絡資源進行自己產品的推廣與銷售是企業重中之重。網絡可以為企業開辟更廣泛的市場空間。由于信息的競爭在企業的競爭優勢中發揮著越來越重要的作用，在這個信息競爭激烈的時代里，企業如何利用網絡擴大自己的市場，以及產品的營銷，已成為企業是否能走向成功的重要條件。一方面：網絡的實時性，交互性，共享性等特點，有著其它媒體無法比擬的優點，促進企業的快速的發展。另一方面：網絡給企業提供了一個更為廣闊的市場。此次做的畢設是一個魚場公司的網站，利用PHP開源的語言，（PHP+Apach+Mysql黃金組合）快速的進行網站的建設，并通過網站的建立進行公司相關信息的發布。進一步提高信息的傳播速度與擴大市場，并通過網絡促進與異地的客戶進行交流與交易，獲得利益。本文依據如何設計與建立一個小企業的網站，做了全面系統的介紹。全文共七章，按照前期的開發順序，從系統需求與分析，逐一對開發過程做了全面的介紹。在系統設計實現這一章中的功能實現模塊部分省去了煩瑣的程序代碼，用比較直觀易讀的圖表示，增強了文章的可讀性。在寫作過程中，本文與實際項目進度相結合，體現理論聯系實際，理論應用于實踐的科學性。關鍵詞：PHP技術網站設計Based on the technology of PHP in fish farms web design and realization of the siteAbstractIn recent years, developing constantly mature network. Based on the Internet network marketing has become a new kind of continuous business enterprise. Now for small and medium-sized enterprise network, the network can give them bring many new opportunities and challenges, it can solve the small and medium-sized enterprises facing many difficulties and problems. How to make good use of network resources for our products promotion and sales is important. For the enterprise network can open wider market space. Due to the competition information in enterprises competitive advantage is playing a more and more important role in the information age of fierce competition, the enterprise how to utilize the network, as well as expand your market product marketing, whether can be the important condition of success. On one hand, the real-time interactive network, sharing with other media, etc. The incomparable virtues, and promote enterprises rapid development. On the other hand, the network to provide a broader market. This is a project of the company website, fish farms in the source language, using PHP/Mysql Apach + + (PHP gold) quickly, and through the construction site of the website information related to the establishment of the company. To further improve the transmission speed and expand information through the network to promote and market, with different communication and trade, benefit.Based on how to design and build a small company website, made a comprehensive system is introduced. The chapter 7, according to the order of development, from the system requirements and analysis of the development process and introduced. In this chapter, system design of function module part of the program code removes troublesome, with intuitive and easy to read, and enhanced the graph article readability. In the process of writing, this paper combining with the practical project, link theory with practice and theory is applied in practice.Key words: PHP web technology Website design目錄前 言1第章概述2第1.1節 制作背景2第1.2節 制作意義2第1.3節 開發工具簡介3第章可行性分析5第2.1節 B/S結構介紹5第2.2節 MySQL 數據庫7第2.3節 PHP 技術8第章需求分析10第3.1節 總體功能需求分析10第3.2節 網站具體功能模塊需求分析11第3.3節 網頁結構圖12第3.4節 網頁版面規劃13第3.5節 網頁布局技術15第章數據庫設計16第4.1節 數據庫概念結構設計16第4.2節 數據庫邏輯結構設計18第章人機界面設計20第5.1節 前臺主頁界面設計20第5.2節 前臺產品展示頁面設計24第5.3節 前臺資訊頁面設計25第5.4節 前臺留言頁面設計26第5.5節 后臺管理頁面設計27第5.6節 程序設計語言28第5.7節 部份源程序實現及文件29第6章網站測試33第6.1節 測試網站的建立33第6.2節 網頁發布測試及維護34結論36參考文獻37致謝38VI鍵入文字前 言進入21世紀，隨著計算機互聯網的發展，以互聯網為核心的現代信息技術在世界范圍內得到了迅猛的發展，在經濟與社會各個領域中的滲透也在不斷走向深入。充分利用現代信息技術，加快企業信息化的步伐，以達到有效降低生產經營成本、顯著提高經營管理效率、成功開拓國內外市場和大幅度增進客戶滿意度的目的，已成為世界企業發展的潮流。互聯網對消費者購買決策的影響不斷加大。總的來說互聯網的發展有三個特點。一是互聯網對于消費者購買決策產生著重要的影響；二是消費者越來越希望通過網絡解決更多的消費問題；三是網絡空間已經形成了自己的流行和時尚潮流。在新浪與新生代市場監測機構聯合開展的一項“2009曬生活”大型網友互動參與活動中發現，網友不僅在分享自己的消費經驗方面有較高的積極性，同時對于他人消費經驗和故事也非常感興趣，網絡已經不僅僅是一個簡單的信息平臺的概念，而是一個消費體驗聚合的平臺。對于中小企業來講，網絡能給它們帶來許多新的機遇和挑戰，它能夠解決中小企業面臨的許多困難和問題。Internet的到來可以為中小企業開辟更廣泛的市場空間。由于信息的競爭在企業的競爭優勢中發揮著越來越重要的作用。此次的項目基于PHP技術的深井魚場網站設計就是為一個企業建立自己的網站，并利用網絡進行企業的信息的實時發布，以及產品的介紹與推薦銷售。第章概述第1.1節制作背景此次的項目是一個老同學跟我說他們公司想做個網站，功能要求并不多，主要是要實現QQ客服。當時覺得我們參加過尚智的培訓也做過六七個網站項目了，于是我就答應了我做這個深井魚場的網站。那時正好快要做畢設了，就這樣我把這個項目做為我的畢業設計的項目。由于那時他們公司要求的時間比較緊，所以那一二個星期總是一邊忙著上培訓課，一邊忙著做這個網站。當時想，利用PHP開源的語言，（PHP +Apach+Mysql黃金組合）快速的進行網站的建設。一方面是PHP比較簡單易學，另一方面是搭配PHP運行環境可以利用一些集成的軟件進行一步就安裝到位，如使用phpStudy的最新版集成環境包，Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer，一次性安裝，無須配置即可使用，是非常方便、好用的PHP調試環境。該程序不僅包括PHP調試環境，還包括了開發工具、開發手冊等。從何快速的搭建開發環境，并進入真正的項目開發當中去，在遇到一些問題時可查看相關文檔，提高開發效率。并且PHP有著自己的優勢總的來說有三點：1.跨平臺性：PHP幾乎支持所以的操作系統平臺及數據庫系統，具有良好的跨平臺特性；2.語言簡潔執行速度快：PHP嵌入在HTML語言中，且堅持腳本語言為主，與JAVA、c等語言不同，語法簡單，書寫容易，方便學習掌握；PHP占用系統資源少，代碼執行速度快的特點也讓它在互聯網上得到了廣泛的應用。 3.開源的優勢是其它人可以任意修改其代碼，這樣可以依據個人需要來定制業務流程；在修改的過程中發現的問題以及心得可以被利用來維護更新開源項目；另外由于代碼完全暴露，因此安全性可以得到快速更新。基于這些的考慮并決定利用PHP網站開始技術進行此次深井魚場網站的設計與實現。第1.2節制作意義此次基于PHP技術進行深井魚場網站的設計與制作，能讓自己重新鞏固下利用PHP開發技術語言進行網站的開發。通過此次基于PHP技術的深井魚場網站設計與開發能使自己了解到如何開發一個網站有一個具體的流程與相關步驟，特別是將自己所做的網站放在相關服務器上并通過域名的注冊與虛擬主機的解釋，使得能在全國各地都能通過web瀏覽器進行訪問。在這個過程中能對所遇到的問題進行思考與尋找最佳的解決方法，加強與他人的交流，可以采用多種形式進行交流，可以是傳統的面對面進行答疑，尋找老師及同學的幫助。也可以是利用網絡通過郵件、BBS進行網上交流，及時地解決在項目實施中所遇到的問題。進一步加強自我的實踐能力，把理論與實際相結合，提高自我的動手能力。總的來說在這個開發一個php的網站開發，也是當今較流行的一種網站開發技術，在開發這個網站時，第一可以理解整個網站開發的過程，以及各各細節。第二加深對php網站開發的技術的理解。第三鍛煉自己的實踐能力，提高自己的技術。為自己積累相關的經驗，為以后的學習與工作打下基礎。第1.3節開發工具簡介在開發過程中主要使用到的工具有：XAMPP這種集成的開放源碼軟件，ZendOptimizer，Zend Studio。（1）XAMPP這種集成的開放源碼軟件：XAMPP（Apache+MySQL+PHP+PERL）是一個功能強大php的建站集成軟件包。這個軟件包原來的名字是LAMPP，但是為了避免誤解，最新的幾個版本就改名為XAMPP了。它可以在Windows、Linux、Solaris三種操作系統下安裝使用，支持多語言：英文、簡體中文、繁體中文、韓文、俄文、日文等。 許多人通過他們自己的經驗認識到安裝Apache服務器是件不容易的事兒。如果您想添加MySQL、PHP和Perl，那就更難了。XAMPP是一個易于安裝且包含 MySQL、PHP和Perl的Apache發行版。XAMPP的確非常容易安裝和使用：只需下載，解壓縮，啟動即可。其中Apache做為Web服務器，Mysql做為數據庫服務器1。（2）Zend Studio包括了PHP開發所有必須的部件，通過一整套編輯、調試、分析、優化和數據庫工具，使用Zend Studio 縮短了開發周期，并簡化了復雜的應用方案，無容置疑，其已經是當今世上最強大的PHP集成開發環境。Zend Studio的強大之處，除了一般編輯器所具有的代碼高亮，語法自動縮進，書簽功能外，它內置的調試器更是無可挑剔，支持本地和遠程（debug server）兩種調試模式，支持諸如跟蹤變量、單步運行、斷點、堆棧信息、函數調用、查看實時輸出等多種高級調試功能。另外，最新版（Zend Studio 5.5.1）對中文的支持也是非常穩定的。（3）Zend Optimizer(以下簡稱ZO)用優化代碼的方法來提高php應用程序的執行速度。實現的原理是對那些在被最終執行之前由運行編譯器(Run-Time Compiler)產生的代碼進行優化。 優化能提高你的盈利能力。 一般情況下，執行使用ZO的php程序比不使用的要快40%到100%。這意味著網站的訪問者可以更快的瀏覽網頁，從而完成更多的事務，創造更好的客戶滿意度。更快的反應同時也意味著可以節省硬件投資，并增強網站所提供的服務。所以，使用ZO，就等于提高了電子商務的盈利能力2。 ZO能給php用戶帶來很多益處，特別是那些運營網站的人。快速運行php程序可以顯著降低服務器的CPU負載，并可以減少一半的反應時間，也就是從訪問者點擊鏈接到服務器開始讀取頁面之間的時間。第章可行性分析第2.1節B/S結構介紹（1）B/S結構（Browser/Server結構）結構即瀏覽器和服務器結構。它是隨著Internet技術的興起，對C/S結構的一種變化或者改進的結構。在這種結構下，用戶工作界面是通過WWW瀏覽器來實現，極少部分事務邏輯在前端（Browser）實現，但是主要事務邏輯在服務器端（Server）實現，形成所謂三層3-tier結構。這樣就大大簡化了客戶端電腦載荷，減輕了系統維護與升級的成本和工作量，降低了用戶的總體成本（TCO）。以目前的技術看，局域網建立B/S結構的網絡應用，并通過Internet/Intranet模式下數據庫應用，相對易于把握、成本也是較低的。它是一次性到位的開發，能實現不同的人員，從不同的地點，以不同的接入方式（比如LAN, WAN, Internet/Intranet等）訪問和操作共同的數據庫；它能有效地保護數據平臺和管理訪問權限，服務器數據庫也很安全 。特別是在JAVA這樣的跨平臺語言出現之后，B/S架構管理軟件更是方便、速度快、效果優。隨著Internet和WWW的流行，以往的主機/終端和C/S都無法滿足當前的全球網絡開放、互連、信息隨處可見和信息共享的新要求，于是就出現了B/S型模式，即瀏覽器服務器結構。B/S模式最大特點是：用戶可以通過WWW瀏覽器去訪問Internet上的文本、數據、圖像、動畫、視頻點播和聲音信息，這些信息都是由許許多多的Web服務器產生的，而每一個Web服務器又可以通過各種方式與數據庫服務器連接，大量的數據實際存放在數據庫服務器中3。客戶端除了WWW瀏覽器，一般無須任何用戶程序，只需從Web服務器上下載程序到本地來執行，在下載過程中若遇到與數據庫有關的指令，由Web服務器交給數據庫服務器來解釋執行，并返回給Web服務器，Web服務器又返回給用戶。在這種結構中，將許許多多的網連接到一塊，形成一個巨大的網，即全球網。而各個企業可以在此結構的基礎上建立自己的Intranet。B/S 架構的優勢（1）維護和升級方式簡單。目前，軟件系統的改進和升級越來越頻繁，C/S系統的各部分模塊中有一部分改變，就要關聯到其它模塊的變動，使系統升級成本比較大。B/S與C/S處理模式相比，則大大簡化了客戶端，只要客戶端機器能上網就可以。對于B/S而言，開發、維護等幾乎所有工作也都集中在服務器端，當企業對網絡應用進行升級時，只需更新服務器端的軟件就可以，這減輕了異地用戶系統維護與升級的成本。如果客戶端的軟件系統升級比較頻繁，那么B/S架構的產品優勢明顯所有的 升級操作只需要針對服務器進行，這對那些點多面廣的應用是很有價值的，例如一些招聘網站就需要采用B/S模式，客戶端分散，且應用簡單，只需要進行簡單的瀏覽和少量信息的錄入。（2）系統的性能 在系統的性能方面，B/S占有優勢的是其異地瀏覽和信息采集的靈活性。任何時間、任何地點、任何系統，只要可以使用瀏覽器上網，就可以使用B/S系統的終端。不過，采用B/S結構，客戶端只能完成瀏覽、查詢、數據輸入等簡單功能，絕大部分工作由服務器承擔，這使得服務器的負擔很重。采用C/S結構時，客戶端和服務器端都能夠處理任務，這雖然對客戶機的要求較高，但因此可以減輕服務器的壓力。而且，由于客戶端使用瀏覽器，使得網上發布的信息必須是以HTML格式為主，其它格式文件多半是以附件的形式存放4。而HTML格式文件（也就是Web頁面）不便于編輯修改，給文件管理帶來了許多不便。比如說很多人每天上“新浪”網，只要安裝了瀏覽器就可以了，并不需要了解“新浪”的服務器用的是什么操作系統，而事實上大部分網站確實沒有使用windows操作系統，但用戶的電腦本身安裝的大部分是windows操作系統。（3）系統的開發 C/S結構是建立在中間件產品基礎之上的，要求應用開發者自己去處理事務管理、消息隊列、數據的復制和同步、通信安全等系統級的問題。這對應用開發者提出了較高的要求，而且迫使應用開發者投入很多精力來解決應用程序以外的問題。這使得應用程序的維護、移植和互操作變得復雜。如果客戶端是在不同的操作系統上，C/S結構的軟件需要開發不同版本的客戶端軟件5。但是，與B/S結構相比，C/S技術發展歷史更為“悠久”。從技術成熟度及軟件設計、開發人員的掌握水平來看，C/S技術應是更成熟、更可靠的。第2.2節MySQL數據庫MySQL是一個數據庫管理系統 ：一個數據庫是一個結構化的數據集合。它可以是從一個簡單的銷售表到一個美術館 、或者一個社團網絡的龐大的信息集合。如果要添加、訪問和處理存儲在一個計算 機數據庫中的數據，你就需要一個像MySQL這樣的數據庫管理系統。從計算機可以 很好的處理大量的數據以來，數據庫管理系統就在計算機處理中和獨立應用程序或 其他部分應用程序一樣扮演著一個重要的角色。MySQL是開源的 ：開源意味著任何人都可以使用和修改該軟件，任何人都可以從Internet上下載和使 用MySQL而不需要支付任何費用。如果你愿意，你可以研究其源代碼，并根據你的需要修改它。MySQL使用GPL(GNU General Public License，通用公共許可)，定義了你在不同的場合對軟件可以或不可以做什么 。如果你覺得GPL不爽或者想把MySQL的源代碼集成到一個商業應用中去，你可以向MySQL AB購買一個商業許可版本。MySQL服務器是一個快的、可靠的和易于使用的數據庫服務器 ：如果這是你正在尋找的，你可以試一試。MySQL服務器還包含了一個由用戶緊密合 作開發的實用特性集。你可以在MySQL AB的/it-resources/benchmarks/上找到MySQL服務器和其他數據庫管理系統的性能比較6。MySQL服務器原本就是開發比已存在的數據庫更快的用于處理大的數據庫的解決方案，并且已經成功用于高苛刻生產環境多年。盡管MySQL仍在開發中，但它已經提 供一個豐富和極其有用的功能集。它的連接性、速度和安全性使MySQL非常適合訪 問在Internet上的數據庫。MySQL服務器工作在客戶/服務器或嵌入系統中：MySQL數據庫服務器是一個客戶/服務器系統，它由多線程SQL服務器組成，支持不同的后端、多個不同的客戶程序和庫、管理工具和廣泛的應用程序接口(APIs)。MySQL也可以是一個嵌入的多線程庫，你可以把它連接到你的應用中而得到一個小快且易于管理的產品。與其他的大型數據庫例如Oracle、DB2、SQL Server等相比，MySQL自有它的不足之處，如規模小、功能有限（MySQL Cluster的功能和效率都相對比較差）等，但是這絲毫也沒有減少它受歡迎的程度。對于一般的個人使用者和中小型企業來說，MySQL提供的功能已經綽綽有余，而且由于MySQL是開放源碼軟件，因此可以大大降低總體擁有成本7。目前Internet上流行的網站構架方式是LAMP（Linux+Apache+MySQL+ PHP），即使用Linux作為操作系統，Apache作為Web服務器，MySQL作為數據庫，PHP作為服務器端腳本解釋器。由于這四個軟件都是自由或開放源碼軟件（FLOSS)，因此使用這種方式不用花一分錢就可以建立起一個穩定、免費的網站系統。第2.3節PHP 技術PHP從1994年秋天開始孕育，創始人是Rasmus Lerdorf。1995年發布了第一個公開版本Personal Home Page Tools，這個版本的功能非常簡單，包含了一個極其簡單的分析引擎，只能理解一些主頁后臺的常見功能（如：留言本、計數器等）和一些指定的宏。1995年Rasmus Lerdorf重寫了這個引擎并命名為PHP/FI2.0版本。此后，PHP/FI便以驚人的速度傳播開來。其后越來越多的人們注意到了這種語言并對其擴展提出了各種建議。在許多程序員和電腦愛好者的無私奉獻下以及這種語言本身的源代碼自由性質，現在它已成為一種特點豐富的語言，而且現在還在成長中。PHP的功能特性：快速。PHP是一種強大的CGI腳本語言，語法混合了C、Java、Perl和PHP式的新語法，執行網頁比CGI、Perl和ASP更快，這是它的第一個突出的特點。具有很好的開放性和可擴展性。PHP屬于自由軟件，其源代碼完全公開，任何程序員為PHP擴展附加功能非常容易8。數據庫支持。PHP支持多種主流與非主流的數據庫，如：、Adabas D、DBA、dBase、dbm、filePro、Informix、InterBase、mSQL、MySQL、Microsoft SQL Server、Solid、Sybase、ODBC、oracle、oracle 8、PostgreSQL等。其中，PHP與MySQL是現在絕佳的組合，它們的組合可以跨平臺運行。面向對象編程。PHP提供了類和對象。為了實現面向對象編程，PHP4及更高版本提供了新的功能和特性，包括對象重載、引用技術等。版本更新速度快。與數年才更新一次的ASP相比，PHP的更新速度就要快得多，因為PHP每幾周就更新一次。具有豐富的功能。從對象式的設計、結構化的特性、數據庫的處理、網絡接口應用、安全編碼機制等，PHP幾乎涵蓋了所有網站的一切功能。可伸縮性。傳統上網頁的交互作用是通過CGI來實現的。CGI程序的伸縮性不很理想，因為它為每一個正在運行的CGI程序開一個獨立進程。解決方法就是將經常用來編寫CGI程序的語言的解釋器編譯進你的web服務器(比如mod_perl,JSP)。PHP就可以以這種方式安裝，雖然很少有人愿意這樣以CGI方式安裝它。內嵌的PHP可以具有更高的可伸縮性。易學好用。學習PHP的過程非常的簡單。與Java和Perl不同,你不必把頭埋進100多頁的文檔中努力學習才可以寫出一個象樣的程序。只要了解一些基本的語法和語言特色，你就可以開始你的PHP編碼之旅了。之后你在編碼過程中如果遇到了什么麻煩，還可以再去翻閱相關文檔。你只需要30分鐘就可以將PHP的核心語言特點全部掌握，你可能已經非常了解HTML，甚至你已經知道怎樣用編輯設計軟件或者手工來制作好看的WEB站點。由于PHP代碼能夠嵌入HTML，在你設計和維護站點的同時，你可以很輕松的加入PHP使得你的站點更加具有動態特性9。功能全面。PHP包括圖形處理、編碼與解碼、壓縮文件處理、XML解析、支持HTTP的身份認證、Cookie、POP3、SNMP等。你可以利用PHP連接包括Oracle，MS-Access，Mysql在內的大部分數據庫。第章需求分析第3.1節 總體功能需求分析3.1.1基本功能需求在開發這個深井魚場的網站時，用戶首要提出的是必須有個QQ客服，這樣的話就可以在網絡上進行一些與客戶的交流溝通。這樣就能進行產品的推廣，網站的訂貨，送貨等后期工作。所以QQ客服是必須要有的一個功能。為了更好，更快的將用戶產品展現給瀏覽客戶，就必須要有個產品發布的功能。這樣就能夠及時地展示新的產品，并能達到利用網站推廣自己的產品。如果瀏覽者在看了產品有什么想問的都可以進行QQ客服的詢問10。為了進一步促進這種用戶與客戶或者說瀏覽者的交流，增加了留言功能，管理員可以在后臺對相應的留言進行回復。為了做得更好的服務，網站增加了信息，新聞發布，為客戶提供養魚經驗，和一些關于些魚的新聞等相關信息。為了推廣自己的網站建立了友情鏈接管理。進一步推廣自己的網站進而推廣自己的產品。總結上面所述主要要實現的功能有： (1)會員管理，包括會員的注冊與登陸，會員的留言。(2)QQ客服，網站上提供QQ客服方便與客服交流與交易。(3)留言管理，會員可進行留言，管理員可對留言進行回復。(4)產品發布，管理員從后臺進行新產品的發布。(5)信息發布，管理員從后臺發布相關信息與資訊。(6)友情鏈接管理，增加審批友情鏈接。3.1.2功能結構圖考慮到與客戶的實時交流，以及網站相關產品與信息的實時跟新，跟據上一小節所述的六個功能模塊，整合出來整個網站的大體功能心各各功能之間的關系及流程，得出如下主要功能結構圖：后臺部分前臺部分前臺產品展示登陸友情鏈接管理注冊信息資訊顯示留言管理審核產品發布信息發布回復友情鏈接申請QQ客服會員管理圖3.1功能結構圖第3.2節 網站具體功能模塊需求分析3.2.1 QQ客服功能如今一些商品或者是一些做網上營銷的網站，都會有一個QQ客服，因為這樣才能更好的進行實時交互，也就是這一點體現出來了網絡的實時交互性。要實現QQ客服，使得能夠方便與查看者、客戶進行實時的交流11。通過展示商品圖像，商品信息，來實現供需互動與雙向溝通，并能達到網上訂購的目的。3.2.2產品發布功能每一個營銷性的網站都有自己要推廣的產品，為了能夠更好的推廣自己的產品，及時發布自己的產品以及相關產品信息是必不可少的。只有這樣才能將自己的最新，最受歡迎的產品展現給客戶，也只有這樣客戶才會不時地去關注你的產品，或者去購買你的產品。因此產品發布的功能模塊是相當重要的一部分。由于深井魚場主要的產品是錦魚，并大多數給人們展示的是一些錦魚的圖片以及一些相關信息，所以要求必須有圖片上傳的功能。圖片就是產品的一種展示，如果能夠很好的展示自己的產品的話就更能吸引瀏覽者的目光，提高產品交易的成功率，進而從中獲益。3.2.3 新聞發布功能為了做好進一步的滿足客戶的要求進行一些相關錦魚喂養技術的資訊發布等相關信息。并同時可以發布一些錦魚的新聞等。提高人們對錦魚的認識。這樣一來，也可以提高客戶的滿意度，進而提高企業的可信度，為以后的營銷做更好的鋪墊。3.2.4 網上留言功能光是一個QQ客服是不夠的，因為有時可以客服人員都不在線的時候，或者因為其他原因不能夠及時的與瀏覽者交互和解答的時候，留言就成了另一個交流的通道。所以要求有一個留言功能，這樣不僅用戶可以留言，并且有些問題可能都已經有人提過而且也有相應的回復，如果這樣以來的話，瀏覽者可以去留言這一模塊找到自己想問的答案。做為一種輔助的交流渠道更能促進交流使得客戶有良好的體驗。第3.3節 網頁結構圖在網頁分類中主要分為二大類，分別為前臺頁面與后臺頁面。（1）前臺：主要網面。主頁將顯示一些熱門的產品以及一些推薦的產品。即是一些較為重要或熱門的信息放在主頁上。錦魚展示就是所有產品的一個展示。而資訊則為所有資訊的頁面列表。推薦是一些商品列為推薦的商品。在留言中，登陸用戶可以進行留言，同時也可以看到管理員的相應回復信息。魚場簡介就是關于魚場的一具介紹信息。主頁留言推薦資訊錦魚展示魚場簡介圖3.2前臺頁面結構圖（2）后臺：主要有主頁管理，產品發布，資訊發布，以及留言管理。主頁管理只是在管理友情鏈接這一項。而產品發布就是發布一些產品，資訊發布與發布新產品相似。在留言管理中可以對留言進行回復的。后臺主頁友情管理留言管理資訊發布產品發布圖3.3后臺頁面結構圖第3.4節 網頁版面規劃前臺主頁：為了展示好各個內容，所以會布置些主要的內容放到主頁上。圖3.4主頁面規劃圖其他前臺二級頁面：其他的二級頁面在大概按照如下進行的布局進行布局。這樣可以減少布局的困難加快速度進行開發。圖3.4二級頁面規劃圖后臺：主要是為了界面的友好性，通常后臺都具有如下的結構。這樣的會可以提高用戶使用的友好性，界面相對簡潔。圖3.5后臺頁面規劃圖第3.5節 網頁布局技術目前網頁布局使用的幾種主要技術:表格技術、框架技術、css+div技術,在對這幾種技術進行比較的基礎上,提出了優化應用的方案。 網頁布局是開發網絡教育資源工作的基礎,目前常見的網頁布局技術有表格技術，框架技術和css+div技術。一、表格技術 表格即table./table標簽本來是用于對數據輸出格式進行控制,后來被用于網頁布局,表格由于使用簡單而且靈活,是最早也是使用最廣泛的網頁布局技術。表格標簽主要包含的標簽有table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup,通過對表格單元格的合并與拆分以及表格中套表格等,得到需要的布局,如圖1所示。最后在單元格中添加文字、圖形等元素,完成網頁制作,如圖2所示。 二、框架技術 框架即frame./frame標簽,它可以把屏幕分割開來的“區域”,如果網頁要布局成圖3的框架集中所提供的樣式,可以使用框架來實現。三、css+div技術DIV元素是用來為HTML文檔內大塊（block-level）的內容提供結構和背景的元素。DIV的起始標簽和結束標簽之間的所有內容都是用來構成這個塊的，其中所包含元素的特性由DIV標簽的屬性來控制，或者是通過使用樣式表格式化這個塊來進行控制12。并利用css樣式進行網頁的布局。css+div布局最大的好處是在頁面加載時只要有一個div加載完在網頁上就可以顯示。第章數據庫設計第4.1節 數據庫概念結構設計主要有六個表，分別為：錦魚產品表，會員表，留言表，友情鏈接表，資訊表，管理員表。錦魚產品表主要是存儲錦魚及相關信息，其中圖片沒有直接插入到數據庫中，而是用fish_image字段來存放圖片的路徑。會員表用來存儲一些注冊用戶的信息。會員的相關留言信息以及管理員的回復信息都放在留言表中。錦魚產品表（fish_resource）如下：表 4.1錦魚產品表詳細信息字段名類型默認大小默認值是否為主鍵是否為外鍵說明Idint11無是否自動增加Fish_namevarchar255null否否魚的名字Fish_short_descvarchar255null否否魚的簡介Fish_detailvarchar255null否否詳細描述Fish_pricefloatnull否否價格Fish_imageString255null否否圖片路徑Fish_creatvarchar255null否否發布時間typeint11null否否發布類型showindexInt 110否否是否在主頁顯示會員表(meber)如下：表 4.2會員表詳細信息字段名類型默認大小默認值是否為主鍵是否為外鍵說明idint11是否自動增加usernamevarchar255Null否否會員名passwordvarchar255Null否否密碼ageint11Null否否年齡sexvarchar255Null否否性別emailvarchar255Null否否郵址留言表(message)如下：表 4.3留言表詳細信息字段名類型默認大小默認值是否為主鍵是否為外鍵說明Idint11是否自動增加Meber_idint11null否是會員序號mtimevarchar255null否否留言時間contentvarchar255null否否留言內容 Message_idint11null否否對應哪條留言recontentvarchar255null否否回復內容rtimevarchar255null否否回復時間Flagint110否否是否前臺顯示友情鏈接表(friend_link)如下：表 4.4友情鏈接表詳細信息字段名類型默認大小默認值是否為主鍵是否為外鍵說明Idint11無是否自動增加linknamevarchar255null否否鏈接名linkaddrvarchar255null否否鏈接地址Flagint11否否是否前臺顯示資訊表(news)如下：表 4.5資訊表詳細信息字段名類型默認大小默認值是否為主鍵是否為外鍵說明IdInt11是否自動增加News_titlevarchar255null否否標題News_contenttextnull否否內容News_createvarchar255null否否發布時間News_authorvarchar255null否否發布作者Typeint11null否否發布類型管理員表(user)如下：表 4.6管理員表詳細信息字段名類型默認大小默認值是否為主鍵是否為外鍵說明Idint11無是否自動增加Uservarchar255null否否管理員名Passvarchar255null否否密碼第4.2節 數據庫邏輯結構設計在此次的數據庫結構設計中，應運到的是關系型數據庫。主要所涉及到的有會員，管理員，產品，以及一些資訊。以下為主要相關的E-R圖的關系模型。NM瀏覽描述簡介名字價格郵址年齡密碼名字產品會員圖4.1會員與產品的E-R圖會員與產品是多對多的關系，其中會員有名字，密碼，年齡，郵址等屬性;產品有名字簡介描述，價格等屬性。其中產品可建一個表。NM郵址年齡密碼名字留言會員管理員名字密碼圖4.2管理員與會員的E-R圖管理員與會員的留言是多對多的關系，一個會員可以留許多條留言，管理員可根據各各留言進行回復。管理員有名字，密碼等屬性;會員有名字，密碼，年齡，郵址等屬性。考慮到這些可以建一個管理員表，會員表以及一個留言的關系表。NM管理產品管理員價格描述簡介名字密碼名字圖4.3管理員與產品的E-R圖管理員可以發布多個產品，并進行管理。產品也可以又多個管理員來發布，管理。按照每一個實體為一個表，所以建了管理員表，會員表，產品表，而留言信息為一表作為一個關聯的表，為了增加一些資訊相關信息以及友情鏈接分別增加了資訊表，友情鏈接表。總共為六個表。這六個表已經在前一節進行了說明和詳細的列表。第章人機界面設計第5.1節 前臺主頁界面設計按照第三間第四節的網頁版面規劃建立了頭文件，主要內容為魚場的一角做為背景圖片。標寫了演進魚場的字樣。并有專營日本高中檔錦鯉的副標題。考慮到各個頁面的都要用到一些的共公元素，所以把QQ客服以及導航欄都放到了頭文件。效果如下圖所示：圖5.1頭文件設計圖首先將QQ客服放到了頭文件中，在這里的布局為放QQ客服透明flash導航條主要代碼：放置QQ客服的要設定些div的樣式讓它能在其它div上面顯示。QQ客服實現的主要代碼：增加透明flash時要設定此參數，只有這樣才能看到背景圖片與flash的效果。現在有了頭文件，為了共用共同頁面尾文件將友情鏈接，聯系方式，以及一些板權說明都放在了尾文件里。這樣在其他頁面就可以直接引入頭尾文件就行了。圖5.2尾文件設計圖利用的是div布局：友情標題欄讀取數據庫中的友情鏈接數據版權聲明主要代碼是讀取數據庫中的友情鏈接數據：?phpecho ;$rs = mysql_query(select * from friend_link where flag=1);/查找出相應記錄$totle = mysql_num_rows($rs);for($i = 0 ; $i $totle; $i+)echo .mysql_result($rs,$i,1).     echo ;?這樣有了頭尾文件在其它頁面上直接include頭尾文件就可以有QQ客服導航條，友情鏈接等。在主頁的主要內容為，左側的相冊，熱鬧推薦以及熱賣當中欄目。而右側主要為一些資訊以及新聞。圖5.3主頁相冊設計圖此相冊是利用javascript進行做的，主要利用到了一個setTimeout()這個函數使得能夠隔幾秒后切換圖片。以及onclick事件，響應此事件顯示相應的圖片。圖5.4主頁面主要產品設計圖此產品圖片的顯示都是從數據庫中查找出來的