PAGE基于PHP的企業門戶網站的設計與實現DesignandimplementationofPHP-basedenterpriseportalPAGEii摘要隨著中國網絡環境的優化和互聯網的不斷普及。各種企業都需要通過網絡來宣傳自己公司的產品或者公司提供的服務，并且需要將之核心的業務轉化為信息發布在網絡上。通過網絡的宣傳或依托自己的企業門戶網站，可以大大簡化業務流程，吸引客戶關注，提高企業受眾范圍，從而來提升企業核心競爭力。本文通過基于Windows10下的PHP集成環境下，基于軟件開發過程開發了此企業門戶網站系統。該網站是一個基于PHP技術的小型企業網站，利用開源的MySQL作為企業門戶網站的后臺數據庫，Apache為Web服務器。通過HTML代碼搭建的網站基層，通過CSS來美化網站，確定網站的主色調，使頁面看上去美觀大氣整潔，用JS完善用戶交互使頁面變得生動，給用戶更好的交互體驗，來完成網站的設計，這樣可以很好地顯示企業的形象，并可以顯示企業的產品，清晰地向用戶顯示。用基于PHP搭建的后臺企業管理系統，對企業門戶網站進行編輯，如增加，刪除，修改等操作，企業管理者可以輕松更改網站上顯示的內容。網絡設備的總體規劃和方案設計，網站管理和企業網站的維護。關鍵詞PHPMySQLApacheHTMLCSSAbstractWiththeoptimizationofChina'snetworkenvironmentandthecontinuouspopularityoftheInternet.Allkindsofenterprisesneedtopublicizetheirproductsorservicesthroughthenetwork,andtheyneedtotransformtheircorebusinessintoinformationpublishingonthenetwork.Throughthenetworkpublicityorrelyingontheirownenterpriseportal,itcangreatlysimplifybusinessprocesses,attractcustomers'attention,improvethescopeofenterpriseaudience,andthusenhancethecorecompetitivenessofenterprises.ThispaperdevelopstheenterpriseportalsystembasedonthesoftwaredevelopmentprocessunderthePHPintegratedenvironmentunderWindows10.ThiswebsiteisasmallenterprisewebsitebasedonPHPtechnology.ItusesopensourceMySQLasbackgrounddatabaseofenterpriseportalwebsiteandApacheasWebserver.ThroughHTMLcodetobuildthewebsitegrass-roots,throughCSStobeautifythewebsite,determinethemaintoneofthewebsite,makethepagelookbeautifulandclean,improveuserinteractionwithJStomakethepagemorevivid,giveusersabetterinteractiveexperience,tocompletethewebsitedesign,whichcandisplaytheimageoftheenterprisewell,andcanshowtheproductsoftheenterpriseclearlytousers.ThebackgroundenterprisemanagementsystembasedonPHPisusedtoedittheenterpriseportalwebsite,suchasadding,deletingandmodifying.Enterprisemanagerscaneasilychangethecontentdisplayedonthewebsite.Overallplanningandschemedesignofnetworkequipment,websitemanagementandmaintenanceofenterprisewebsite.KeywordsPHPMySQLApacheHTMLCSSPAGEI目錄TOC\o"1-2"\h\z\u第1章緒論 11.1目前的互聯網現狀 11.2課題研究必要性 11.3企業為什么要建立網站 11.4企業建立網站的優勢 21.5本文主要工作 2第2章WAMP架構與所使用的技術 42.1WAMP架構 42.2Photoshop 42.3Dreamweaver 42.4MySQL 42.5PHP 5第3章需求分析 63.1動態網站技術介紹 63.2軟件開發環境 73.3系統可行性分析 83.4功能性需求 83.5非功能性需求 10第4章概要設計 124.1數據庫設計 124.2系統結構設計 16第5章系統詳細設計 195.1系統公共核心文件 195.2網站前端詳細設計 195.3網站管理后臺 22第6章系統測試 286.1測試的定義及目的 286.2測試的方法 28總結 30致謝 31參考文獻 32PAGE33第1章緒論1.1目前的互聯網現狀互聯網正在以令人驚訝的速度發展，人們在開始時并沒有預料到。現在，互聯網已經徹底改變了人們過去熟悉的工作，生活，購物方式。人們可以隨時從網上了解到最實時的資訊，生活新聞，天氣預報，購物優惠，旅游路線，出行路線等信息。人們可以在家中無需訂報紙雜志就能看到當天的報紙和雜志。人們可以呆在家里，聊天交友，上網購物，收發郵件，學習知識和查詢自己想知道的一切。互聯網重要性并不是因為他規模龐大覆蓋面廣，而在于它提供了一種新的全球信息基礎設施。如今，世界正在走向互聯網+的大數據時代。信息產業已發展成為一個發達國家的重要衡量指標，同時信息產業也是發達國家的產業支柱。它已經成為世界經濟快速發展的最新動力。它已滲透到各個領域，特別是近年來互聯網的發展及其應用。它從根本上改變了人們的想法，生產和生活方式，并對其進行了推廣。各行各業的發展已成為知識經濟時代的重要標志之一。1.2課題研究必要性目前，國外眾多大型企業門戶網站的發展戰略。與國外相比，國內互聯網的發展相當迅速。網絡作為企業在互聯網上的虛擬存在，為客戶和員工的代理提供了全面的服務渠道。網站對企業的重要性是不言而喻的。對于大多數企業來說，網站的建立應該盡快提上議事日程。從網絡經濟的特點出發，企業通過網絡建立宣傳陣地，提高全球知名度，以最快的速度與企業聯系。毫無疑問，企業門戶網站依靠網絡發布企業的產品和業務信息，以實現企業最有利的宣傳。1.3企業為什么要建立網站企業門戶網站是企業事業公司業務部門不可或缺的一部分，其內容要么對于想要了解公司的用戶，要么對于已經了解公司的老客戶，甚至是公司的合作者來說都是非常重要的。當然這對決策者和管理者也很重要。一方面網站的建立可以使公司獲得大量的新客戶，另一方面，一個公司的企業門戶網站也彰顯了這個公司的業務范圍，業務能力，可以讓新老顧客更加了解公司的實力。因此，公司的門戶網站應該能夠為用戶提供企業信息，新聞，過去用戶對企業文化的評價以及用戶案例展示。是否擁有一個合格的企業門戶網站是衡量公司整體質量的重要標志。1.4企業建立網站的優勢大部分用戶了解產品信息的方式都是通過網絡，拿起手機，打開一個公司的主頁瀏覽自己想要購買的產品。這是了解一個企業生產的產品的最簡單的方式，而不是啟用大量資源通過報紙，電視等途徑宣傳，讓客戶主動從企業門戶網站上了解最新最全的產品信息。這將節省不必要的費用，并激發潛在客戶，讓企業客戶流量更大。訪客可以通過網站了解公司的產品信息。如果他們有訂購意向，他們可以在線提交訂單信息。他們可以根據情況檢查和管理訂單，并及時聯系訂單客戶。這是簡單的電子商務。一個優秀的企業，不能僅僅在每周的雜志上發布公司的新產品信息，還可以在公司的企業門戶網站上發布。網站上的產品信息是任何人都可以瀏覽的，企業門戶網站使其了解了新產品，并有機會讓其成為潛在客戶，從而發展成公司的新客戶。電話和傳真是傳統的溝通方式。在企業網站的幫助下，您可以更加生動，直觀和廉價地向更廣泛的人群宣傳您的產品或服務。它可以24小時在線做廣告。在比較大的企業中，信息和資金管理應該有一個標準化和科學的方式。網絡剛好就滿足這種業務管理方式的所有需求。而且可以提高工作效率，比如公司內部的公告，訂單管理，客戶管理，采購管理等都可以在互聯網上輕松完成。在這個互聯網時代，建立我們自己的網站是非常必要的。我們需要推廣自己的企業品牌。擁有自己的網站將是方便和經濟的。1.5本文主要工作本論文描述了基于PHP的企業門戶網站的總體設方案。主要包括以下幾個部分：網站的需求分析：分析網站需要的功能網站可以實現的技術，用戶交互體驗，用戶想要了解到的信息等系統的可行性分析：分析當下這個系統的可行性，市場可行性，和系統完成后具有的優勢系統功能性需求分析：分析系統功能，完善功能。運行環境需求：寫出系統編寫，運行需求概要設計：設計網站主要界面，對網站需要的功能進行設計與實現，完善用戶交互體驗。后臺管理程序設計：設計網站后臺管理程序，設計添加，刪除，修改，查看功能，確認功能完善性。系統詳細設計：系統總體功能設計，完善，測試，修改等，查看過往資料對程序進行優化。本文主要是為了以文檔的形式記錄設計過程，其中包括確認需求邊界，明確設計流程，細化設計細節等方面第2章WAMP架構與所使用的技術2.1WAMP架構Windows下的Apache+Mysql/MariaDB+Perl/PHP/Python，WAMP是通常被用來構建動態網站或服務器的開源軟件，他們單獨分開都是一個獨立的程序，但是由于它們經常被用來在一起使用，這讓它們具有越來越高的兼容性，并且共同構成了一個功能強大的Web應用程序平臺。PHP是一種有時被Perl或Python取代的編程語言。這些程序通常用作標準開發環境。該名稱來自每個程序的第一個字母。每個程序都符合所有權的開源標準：Windows是一個開放系統;Apache是??最常見的網絡服務器;mySQL是一個關系數據庫，帶有額外的網絡管理工具;PHP是一種流行的對象腳本語言，它包含大多數其他語言的優秀功能，使其網絡開發更有效。2.2PhotoshopPhotoshop是一個功能強大的圖片編輯修改軟件，作為WEB開發來使用時主要是應用其強大的切圖功能，把一個自己需要的圖片從設計圖上切下來，保存，作為一個獨立的圖片在網站中使用，還可以把一個一個的小的圖片組合起來做成一個大圖稱為精靈圖，這樣可以優化網站效率，提高重用性。2.3DreamweaverDreamweaver是制作網站中最常見的開發工具，因為其強大的實時預覽功能，和聯想功能，可以極大的提高程序員編寫程序的效率，從而節省小組制作網站的時間成本。2.4MySQL目前，MySQL廣泛應用于各種中小型企業的網站中。由于其優點體積小、速度快、使用成本低、而被很多中小型網站選擇作為其數據庫，來降低網站成本。2.5PHPPHP是一種有時被Perl或Python取代的編程語言。PHP主要在服務器端完成執行，充分的利用了服務器的高性能；PHP的引擎還會讓用戶托管來經常性的訪問PHP程序。保持內存，用戶在第二次，第三次…訪問網站時不需要重新編譯，只需要取出在內存中的執行代碼即可，這也是PHP的高效率的原因之一。

第3章需求分析在我們開始編寫這個網站系統之前，我們需要分析這個系統的可行性。如果可行，我們可以繼續實施。否則，會有一些額外的損失。可行性分析的任務是分析是否有可行的解決方案來解決需要在技術，經濟，社會和法律上解決的問題。同時，我們還應該對需要實現的功能和非功能需求制定詳細的計劃，并為今后的實施提供明確的方向和基礎。3.1動態網站技術介紹互聯網起源于20世紀60年代的美國。它近年來在全世界都很受歡迎。其根本原因不僅在于其出色的國際通信功能，還在于其龐大的信息資源。所謂的互聯網是指由世界各地的數千個計算機網絡按照某些通信協議形成并相互關聯的國際互連網絡。目前階段網絡技術日新月異，簡單的靜態頁面已經不能滿足開發的需要和大眾的審美要求，因為靜態頁面中沒有任何用戶交互功能，會給用戶很差的體驗感。所以，為了滿足實際的用戶需要，許多網站開始使用JS，PHP等拓展名結尾的文件，它們就是由動態網頁技術生成的文件。3.1.1市場可行性過去，世界上許多公司都將PHP視為“高度機密，嚴格保密”的計算機編程語言，但現在它已成為許多項目中最著名，最廣泛使用的面向對象的腳本語言，如Web，Internet，E-商業和B2B。即使在今天，許多競爭公司都認為PHP是高度機密的，并且從不向外界透露任何信息。PHP將像風暴一樣席卷全球，IT行業將感到震驚。PHP的優勢是它是跨平臺的，可以在很多地方運行。例如，Linux，Windows10/8/XP等眾多平臺。PHP可以在任何地方配置。PHP可以在Apache，MicrosoftIIS和其他Web服務器上運行。PHP比Java快5到20倍！實際的比較測試表明PHP運行速度比Java快3.7倍。PHP非常易于使用，利用PHP可以用很短的時間，完成很華麗復雜的網站設計。（將來，PHP將模仿Java的大多數功能，我相信Java程序員也會喜歡它.PHP將包含Java中的關鍵字，如類，擴展，接口，實現，公共，受保護，私有等）。PHP具有面向對象的特性，它吸收了Java語言，C++語言，C語言的最成功的部分，PHP簡直就是所有編程語言中精華中的精華。PHP可以在Windows95/NT/2000/XP或UNIX上運行。我們會驚訝于PHP很可能成為21世紀的計算機編程語言。PHP7版本中對引擎做了很多改動，這個版本大大提高了PHP的性能，PHP7可以使你的程序性能翻上幾倍。就算像WordPress這樣的重量級軟件也可以在PHP7上運行數千個QPS，相當于每天由單個服務器處理的8000萬個請求。借助PHP7，MySQL優化以及用于加速的Memcache和Redis，該技術架構可以應對相當大規模的系統。除了幾十億級用戶平臺之外，平均大小的系統完全沒有壓力。PHP的未來越來越好。越來越多的人會選擇使用PHP來設計網站。因此，PHP可能在未來的網站領域發揮主導作用。3.1.2語言優勢使用PHP技術，網頁開發人員可以用HTML來設計網站的主要效果，主色調等靜態效果，而使用PHP語言在頁面上生成動態效果，與Smarty模板引擎配合，將生成的內容存儲在模板變量中，然后將其他人，例如作為Web管理員和頁面設計者，可以通過編輯或修改模板文件使網站顯示不同。顯示效果。PHP是一款開源軟件，任何人都可以看到PHP的所有源代碼。許多人都會檢查代碼。同時，使用Apache編譯它的方式也可以使它的安全設置更加的靈活。ASP的跨平臺功能完全比不上PHP的跨平臺功能。PHP基本上支持所有操作系統平臺和數據庫系統。正是PHP具有的這種能力使UNIX/Linux具有可與ASP相媲美的開發語言，并且廣受歡迎。在企業中流行的應用WAMP平臺中，PHP，Windows，Apache，MySQL都是完全開源的免費軟件，這大大降低了企業安裝的成本。3.1.3操作可行性對于用戶，系統僅要求用戶簡單地鍵入和編輯文本。經過精心的設計和測試，系統具有操作簡單，方便靈活的優點，可以滿足不同用戶的不同需求，也便于公司內部管理。經理和用戶將能夠在短時間內熟練掌握和使用它。只需移動鼠標和鍵盤即可獲得所需效果。3.2軟件開發環境本企業門戶網站的設計是基于Windouws10操作系統環境，借助WAMP搭載的Apache2.2.17作為網站的服務器端，借助WAMP搭載的MySQL5.5.8作為網站的數據庫端，利用DreamweaverCC2018強大的編程功能，完成網站前臺搭建、網站美化、網站后臺搭建，并逐步完善網站功能。3.3系統可行性分析3.3.1B/S模式介紹B:browser意為瀏覽器，S：server意為服務器，B/S模式就是通過瀏覽器去訪問服務器的模式。他是C/S模式的進化版。這種模式中大部分的事物邏輯都在服務器中實現。極大地優化了網頁速度，降低了用戶成本，減少了系統維護升級的工作量。3.4功能性需求3.4.1網站的基本信息設置對于網站的名稱可以在后臺自行設置，前臺顯示。網站的一些增加、刪除、修改的功能，通過登錄管理頁面，通過增加，修改，刪除操作來編輯頁面。網頁新聞頁每頁顯示的圖片，日期，信息，內容等都可以通過網站后臺來修改，網站基本信息存放在網站的首頁，和關于我們頁面。資訊中心中存放企業近期活動，新聞，獲獎信息等。網站客戶評價中存放過往客戶對企業的認可，和期待企業的成長方向，客戶的心理，客戶最滿意的照片，拍攝地點，中間的故事等。案例展示界面存放公司過往優秀作品的展示。3.4.2導航欄圖3.1頭部導航欄圖3.2尾部導航欄網站每頁頭部和尾部都需要導航欄，導航欄頭部以HTML和CSS為基礎，以黑色為主色調，顯示，主頁、案例展示、客戶評價、資訊中心、關于我們等連接，方便客戶迅速找到自己想看的內容，外觀，整潔大氣，給客戶良好的瀏覽體驗。頁腳部分，有企業位置，在最明顯的位置顯示企業的聯系方式，同樣在頁腳也會顯示，導航欄頭部所包含的連接，在每頁的頁尾還需要添加管理員登錄導航，給用戶最好的瀏覽體驗，減少用戶誤點產生的不必要麻煩。3.4.3主頁輪播圖圖3.3輪播圖展示首頁主位置設計了一個輪播圖，當鼠標移入左邊箭頭輪播圖會向左輪播，默認是又輪播，當鼠標移入右邊的箭頭圖片會向右輪播。輪播圖用JS設計，首先，把要顯示的圖片，拼接到一起，一張圖放兩次，每次輪播圖劃過整張圖一半的時候，讓整個圖片歸位，從而實現圖片的無限輪播。然后通過一個計時器來控制輪播圖的快慢，通過控制鼠標劃入左右的箭頭，控制輪播圖的方向。3.4.4圖片管理制作設計的企業需要向訪問者展示他們的圖片或圖紙，以增加他們對企業的了解，從而幫助提高企業的業務量。需要網站添加后臺功能，方便管理員對圖片的增加，刪除，修改操作。可以減輕后期維護成本。提高利用效率。3.4.5客戶評價老用戶對公司的客戶評價以圖文形式展示，更加直觀，詳細的寫出用戶對公司的評價，加強新用戶對公司能力的認可。案例有簡要介紹和詳細介紹，簡要介紹了顧客拍攝地點，時間，題目，詳細介紹一下關于拍攝期間發生的故事，顧客的心情，是否對公司滿意，還有希望公司未來的改進。案例展示內容頁面詳細說明。案例展示需要覆蓋圖片以給用戶更直觀的印象。案例的詳細說明應該能夠添加圖片和文字說明。案例展示每頁顯示的案例數，文章長度等。需要網站添加后臺功能，方便管理員對圖片的增加，刪除，修改操作。可以減輕后期維護成本。提高利用效率。3.4.5案例展示公司過往成功案例展示，讓用戶熟悉公司風格，能力，和公司業務水平。了解公司的總體信息，讓顧客可以找到自己想要的方向，通過過往案例和顧客產生共鳴，從而，吸引顧客達到為公司引入新顧客的目的。3.4.6資訊中心在資訊中心中添加公司最近的新聞，成績，成就，獲得獎項等信息，讓顧客了解公司的能力，從而實現顧客對公司能力的信任。資訊中心在網頁上顯示相關文章，在網頁上顯示相關文章的內容。同樣需要網站添加后臺功能，方便管理員對圖片的增加，刪除，修改操作。可以減輕后期維護成本。提高利用效率。管理員可以通過一系列方式管理文章，包括編輯，添加和刪除文章;3.4.7關于我們關于我們界面中存放了關于公司的介紹，成長經歷，獲得成就等，讓客戶了解公司。3.5非功能性需求3.5.1前臺界面前臺界面應該漂亮，但不要太復雜，內容應該突出，設定一個簡約大氣的主題顏色，然后添加圖片，信息等。通過Photoshop來編輯圖片制作網站背景、圖片、圖標等圖片，頁面中使用HTML+CSS制作，JavaScript用于改善用戶體驗。3.5.2后臺界面網站的后臺要求結構清晰，易于查找你想要操作的位置。后臺選項應清楚地解釋其功能。后臺界面應該簡潔明了，方便管理員操作，每次提交后，清楚說明操作是否成功。增刪改查功能完善，沒有錯誤。第4章概要設計概要設計是一個把想要設計的東西先抽象稱為程序語句從而實現具體功能的過程。內容包括數據庫設計和系統結構設計。主要目標是把網站想要實現的功能，程序轉化為可實現的基于計算機語言的方案，然后為這個方案進行編碼，完成方案。然后完善這個方案的功能。4.1數據庫設計4.1.1數據庫設計概述數據庫設計是將真實生活中存在的實體模型轉換為數據庫模型的過程。這是數據庫建立的最重要的一步。數據庫的性能取決于數據庫設計是否優秀。如果數據庫設計的不好，那么所有用來提高數據庫性能的方法達到的效果都很小。數據庫設計的重中之重是如何合理有效地存儲用戶數據，方便用戶數據的處理。數據庫設計有他專門的規則。在關系數據庫中，這個規則是一個范例，它是一組符合某個級別的關系模式。通常，人們根據第三范式設計數據庫。簡單來說就是在其他表中存在的非重要關鍵字數據，不能重復出現在另一張表中。按照范例來設計數據庫可以減少數據冗余，節省存儲空間，并加快添加，刪除和更改的速度。4.1.2數據庫需求分析數據庫設計必須明白客戶想要看到什么，了解了客戶需求后才能準確的完成整個數據庫設計。用戶需求分析是整個設計過程中最困難和最耗時的步驟。作為最基本的需求分析，用戶需求分析是否足夠準確，大幅決定了數據庫建設的速度和質量。用戶的需求體現在很多方面，這要求數據庫結構能夠完全滿足用戶需求的各種信息的輸出和輸入。收集最底層的基礎數據，數據結構設計和數據處理的過程，數據字典的編寫越詳細，以下具體內容的設計就越簡單。根據上述需求分析，企業網站應具有以下基本數據表：主頁圖片表：包含主頁展示的圖片。新聞表：包含資訊中心頁面所展示的新聞，圖片。展示表：包含案例展示頁面所展示的圖片。用戶評價表：主要包含老用戶給出的評價，客戶拍攝時發生的小故事等信息。管理員表：包含網站管理員基本信息，用戶名，密碼，管理員名字等信息。4.1.3數據庫邏輯結構設計概念結構設計是數據庫設計中最重要的部分。概念模型（E-R模型）由實體，屬性和關系組成。E-R模型由E-R圖表示。實體是現實生活中抽象出來的事物，屬性是對實體的特征的介紹，描述。屬性是實體的本質。表的主要代碼是鍵屬性，鍵屬性項會有一條下劃線。在主鍵相同的子系統模塊之間具有相關性。程序中，要確保結構設計的完整性，和結構設計的一致性。E-R模型的元素是實體，屬性和連接。E-R模型畫成E-R圖表示。實體是用戶打開網站可以瀏覽到的內容，屬性是實體功能的描述。圖4.1管理員E-R圖圖4.1顯示了管理員的所有屬性，和管理員的管理權限。管理員在操作中有對網站頁面增加、刪除、修改的權限。圖4.2客戶評價E-R圖圖4.2顯示了客戶評價的所有屬性，其中發布人一般是管理員。圖4.3新聞E-R圖圖4.3顯示了新聞的所有屬性，其中發布人一般是管理員。4.1.4數據庫物理結構設計在實際設計中，我們需要考慮一些系統性能和負載問題，因此數據庫的設計要求更加詳細。數據庫設計的越詳細對后期網站制作的優化就越大，下表詳細設計和說明。表4.1主頁基本內容表（indeximg）字段類型整理屬性空默認額外說明IdInt(20)否無Auto_incrementIDContentVarchar(5000)Utf8_esperanto_ci否無內容表4.1主頁基本內容表只有兩個字段，分別是id和content，這個表儲存的是網站主頁的基本內容，比如圖片，和宣傳話語表4.2客戶評價表（evaluate）字段類型整理屬性空默認額外說明IdInt(20)否無Auto_incrementIDImgVarchar(100)Utf8_esperanto_ci否無圖片地址TitletextUtf8_esperanto_ci否無題目ContenttextUtf8_esperanto_ci否無內容Datedate否無日期placetextUtf8_esperanto_ci否無地點表4.2客戶評價表有六個字段，分別是id、img、title、date、place和content，這個表儲存的是網站客戶評價頁面的基本內容，比如圖片，和客戶評價，客戶拍照時間，地點、標題、圖片等信息。表4.3資訊中心表（news）字段類型整理屬性空默認額外說明IdInt(20)否無Auto_incrementIDContenttextUtf8_esperanto_ci否無內容Datedate否無日期placetextUtf8_esperanto_ci否無地點ImgVarchar(100)Utf8_esperanto_ci否無圖片地址表4.3資訊中心表有五個字段，分別是id、img、date、place和content，這個表儲存的是網站資訊中心頁面的基本內容，比如圖片，和客戶評價，客戶拍照時間，地點、圖片等信息。表4.4案例展示表（img1）字段類型整理屬性空默認額外說明IdInt(20)否無Auto_incrementIDImgVarchar(100)Utf8_esperanto_ci否無圖片地址表4.4案例展示表（img1）只有兩個字段，分別是id和img，這個表儲存的是網站案例展示的圖片內容，過往客戶的案例展示。4.2系統結構設計4.2.1網站后臺設計網站后臺管理網站后臺管理主頁案例展示客戶評價資訊中心修改圖片修改文字添加案例修改案例刪除案例添加評價修改評價刪除評價添加新聞修改新聞刪除新聞圖4.4網站后臺設計網站的后臺功能設計必須完全滿足前臺功能模塊的要求。現在很多大型CMS系統都可以提供強大的專業網站背景。作為一個小企業，背景的實用性不是很大，因為專業背景管理程序的功能過于復雜，不利于企業內部員工的管理。因此，在小企業網站的設計中開發一個小型的網站后臺管理系統是非常必要的。4.2.2網站前臺結構網站前臺結構網站前臺結構系統首頁案例展示客戶評價資訊中心后臺管理界面頭部尾部導航欄關于我們圖4.5網站前臺結構網站的前臺界面應該簡潔美觀，不能太復雜，內容突出。前臺結構主要包括系統首頁，導航欄頭部尾部，案例展示，客戶評價，資訊中心，關于我們，等頁面的設計，其實首頁中包含一個用JS功能實現的動態輪播圖，后臺管理界面中包含一個通過JS功能實現的點擊a標簽顯示某個div的交互功能。4.2.3后臺功能描述1.網站后臺系統入口具備用戶登陸功能。2.網站系統可以實現自動抓取數據庫信息。3.網站后臺系統具備分類顯示功能。4.網站后臺系統提供對主頁信息查看，修改等功能。5.網站后臺系統提供對案例展示信息添加，查看，刪除，修改等功能。6.網站后臺系統提供對資訊中心信息添加，查看，刪除，修改等功能。7.網站后臺系統提供對客戶評價信息添加，查看，刪除，修改等功能。4.2.4系統架構設計圖4.6整個系統的程序文件展示第5章系統詳細設計系統的詳細設計是根據之前進行的各種分析，用編程語言實現各種需求的過程。在這一部分，將詳細描述一些關鍵技術，包括代碼段的解釋，操作原理的詳細描述和顯示效果。5.1系統公共核心文件5.1.1前臺配置文件（config.php）項目一旦開發完畢，就不能隨意更改程序。程序的參數就必須放到配置文件中。在站點下新建一個config文件夾，用來保存配置文件。5.1.2前臺數據庫連接文件（con.php）連接數據庫代碼多次使用，所有將此代碼放到包含文件中。在站點下新建inc文件夾，用來保存包含文件。5.2網站前端詳細設計5.2.1logo設計用photoshop的切圖功能把原圖片：圖5.1PS前原圖展示編輯切圖，制作成新的LOGO：圖5.2PS后網站logo展示在網站的頭部主位置顯示5.2.2前端頁面詳細設計作為一個攝影網站的門戶網頁，首先，網站頁面需要美觀，大氣，時尚，作為一家攝影公司，這些是網站需要展現給客戶的第一印象，然后網站還需要吸引顧客的優秀作品展示，以及過往顧客對公司的評價，老顧客的拍照小故事，這樣可以吸引新顧客，引起共鳴。其次，網站需要一個能向顧客介紹公司近況的新聞界面，以及一個介紹公司內部發展的關于我們界面。基于以上這些點，網站的主頁面分為主頁，案例展示，客戶評價，資訊中心，關于我們5個大塊。主頁首先主頁需要時尚元素，還要給顧客優秀的交互體驗，所以我在主頁主位置放入一個輪播圖，輪播圖下放公司拍出的最時尚的照片。案例展示界面主要展示公司最為優秀的攝影作品。客戶評價界面主要向顧客展示老顧客在公司拍照過程中發生的有趣的故事，顧客拍攝時的心路歷程，顧客對公司的評價，顧客希望公司改進的地方，以及展示公司為顧客拍攝的作品，時間，地點等信息。資訊中心界面主要向顧客展示公司最近的新聞，獲得獎項，取得的成就等信息。關于我們主要向顧客展示公司成長經歷，公司的資歷，公司所具有的實力等信息。5.2.3分頁控制分析表5.1分頁控制分析表1頁碼(pageno)SQL語句（一頁放10條記錄pagesize）1select*from表limit0,102select*from表limit10,103select*from表limit20,10起始值:（startno）=（pageno-1）*pagesize表5.2分頁控制分析表2記錄數（recordcount）總頁數(pagecount)一頁放10條記錄6060/10=6頁5959/10=6頁5151/10=6頁結論：pagecount=ceil(recordcount/pagesize)分頁的思路圖5.3分頁思路圖5.2.4前臺輪播圖設計（move.js）圖5.4輪播圖UML活動圖通過獲取ID，來獲取對象，當鼠標移入左邊箭頭輪播圖會向左輪播，默認是向右輪播，當鼠標移入右邊的箭頭圖片會向右輪播。輪播圖用JS設計，首先，把要顯示的圖片，拼接到一起，一張圖放兩次，每次輪播圖劃過整張圖一半的時候，讓整個圖片歸位，從而實現圖片的無限輪播。然后通過一個計時器來控制輪播圖的快慢，通過控制鼠標劃入左右的箭頭，控制輪播圖的方向。5.3網站管理后臺5.3.1后臺管理登陸界面圖5.5管理員登陸界面圖5.6管理員登陸UML活動圖通過判斷管理員輸入在對話框中的用戶名和密碼對比數據庫中的用戶名密碼以此來進行登陸，如果用戶名密碼有誤則彈出用戶名密碼錯誤，如果用戶名密碼有空，則彈出表單填寫不完整，后臺管理員登陸啟用的防注入技術，減少一些人員對后臺進行惡意登陸嘗試。綜上所述，主要有以下幾點：1.永遠不要相信用戶所輸入的數據。可以限制用戶輸入長度來檢查2.永遠不要使用動態程序集sql。您可以使用參數化SQL或直接使用存儲過程進行數據查詢和訪問。3.具有管理員權限的數據庫連接不應使用具有有限權限的單數據庫連接。4.永遠不要直接存儲機密信息，加密或哈希密碼，敏感信息。5.應用程序異常信息能不提示盡量不要提示，最好使用自己定義的信息來包裝原本的錯誤信息。5.3.2后臺管理界面圖5.7后臺管理界面圖5.8管理員UML用例圖本頁面中運用到的分頁思想和技術在本論文的后續會詳細介紹，在此就不加以分析。5.3.3客戶評價修改界面圖5.9修改客戶評價界面圖5.10客戶評價修改界面因為瀏覽器是可以禁用js運行，如果禁用js,通過js來驗證數據就形同虛設（繞過了js驗證）。所以只有JS端的驗證顯然是不夠的，還需要添加一個用PHP完成的服務器端的驗證。所以本頁面采用兩次驗證的方式，一次通過JS驗證，一次通過PHP在服務器端驗證，保證修改的成功。由于案例展示，資訊中心界面的修改功能和客戶評價界面修改功能相同，在此就不重復論述。5.3.4添加客戶評價功能圖5.11添加客戶評價界面圖5.12添加客戶評價界面因為瀏覽器是可以禁用js運行，如果禁用js,通過js來驗證數據就形同虛設（繞過了js驗證）。所以在客戶端驗證數據的同時還要在服務器端再驗證一次。所以本頁面采用兩次驗證的方式，一次通過JS驗證，一次通過PHP在服務器端驗證，保證添加的成功。同樣由于案例展示，資訊中心界面的添加功能和客戶評價界面添加功能相同，在此就不重復論述。5.3.5刪除功能刪除前：圖5.13客戶評價刪除界面圖5.14客戶評價刪除界面刪除后：圖5.15客戶評價刪除后界面

第6章系統測試6.1測試的定義及目的測試是檢查一個程序完成與否的重要一環，合格的測試可以檢查程序的穩定性，找出程序的漏洞，發現程序中的不足，從而完善程序。只有通過合格的測試之后這個程序才算是完整的。測試就是保證軟件質量的最重要的一環。6.2測試的方法根據上面提到的測試對象，我們將測試分為幾個方面進行測試。網站前端的穩定性測試，確保網站沒有顯示BUG。網站主頁輪播圖測試，確保輪播圖的達成所實現的功能，確保輪播圖會根據鼠標劃入左右箭頭改變輪播方向。網站登錄系統測試，不正確賬號密碼彈出提示，正確密碼登錄成功跳轉管理員界面。確保網站后臺的安全性。網站后臺選擇編輯區域測試，確保點擊區域所對應的盒子正確顯示。網站后臺增加功能測試，確保所增加的信息，成功添加到數據庫。網站后臺修改功能測試，確保想要修改的信息成功修改，且對應到數據庫端相應表。網站后臺刪除功能測試，確保想要刪除的信息成功刪除，且數據庫端也成功刪除。6.2.1界面測試界面測試是最簡單的測試方法，只要根據界面要求仔細檢查網站的完整性，沒有顯示BUG即可。但是這種速度經常被程序員忽略，而且通常也是錯誤產生最多的地方。例如：（1）Mistyping，簡單來說就是程序員在輸入文本是打錯字，或者排序出錯等小問題，這種小問題如果不仔細檢查是無法發現的，就有可能導致這種小問題出現在網站的界面中從而降低顧客對企業的印象分。（2）有些內容根本無法理解，通常出現在題目的提示信息和一些較長的文本中。這種情況基本上出現在拼寫提示中，頁面的簡單語句由變量匯編，并且單詞通過程序逐個輸出。通常這種Bug是由于程序中的控制錯誤或者程序員沒有認真測試程序而發生的。（3）程序員自己的話，這種情況雖然不會產生嚴重的問題但是不符合界面的標準和要求。這種情況通常是程序員使用了一些自己理解的術語，主要是由于在開發過程中缺乏明確的分工，沒有統一的標準術語。（4）在頁面的類似內容中，字體和大小明顯不同，這使得界面的整體風格看起來不一致。這種情況只發生在沒有CSS定義的情況下，或者在定義CSS的情況下，開發人員不會在開發過程中調用。（5）具有相似標題的程序和模塊會混淆標題。這種情況主要是由于業務定義名稱和業務實體的相似性或相似性。6.2.2功能測試在功能測試中，我們應該注意：在輸入功能中，要注意前臺設置的值長度是否比后臺設置的長度長，或者稱為前臺和后臺的數據結構是否一致。很多時候，由于這些原因，輸入功能無法實現。還需要輸入字段設置不正確。對于添加功能的測試，成功填寫信息后單擊添加按鈕，后查看添加是否成功，添加后的信息是否有顯示錯誤，是否顯示位置與設計不符等問題。單擊測試刪除功能中的“刪除”按鈕時，會彈出一個對話框詢問管理員是否刪除這條信息。我們單擊“確認”按鈕，然后查看信息是否已經被刪除，或者在單擊“取消”按鈕后返回界面。這時程序可能沒進行刪除操作，或者也有可能即使單擊“取消”按鈕，信息也已被刪除。對于修改功能的測試，是否正確修改信息，是否修改的信息不是所對應的信息，修改后顯示是否正確。

總結通過這次畢業設計，我了解到了要完成一個完整的系統不能想要迅速達到目的。要獲得最終的程序，我們應該盡快繪制我們的藍圖。我們要一步一步走。我們必須把握好整個程序的需求，通過需求設計程序。編寫系統時一定要邊學邊做，一定不能在畢業設計期間，從這個軟件教程從第一頁看，這樣效率最低，最好根據軟件中提到的現有紙質材料使用，有針對性的學習。包括閱讀文件和材料在畢業設計的早期階段，我們不能緊緊地閱讀它們。我們應該將它們與畢業設計緊密聯系起來出于特定目的，最好在做的時候閱讀。做畢業設計不能懼怕困難，一定要面對問題，找到問題根源，通過閱讀資料，文獻后，找到解決的辦法，來解決問題，其實，大部分問題都很簡單，可能只是你缺少了一點點的靈感。不能脫離現實。畢業設計應該富有創造性，不要漂浮在其上，并滿足自己。隨著畢業設計答辯的臨近，自己要處在一個不斷緊縮的狀態，特別是在最近幾天。畢業設計越是進入的最后階段，就越堅持不懈。不能放松。不能認為自己前面已經做了很多工作，就可以放松了。在提交論文前幾天，應該不知疲倦地檢查論文，包括內容，格式等。最好逐一檢查：圖形，表格，公式，字體，行間距，對齊。總的來說，進行檢查以確保沒有任何錯誤。通過畢業論文寫作，我們學到了一些寫論文的基本格式和方法。WORD強大的功能也需要我們不斷努力學習和發現。致謝首先，我要感謝這次畢業設計和畢業論文期間，我的導師王貴參導師，王貴參導師對我們的畢業論文特別關心，在擬題期間就不止一次的給我提出建議，幫助我完成題目的擬定，隨后在翻閱參考文獻期間，導師指導我挑選最優的書籍去閱讀，讓我少走了很多的彎路，節省了大量的時間，學習PHP和JS知識，隨后在畢業設計期間為我答疑解惑，給了我很大的鼓勵，畢業論文審查期間更是一周之內找我談了兩次關于我論文中出現的問題，幫我在論文中標注出來，甚至連小到一個標點，導師都能敏銳的捕捉到問題！所以這次畢業設計期間我最感謝的人就是我的導師。其次，我要感謝我的室友