美容美發(fā)系統(tǒng)摘要：本軟件工程的開發(fā)，總結(jié)了一些經(jīng)驗(yàn)與方法，著重分析了美容美發(fā)系統(tǒng)的各個(gè)設(shè)計(jì)環(huán)節(jié)，從需求分析、數(shù)據(jù)庫設(shè)計(jì)到模塊框架設(shè)計(jì)等方面，力求勾勒出一個(gè)完整美容美發(fā)系統(tǒng)的框架。并給出了系統(tǒng)的流程圖、數(shù)據(jù)流圖、系統(tǒng)設(shè)計(jì)的結(jié)構(gòu)圖和UML圖。站在軟件設(shè)計(jì)的角度上對系統(tǒng)中數(shù)據(jù)庫模型進(jìn)行了概念性設(shè)計(jì)，給出了系統(tǒng)的E-R圖。進(jìn)而對于一些本人認(rèn)為比較重要的細(xì)節(jié)進(jìn)行了詳細(xì)闡述，并分析了設(shè)計(jì)思路。該系統(tǒng)以.NET為技術(shù)平臺，后臺數(shù)據(jù)庫為SQLServer2000，開發(fā)語言為C#.Net，采用基于B/S的三層結(jié)構(gòu)，將應(yīng)用分成3層:用戶界面層、商業(yè)邏輯層、數(shù)據(jù)庫層。關(guān)鍵字：ASP.NET、B/S、美容美發(fā)管理系統(tǒng)第一章概述4TOC\o"1-5"\h\z\o"CurrentDocument"1.1背景4\o"CurrentDocument"1.2系統(tǒng)概述41.3開發(fā)工具介紹5ASP.NET簡介5\o"CurrentDocument"SQLServer簡介5第二章系統(tǒng)分析6\o"CurrentDocument"2.1問題定義6\o"CurrentDocument"2.2可行性研究6\o"CurrentDocument"2.3需求分析7\o"CurrentDocument"2.3.1用戶對系統(tǒng)的需求7第三章系統(tǒng)設(shè)計(jì)8\o"CurrentDocument"3.1概要設(shè)計(jì)8\o"CurrentDocument"3.1.1體系結(jié)構(gòu)介紹8\o"CurrentDocument"E-R圖9\o"CurrentDocument"3.1.3數(shù)據(jù)流圖10\o"CurrentDocument"3.1.3功能模塊的劃分14\o"CurrentDocument"3.2詳細(xì)設(shè)計(jì)15\o"CurrentDocument"3.2.1數(shù)據(jù)庫設(shè)計(jì)153.2.2系統(tǒng)總體流程圖20\o"CurrentDocument"3.2.3系統(tǒng)功能操作細(xì)節(jié)描述21第四章系統(tǒng)實(shí)現(xiàn)23\o"CurrentDocument"4.1界面設(shè)計(jì)23\o"CurrentDocument"4.1.1表格和網(wǎng)頁框架的靈活運(yùn)用23\o"CurrentDocument"CSS技術(shù)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用26\o"CurrentDocument"4.2安全性設(shè)計(jì)27\o"CurrentDocument"4.3技術(shù)難點(diǎn)的實(shí)現(xiàn)28\o"CurrentDocument"4.3.1系統(tǒng)類圖的設(shè)計(jì)28知識經(jīng)濟(jì)時(shí)代的到來，Internet技術(shù)的崛起，使人們的學(xué)習(xí)、生活、工作方式產(chǎn)生了深刻的變化。Internet使信息獲取、信息交換、信息發(fā)布延伸到世界各地。人們的認(rèn)知方式正朝著工具化、網(wǎng)絡(luò)化、智能化方向發(fā)展。同時(shí)MIS應(yīng)用也得到了迅速發(fā)展。不僅大中型企業(yè)普遍建立了自己的MIS，一些中小企業(yè)也不例外，普遍建立了公用數(shù)據(jù)網(wǎng)絡(luò)，如電子郵件、電子數(shù)據(jù)交換等，尤其是近年來Internet的飛速發(fā)展，Intranet技術(shù)得到應(yīng)用，為企業(yè)MIS提供了良好的支持環(huán)境。但是以C/S結(jié)構(gòu)的信息管理系統(tǒng)，基本上只適用于局域網(wǎng)。隨著互聯(lián)網(wǎng)的飛速發(fā)展，移動(dòng)辦公和分布式辦公越來越普及，這需要我們的系統(tǒng)具有擴(kuò)展性。這種方式遠(yuǎn)程訪問需要專門的技術(shù)，同時(shí)要對系統(tǒng)進(jìn)行專門的設(shè)計(jì)來處理分布式的數(shù)據(jù)?？蛻舳诵枰惭b專用的客戶端軟件。首先涉及到安裝的工作量，其次任何一臺電腦出問題，如病毒、硬件損壞，都需要進(jìn)行安裝或維護(hù)。特別是有很多分部或?qū)Ｙu店的情況，不是工作量的問題，而是路程的問題。還有，系統(tǒng)軟件升級時(shí)，每一臺客戶機(jī)需要重新安裝，其維護(hù)和升級成本非常高。而B/S最大的優(yōu)點(diǎn)就是可以在任何地方進(jìn)行操作而不用安裝任何專門的軟件。只要有一臺能上網(wǎng)的電腦就能使用，客戶端零維護(hù)。系統(tǒng)的擴(kuò)展非常容易，只要能上網(wǎng)，再由系統(tǒng)管理員分配一個(gè)用戶名和密碼，就可以使用了。本系統(tǒng)是用在M框架下運(yùn)行的C#語言和ASP.net結(jié)合sqlserver2000數(shù)據(jù)庫而實(shí)現(xiàn)的。采用現(xiàn)階段較為流行的B/S三層架構(gòu)模式，即瀏覽器/服務(wù)器模式。相對于C/S（客戶機(jī)/服務(wù)器）模式，B/S結(jié)構(gòu)對用戶的技術(shù)要求比較低，對前端機(jī)的配置要求也較低，而且界面豐富，客戶端維護(hù)量小、程序分發(fā)簡單、更新維護(hù)方便。它容易跨平臺布置，容易在局域網(wǎng)與廣域網(wǎng)之間進(jìn)行協(xié)調(diào)，尤其適宜信息發(fā)布類應(yīng)用。在下面的章節(jié)，將詳細(xì)介紹開發(fā)美容美發(fā)信息管理系統(tǒng)的語言環(huán)境以及系統(tǒng)的系統(tǒng)分析、系統(tǒng)設(shè)計(jì)與具體實(shí)現(xiàn)。第一章概述1.1背景美容是人類為實(shí)現(xiàn)美的目標(biāo)而采取的有效措施，人類漫長的美容實(shí)踐，不但催生了美容產(chǎn)業(yè)，而且孕育了美容經(jīng)濟(jì)學(xué)。按照專家的劃分，美容產(chǎn)業(yè)包括美容服務(wù)、美容教育、美容商貿(mào)、化妝品生產(chǎn)、美容科研、美容媒介等方面，具有廣闊的空間和強(qiáng)勁的市場滲透力。人們對于美的強(qiáng)烈需求，無疑為美容產(chǎn)業(yè)提供了最為廣大的市場空間。美容產(chǎn)業(yè)技術(shù)和資金門檻并不高；同時(shí)一對一甚至多對一服務(wù)，勞動(dòng)力超密集，這與絕大多數(shù)勞動(dòng)者的經(jīng)濟(jì)條件和綜合素質(zhì)完全對應(yīng)。因此，不僅是典型的人性經(jīng)濟(jì)，更是典型的民本經(jīng)濟(jì)?？梢哉f，我國的美容產(chǎn)業(yè)是完全競爭的成長型產(chǎn)業(yè)，是產(chǎn)業(yè)鏈長、內(nèi)涵豐富、供求彈性強(qiáng)的朝陽產(chǎn)業(yè)。但是隨著美容院管理的不斷變化，除了產(chǎn)品外，管理是美容院關(guān)注的另一大熱點(diǎn)。既當(dāng)老板又兼財(cái)務(wù)和美容師、人情大于制度的家庭作坊式管理方法，顯然已不能適應(yīng)現(xiàn)代美容院的發(fā)展需求。那么，許多技術(shù)出身的美容院老板如何來補(bǔ)上這一課呢？進(jìn)入21世紀(jì)，計(jì)算機(jī)技術(shù)的飛速發(fā)展，管理有了許多新的手段，如計(jì)算機(jī)信息管理系統(tǒng)。而本課題正是出于利用計(jì)算機(jī)技術(shù)有助于美容院方便管理這一目的孕育而生的。1.2系統(tǒng)概述在具體設(shè)計(jì)本美容美發(fā)系統(tǒng)之前，必須要明白一個(gè)概念，那就是管理信息系(ManagementInformationSystems簡稱MIS)，管理信息系統(tǒng)在現(xiàn)代社會已深入到各行各業(yè)，由于計(jì)算機(jī)技術(shù)的迅速發(fā)展和普及，管理信息系統(tǒng)MIS事實(shí)上已成為計(jì)算機(jī)管理信息系統(tǒng)MIS。管理信息系統(tǒng)MIS是一個(gè)不斷發(fā)展的新型學(xué)科，MIS的定義隨著計(jì)算機(jī)技術(shù)和通訊技術(shù)的進(jìn)步也在不斷更新，在現(xiàn)階段普遍認(rèn)為管理信息系統(tǒng)MIS是一個(gè)由人、計(jì)算機(jī)等組成的能進(jìn)行信息的收集、傳送、儲存、維護(hù)和使用的系統(tǒng)，能夠?qū)崪y企業(yè)的各種運(yùn)行情況，并利用過去的歷史數(shù)據(jù)預(yù)測未來，從企業(yè)全局的角度出發(fā)輔助企業(yè)進(jìn)行決策，利用信息控制企業(yè)的行為，幫助企業(yè)實(shí)現(xiàn)其規(guī)劃目標(biāo)。這里給出的定義強(qiáng)調(diào)了管理信息系統(tǒng)的功能和性質(zhì)，也強(qiáng)調(diào)了管理信息系統(tǒng)中的計(jì)算機(jī)對企業(yè)管理而言只是一種工具。管理信息系統(tǒng)是信息系統(tǒng)的重要分支之一，經(jīng)過30多年的發(fā)展，已經(jīng)成為一個(gè)具有自身概念、理論、結(jié)構(gòu)、體系和開發(fā)方法的覆蓋多學(xué)科的新學(xué)科。本美容美發(fā)系統(tǒng)是一個(gè)專門針對美容院而設(shè)計(jì)出來的比較專業(yè)的管理信息系統(tǒng)。系統(tǒng)將傳統(tǒng)的美容院管理模式與計(jì)算機(jī)網(wǎng)絡(luò)、數(shù)據(jù)庫等先進(jìn)技術(shù)結(jié)合起來，創(chuàng)造了嶄新的美容院管理模式，進(jìn)一步取代了先前一直在被使用的登記式美容院文件管理，實(shí)現(xiàn)無紙化的先進(jìn)數(shù)據(jù)記錄管理。本美容美發(fā)系統(tǒng)應(yīng)用當(dāng)前流行的開發(fā)技術(shù)ASP.NET，B/S結(jié)構(gòu)簡單且容易操作，B/S最大的優(yōu)點(diǎn)就是可以在任何地方進(jìn)行操作而不用安裝任何專門的軟件。真正把用戶從傳統(tǒng)的專業(yè)操作中解放出來。1.3開發(fā)工具介紹ASP.NET簡介完全面向?qū)ο蟮某绦蛟O(shè)計(jì)模型。ASP.NET具有事件驅(qū)動(dòng)和基于控件的體系結(jié)構(gòu)，進(jìn)而可以實(shí)現(xiàn)代碼的封裝和重新使用?？梢允褂?NET支持的任何語言（如：VisualBasic.NET、C#、Jscript.NET和許多其他的語言，當(dāng)然那些語言必須由第三方編譯器把它們編譯成適合于CommonLanguageRuntime的代碼）編寫代碼的能力。ASP.NET提供了更易于編寫、結(jié)構(gòu)更清晰的代碼，這些代碼很容易進(jìn)行再利用和共享；ASP.NET使用編譯后的語言，從而提升性能和伸縮性；ASP.NET使用Web表單使開發(fā)更直觀，利用面向?qū)ο蠹夹g(shù)促進(jìn)組件的再利用。另外，ASP.NET中還包括有頁面事件、Web控件、緩沖技術(shù)以及服務(wù)器控件和對數(shù)據(jù)捆綁的改進(jìn)。供ASP.NET使用的庫以及在Microsoft.NET框架中允許通過Web使用客戶商用函數(shù)，為程序員提供了更多新的開發(fā)機(jī)會。ASP.NET使代碼更加干凈?，F(xiàn)有的ASP應(yīng)用程序中，不管你將它們寫得怎么樣，結(jié)構(gòu)總是充滿了長長短短的代碼。而ASP.NET的代碼不僅更容易編寫，而且更加干凈整潔，比ASP代碼更易于閱讀。同時(shí)，ASP.NET代碼的結(jié)構(gòu)方式提高了其再利用性和共享性。SQLServer簡介SQLServer是由Microsoft開發(fā)和推廣的關(guān)系數(shù)據(jù)庫管理系統(tǒng)（DBMS），它最初是由Microsoft、Sybase和Ashton-Tate三家公司共同開發(fā)的，并于1988年推出了第一個(gè)OS/2版本。SQLServer近年來不斷更新版本，1996年，Microsoft推出了SQLServer6.5版本；1998年，SQLServer7.0版本和用戶見面；SQLServer2000是Microsoft公司于2000年推出的最新版本。SQLServer具有以下特點(diǎn)：真正的客戶機(jī)/服務(wù)器體系結(jié)構(gòu)。圖形化用戶界面，使系統(tǒng)管理和數(shù)據(jù)庫管理更加直觀、簡單。豐富的編程接口工具，為用戶進(jìn)行程序設(shè)計(jì)提供了更大的選擇余地。SQLServer與WindowsNT完全集成，利用了NT的許多功能，如發(fā)送和接受消息，管理登錄安全性等。SQLServer也可以很好地與MicrosoftBackOffice產(chǎn)品集成。具有很好的伸縮性，可跨越從運(yùn)行Windows95/98的膝上型電腦到運(yùn)行Windows2000的大型多處理器等多種平臺使用。第二章系統(tǒng)分析2.1問題定義在傳統(tǒng)的美容院管理經(jīng)營過程中，任何的管理登記等工作都是由美容院員工人工填寫文件、發(fā)票等，這些工作不但細(xì)碎、繁瑣，容易出錯(cuò)，而且工作量非常大，占用了美容院大量的人力和物力。因此，現(xiàn)代化的美容院正需要一個(gè)集產(chǎn)品進(jìn)銷存、財(cái)務(wù)管理、檔案管理等功能于一體管理系統(tǒng)來協(xié)助她們進(jìn)行工作。雖然像美容美發(fā)管理系統(tǒng)在實(shí)踐中還沒有很多案例。但是運(yùn)用科學(xué)的技術(shù)。實(shí)現(xiàn)本美容美發(fā)系統(tǒng)，對當(dāng)前狀態(tài)下的美容院經(jīng)營將產(chǎn)生很對的推動(dòng)作用。2.2可行性研究（一）用戶使用的可行B/S建立在廣域網(wǎng)之上的，不必是專門的網(wǎng)絡(luò)硬件環(huán)境，例如電話上網(wǎng)，租用設(shè)備，信息自己管理，有比C/S更強(qiáng)的適應(yīng)范圍，一般只要有操作系統(tǒng)和瀏覽器就行。一般用戶只要會使用IE并且知道信息系統(tǒng)的操作流程就能對其進(jìn)行操作，避免的繁瑣的軟件安裝和維護(hù)等工作。（二）技術(shù)實(shí)現(xiàn)的可行本系統(tǒng)采用ASP.NET技術(shù)和SQLServer2000結(jié)合，ASP.NET是統(tǒng)一的Web應(yīng)用程序平臺，它提供了為建立和部署企業(yè)級Web應(yīng)用程序所必需的服務(wù)。ASP.NET為能夠面向任何瀏覽器或設(shè)備的更安全的、更強(qiáng)的可升級性、更穩(wěn)定的應(yīng)用程序提供了新的編程模型和基礎(chǔ)結(jié)構(gòu)?？梢愿咝У貙?shí)現(xiàn)所需的功能，建立一個(gè)可視化、操作靈活且方便的管理系統(tǒng)。用ASP.NET實(shí)現(xiàn)的系統(tǒng)界面友好、操作方便、功能完備。（三）系統(tǒng)實(shí)施的可行因?yàn)楸鞠到y(tǒng)采用的是B/S結(jié)構(gòu)所以，所以特別易于安裝：可以用于許多桌上型計(jì)算機(jī)，并且和客戶機(jī)算計(jì)的操作平臺無關(guān)。大多數(shù)計(jì)算機(jī)已經(jīng)默認(rèn)安裝有瀏覽器軟件（有些應(yīng)用系統(tǒng)需要基于IE瀏覽器，或者需要安裝java虛擬機(jī)，在此暫且忽略不計(jì)）。易于部署與維護(hù)：只需要在服務(wù)器端進(jìn)行部署和維護(hù)工作。節(jié)省了大量人力很財(cái)力。系統(tǒng)的實(shí)施的技術(shù)和資金的的投資是很少的。2.3需求分析按照軟件工程對軟件開發(fā)過程的描述，軟件的需求分析是從用戶的業(yè)務(wù)中提取出軟件系統(tǒng)能夠幫助用戶解決的業(yè)務(wù)問題，通過對用戶業(yè)務(wù)問題的分析，規(guī)劃出我們的軟件產(chǎn)品。這個(gè)步驟是對用戶業(yè)務(wù)需求的一個(gè)升華，是一個(gè)把用戶業(yè)務(wù)管理流程優(yōu)化，轉(zhuǎn)化為軟件產(chǎn)品，從而提升管理而實(shí)現(xiàn)的質(zhì)的飛躍，這一步是否成功，直接關(guān)系到開發(fā)出來的軟件產(chǎn)品能否得到用戶認(rèn)可，順利交付給客戶，客戶能否真正運(yùn)用我們的產(chǎn)品幫助他解決業(yè)務(wù)或管理問題。從本美容美發(fā)系統(tǒng)來看，主要有三個(gè)用戶，即總店管理員、分店管理員、一幫管理員。他們只是在使用系統(tǒng)的權(quán)限上有所不同。基本需求是一樣的。2.3.1用戶對系統(tǒng)的需求本美容美發(fā)系統(tǒng)從使用該系統(tǒng)的美容院管理員的角度來分析系統(tǒng)的需求。客戶的具體需求就是本系統(tǒng)應(yīng)該達(dá)到的功能。通過跟客戶的交流后，總結(jié)出客戶總共有六大需求。（一）安全性需求：由于這是信息管理系統(tǒng)，涉及財(cái)務(wù)等問題。所以客戶對安全性要求比較高，但是本系統(tǒng)又是采用B/S結(jié)構(gòu)，任何知道系統(tǒng)網(wǎng)址的用戶都可以對系統(tǒng)頁面進(jìn)行調(diào)用。所以除了在首頁進(jìn)行登錄驗(yàn)證外。必須在用戶訪問系統(tǒng)任何頁面之前對用戶進(jìn)行身份驗(yàn)證。只有通過驗(yàn)證的用戶才能最終使用該系統(tǒng)。（二）界面美觀需求：由于本系統(tǒng)在美容院使用，系統(tǒng)面對的都是愛美的女性，所以客戶對系統(tǒng)的界面要求就相對比較高，她們需要美觀的界面，但是因?yàn)槭切畔⒐芾硐到y(tǒng)，界面又不能太花哨?？偨Y(jié)客戶要求，就是界面要美觀且簡潔。（三）操作簡單需求本系統(tǒng)面對的是美容院的客戶，她們對計(jì)算機(jī)熟悉的程度都不是很高，所以她們希望系統(tǒng)操作方面能夠簡單友好。系統(tǒng)的操作界面直觀。系統(tǒng)流程明朗。系統(tǒng)的操作提示盡可能的多。在各個(gè)細(xì)節(jié)上都能站在她們的立場上設(shè)計(jì)系統(tǒng)。（四）會員管理需求因?yàn)樵撁廊菰憾际菚T制的。所以就會涉及很多會員檔案資料。系統(tǒng)應(yīng)該能夠?qū)蛻舻臋n案進(jìn)行登記，對客戶充值進(jìn)行管理，對客戶的積分進(jìn)行管理。（五）消費(fèi)管理需求美容院是消費(fèi)場所，主要包括購物登記和護(hù)理登記。購物登記包括當(dāng)會員購物時(shí)記錄會員購物的各種信息。如產(chǎn)品名，購物數(shù)量，購物金額等。護(hù)理登記包括當(dāng)會員做護(hù)理時(shí)，記錄護(hù)理的各種信息。如護(hù)理名，護(hù)理價(jià)格等。（六）產(chǎn)品管理需求美容院的經(jīng)營當(dāng)然會涉及到產(chǎn)品，產(chǎn)品管理中主要包括一個(gè)進(jìn)銷存，能對進(jìn)入的產(chǎn)品進(jìn)行入庫登記，并能對出去的產(chǎn)品進(jìn)行出庫登記。（七）查詢管理需求查詢會員的各種信息對美容的經(jīng)營非常重要。系統(tǒng)應(yīng)該能夠很快的找到會員的各種信息并加以歸納和總結(jié)。包括下面十大查詢管理：客戶檔案查詢，客戶購物查詢，客戶護(hù)理查詢，客戶消費(fèi)查詢，客戶積分查詢，充值記錄查詢，分店消費(fèi)統(tǒng)計(jì)，公司消費(fèi)統(tǒng)計(jì)。（八）系統(tǒng)管理需求系統(tǒng)還應(yīng)該帶有設(shè)置自身各種屬性的功能。包括管理員的添加和密碼的修改。而且系統(tǒng)中供管理員選擇的一些字段應(yīng)該可以添加的。比如為了管理員操作的簡單，系統(tǒng)的產(chǎn)品的品牌在入庫時(shí)是放在下拉框里面供管理員選擇的。但是下拉框的里面的產(chǎn)品品牌必須可以添加的。這樣當(dāng)美容院增加產(chǎn)品品牌時(shí)也可以使用本系統(tǒng)，總的來說系統(tǒng)應(yīng)該是可擴(kuò)展的。第三章系統(tǒng)設(shè)計(jì)系統(tǒng)設(shè)計(jì)是把需求轉(zhuǎn)化為軟件系統(tǒng)的最重要的環(huán)節(jié)。系統(tǒng)設(shè)計(jì)的優(yōu)劣在根本上決定了軟件系統(tǒng)的質(zhì)量。我們可以斷定“差的系統(tǒng)設(shè)計(jì)必定產(chǎn)生差的軟件系統(tǒng)”所以我們要努力保證系統(tǒng)設(shè)計(jì)的質(zhì)量。3.1概要設(shè)計(jì)概要設(shè)計(jì)是整個(gè)系統(tǒng)設(shè)計(jì)的關(guān)鍵，在需求分析階段所得到的應(yīng)用需求應(yīng)該首先抽象為信息世界的結(jié)構(gòu)，才能更好地、更準(zhǔn)確地用某一信息系統(tǒng)實(shí)現(xiàn)這些需求。3.1.1體系結(jié)構(gòu)介紹本美容美發(fā)系統(tǒng)采用基于B/S的三層結(jié)構(gòu)，將應(yīng)用分成3層:用戶界面層、商業(yè)邏輯層、數(shù)據(jù)庫層。在這個(gè)體系結(jié)構(gòu)中，“瀏覽器一Web服務(wù)器一數(shù)據(jù)庫服務(wù)器”結(jié)構(gòu)是目前一種非常流行的客戶機(jī)/服務(wù)器結(jié)構(gòu)，如圖二所示。這種結(jié)構(gòu)最大的優(yōu)點(diǎn)是：客戶機(jī)統(tǒng)一采用瀏覽器，這不僅讓用戶使用方便，而且使得客戶機(jī)端不存在維護(hù)的問題。當(dāng)然，軟件開發(fā)布和維護(hù)的工作不是自動(dòng)消失了，而是轉(zhuǎn)移到了Web服務(wù)器端。在Web服務(wù)器端，程序員要用腳本語言編寫響應(yīng)頁面。例如用Microsoft的ASP.NET查詢數(shù)據(jù)庫服務(wù)器，將結(jié)果保存在Web頁面中，再由瀏覽器顯示出來?？蛻魴C(jī)請求WEB服務(wù)器查詢數(shù)據(jù)庫服務(wù)器瀏覽器.NET框架■HTTP響應(yīng)圖二：系統(tǒng)的體系結(jié)構(gòu)示意圖B/S結(jié)構(gòu)的優(yōu)勢是：（一）利用了不斷成熟的WWW瀏覽器技術(shù)，結(jié)合瀏覽器的多種Script語言VBScript、javascript、ActiveX技術(shù)，通過通用瀏覽器就實(shí)現(xiàn)了原來需要復(fù)雜專用軟件才能實(shí)現(xiàn)的強(qiáng)大功能。（二）隨著Windows98/Windows2000將瀏覽器技術(shù)植入操作系統(tǒng)內(nèi)部，這種結(jié)構(gòu)更成為當(dāng)今應(yīng)用軟件的首選體系結(jié)構(gòu)。（三）硬件成本的降低，使得JAVA.NET等原來運(yùn)行緩慢的情況得到巨大改善。（四）FLASH等技術(shù)，增強(qiáng)了B/S在矢量圖形動(dòng)畫方面的表現(xiàn)力。因此，B/S結(jié)構(gòu)應(yīng)用程序相對于傳統(tǒng)的C/S結(jié)構(gòu)應(yīng)用程序?qū)⑹蔷薮蟮倪M(jìn)步。并節(jié)約了開發(fā)成本，是一種全新的軟件系統(tǒng)構(gòu)造技術(shù)。E-R圖

>□登員生日聯(lián)系電話圖三：實(shí)體-關(guān)系圖性別真名m+管理員?總店管理員（r-ii1Ti_JAi,分店標(biāo)記\這個(gè)E-R圖基本上給出了系統(tǒng)的實(shí)體。并確定了它們之間的關(guān)系。但是由于系統(tǒng)比較大。不能把全部>□登員生日聯(lián)系電話圖三：實(shí)體-關(guān)系圖性別真名m+管理員?總店管理員（r-ii1Ti_JAi,分店標(biāo)記\3.1.3數(shù)據(jù)流圖在結(jié)構(gòu)分析方法中，通常采用數(shù)據(jù)流圖（DDF）。其中，數(shù)據(jù)流圖是描述數(shù)據(jù)處理過程的工具。數(shù)據(jù)流圖從數(shù)據(jù)傳遞和加工的角度，以圖形的方式刻畫系統(tǒng)邏輯模型及信息從輸入到輸出的移動(dòng)變換過程。它是一種非常好的工具，-般把功能級數(shù)據(jù)流圖細(xì)化后得到的數(shù)據(jù)流圖很復(fù)雜，可以采用數(shù)據(jù)流圖分層表示，用劃分圖的方法把一個(gè)主要功能都細(xì)化成為幾張數(shù)據(jù)流分圖。（一）頂層數(shù)據(jù)流圖通過對美容美發(fā)系統(tǒng)的功能分析以及數(shù)據(jù)流分析，可以得到美容美發(fā)系統(tǒng)的頂層數(shù)據(jù)流圖，頂層

的數(shù)據(jù)流圖規(guī)定了美容美發(fā)系統(tǒng)的外部環(huán)境，以及輸入輸出的數(shù)據(jù)流向。下面是美容美發(fā)系統(tǒng)的頂層數(shù)據(jù)流圖如圖四。個(gè)人檔案積分記錄充值記錄\r會員基本信息個(gè)人檔案積分記錄充值記錄操作員信息產(chǎn)品類別信息分店標(biāo)記信息會籍類別信息護(hù)理類型信息美容師信息用戶信息購物信息護(hù)理信息產(chǎn)品信息庫存表護(hù)理表個(gè)人檔案積分記錄充值記錄\r會員基本信息個(gè)人檔案積分記錄充值記錄操作員信息產(chǎn)品類別信息分店標(biāo)記信息會籍類別信息護(hù)理類型信息美容師信息用戶信息購物信息護(hù)理信息產(chǎn)品信息庫存表護(hù)理表系統(tǒng)信息會員信息各表購物表數(shù)據(jù)處理收入統(tǒng)計(jì)表查詢信息統(tǒng)計(jì)信息查詢統(tǒng)計(jì)操作員表產(chǎn)品類別表分店標(biāo)記表會籍類別表護(hù)理類型表美容師表用戶表圖四：美容美發(fā)系統(tǒng)的頂層數(shù)據(jù)流圖（二）會員消費(fèi)數(shù)據(jù)流圖圖五：會員消費(fèi)數(shù)據(jù)流圖會員消費(fèi)數(shù)據(jù)流圖的描述：會員剛開始需要的做的事是進(jìn)行檔案登記。管理員對已登記的客戶可以修改。然后會員要進(jìn)行充值。會員發(fā)生購物的時(shí)候要進(jìn)行購物登記。同時(shí)會員護(hù)理時(shí)要進(jìn)行護(hù)理登錄。管理員可以查看和統(tǒng)計(jì)檔案表、購物表、護(hù)理表的各種信息。

（二）產(chǎn)品入庫出庫數(shù)據(jù)流圖圖六：產(chǎn)品入庫出庫數(shù)據(jù)流圖產(chǎn)品入庫出庫數(shù)據(jù)流圖描述：當(dāng)美容院進(jìn)貨的時(shí)候，管理員對產(chǎn)品進(jìn)行登記入庫。產(chǎn)品入庫的數(shù)據(jù)保存到計(jì)算機(jī)中。當(dāng)產(chǎn)品需要出庫的時(shí)候。管理員也要對產(chǎn)品進(jìn)行登記出庫。管理員也可以對入庫、出庫還有庫存的信息進(jìn)行查詢統(tǒng)計(jì)。（三）系統(tǒng)安全管理數(shù)據(jù)流圖圖七：系統(tǒng)安全管理數(shù)據(jù)流圖系統(tǒng)安全管理數(shù)據(jù)流圖描述：管理員在登陸系統(tǒng)時(shí)，首先輸入用戶名和密碼，然后進(jìn)行認(rèn)證，只有通過認(rèn)證的用戶才能進(jìn)入系統(tǒng)，否則不能進(jìn)入系統(tǒng)。管理員進(jìn)入系統(tǒng)可以修改自己的密碼，如果是總店管理員，他享有本系統(tǒng)的最大的權(quán)限，可以增加和刪除用戶。3.1.3功能模塊的劃分通過對上面E-R圖的分析，本系統(tǒng)所要實(shí)現(xiàn)的功能已經(jīng)確定了。我們可以對本系統(tǒng)劃分五大功能模塊，即會員管理、消費(fèi)管理、產(chǎn)品管理、查詢管理、系統(tǒng)管理。總體功能模塊如圖四所示。圖八：總體功能模塊3.2詳細(xì)設(shè)計(jì)在對系統(tǒng)的功能及操作流程有了整體上的了解的基礎(chǔ)上，就要開始進(jìn)行詳細(xì)設(shè)計(jì)了。詳細(xì)設(shè)計(jì)是指對軟件結(jié)構(gòu)中已經(jīng)確定的各個(gè)模塊的設(shè)計(jì)。首先是數(shù)據(jù)庫的設(shè)計(jì)，接著是系統(tǒng)總體流程圖的設(shè)計(jì)等。3.2.1數(shù)據(jù)庫設(shè)計(jì)在整個(gè)美容美發(fā)系統(tǒng)中，總共需要添加18張數(shù)據(jù)表格。每張表頭都以T_開始，這是為了和SQL-Server自帶的系統(tǒng)表進(jìn)行區(qū)分，這樣看上去就會一目了然。增加可讀性。另外全部的表都在Ratinonalrose中建立。然后導(dǎo)出SQL腳本到數(shù)據(jù)庫中生成數(shù)據(jù)庫。在腳本導(dǎo)入到數(shù)據(jù)庫前，通過一個(gè)軟件將腳本中的中的字段名轉(zhuǎn)為拼音，第一個(gè)漢字小寫全拼，另外的取第一個(gè)字母并大寫。（建表時(shí)全部統(tǒng)一使用中文名，為了直觀，增加可讀性）。在下列表中，總是有一個(gè)字段要存在，就是分店標(biāo)記fenDBJ，因?yàn)楸鞠到y(tǒng)是聯(lián)機(jī)的。所以各分店的數(shù)據(jù)要集中在一個(gè)數(shù)據(jù)庫中，但是又能區(qū)別各分店。所以用fenDBJ來區(qū)別。這18張表分別為：T_caoZYB（操作員表）T_chanPCK（產(chǎn)品出庫表）T_chanPLB（產(chǎn)品類別表）T_chanPRK（產(chǎn)品入庫表）T_chongZEB（充值額表）T_dangA（檔案表）T_fenDLB（分店標(biāo)記表）T_gouHJL（購貨表）T_huiJLB（會籍類別表）T_huLJL（護(hù)理記錄表）T_huLSZB（護(hù)理設(shè)置表）T_jiFB（積分表）T_keHCZ（客戶充值表）T_kuCB（庫存表）T_meiRSB（美容師表）T_shouRTJ（收入統(tǒng)計(jì)表）T_yongHB（用戶表）T_zongB（總表）下面介紹一下幾張主要表的具體情況（1）T_chanPCK（產(chǎn)品出庫表）產(chǎn)品出庫表的數(shù)據(jù)字段包括：id（產(chǎn)品出庫表編號），chanPLB（產(chǎn)品類別），chanPBH（產(chǎn)品編號），chanPM（產(chǎn)品名），shuL（數(shù)量），yongC（產(chǎn)品出庫的用處），chuKSJ（出庫時(shí)間），caoZY（操作員），fenDBJ（分店標(biāo)記），gouHID（購貨ID）其中id為主健，同時(shí)它也為一個(gè)標(biāo)志列，當(dāng)產(chǎn)生出庫記錄時(shí)自動(dòng)產(chǎn)生出庫記錄編號。各字段的細(xì)節(jié)描述如下：T_產(chǎn)品出庫PKid:INT產(chǎn)品類別：VARCHAR(30)產(chǎn)品編號：VARCHAR(30)產(chǎn)品名：VARCHAR(30)數(shù)童：NUMERICfO.O)用處:VARCHAR(30J出庫時(shí)間：DATETIME操作員：VARCHAR(30)分店標(biāo)記：WARCHAR印)gouHID:VARCHAR(30)^?PK?PK_T—產(chǎn)品出庫50（2）T_chanPRK（產(chǎn)品入庫表）產(chǎn)品入庫表的數(shù)據(jù)字段包括：id（產(chǎn)品入庫表編號），chanPLB（產(chǎn)品類別），chanPBH（產(chǎn)品編號），chanPM（產(chǎn)品名），shuL（數(shù)量），ruKSJ（入庫時(shí)間），caoZY（操作員），jinHJ（進(jìn)貨價(jià)），fenDBJ（分店標(biāo)記），其中id為主健，同時(shí)它也為一個(gè)標(biāo)志列，當(dāng)產(chǎn)生入庫記錄時(shí)自動(dòng)產(chǎn)生入庫記錄編號。各字段的細(xì)節(jié)描述如下：T_產(chǎn)品入庫PKid:VARCHAR（30）產(chǎn)品類別：VARCHAR印）產(chǎn)品名：WARCHAR?。?shù)量:INT進(jìn)貨價(jià)：NUMERIC。D）操作員:VARCHAR（30）產(chǎn)品編號：VARCHAR印）入庫時(shí)間：DATETIME分店標(biāo)記：VARCHAR（30）^?PK?PK_T_產(chǎn)品人庫3。（3）T_gouHJL（購貨表）購貨表的數(shù)據(jù)字段包括：id（購貨表編號），pinP（產(chǎn)品品牌），chanPBM（產(chǎn)品編碼），guKXM（顧客姓名），shenFZH（會員卡號），riQ（購貨日期），chanP（產(chǎn)品名），jinE（購貨金額），meiRGW（美容顧問），shuL（數(shù)量），fenDBJ（分店標(biāo)記），其中id為主健，同時(shí)它也為一個(gè)標(biāo)志列，當(dāng)產(chǎn)生購貨記錄時(shí)自動(dòng)產(chǎn)生購貨記錄編號。各字段的細(xì)節(jié)描述如下:0T_購貨記錄PKid:INT產(chǎn)品編碼：WARCHAR?。┢放疲篤ARCHAR（30）顧客姓名：WARCHAR?。┥矸葑C號：WARCHAR?。┤掌冢篋ATETIME產(chǎn)品：VARCHAR^O）金額:NUMERIC（0,OJ數(shù)量：VARCHAR（1）美容顧問：WARCHAR印）分店標(biāo)記：WARCHAR?。?PK?PK_T_購貨記錄1。（4）T_huLJL（護(hù)理記錄表）護(hù)理記錄表的數(shù)據(jù)字段包括：id（護(hù)理記錄編號），huLXM（護(hù)理姓名），huLLC（護(hù)理流程），keH（顧客姓名），shenFZH（會員卡號），riQ（購貨日期），chanP（產(chǎn)品名），jinE（護(hù)理金額），meiRS（美容師），mark（護(hù)理48次加積分后做標(biāo)記），fenDBJ（分店標(biāo)記），其中id為主健，同時(shí)它也為一個(gè)標(biāo)志列，當(dāng)產(chǎn)生護(hù)理記錄時(shí)自動(dòng)產(chǎn)生護(hù)理記錄編號。各字段的細(xì)節(jié)描述如下：T_護(hù)理記錄PKid:INT日期：DATETIME護(hù)理項(xiàng)目：VARCHAR(100)護(hù)理流程：VARCHAR(100)金額:NUMERIC"。)美容師：VARCHAR0O)客戶:VARCHAR0O)身份證號：VARCHAR(1)分店標(biāo)記：VARCHAR(30)mark:VARCHAR00)^?PK?PKJJ5理記錄2（）（5）T_jiFB（積分表）一一積分表的數(shù)據(jù)字段包括：id（積分記錄編號），zongJF（總積分），jiFZ（每次記錄的積分），duiHSJ（積分兌換時(shí)間），caoZR（操作人），xingM（姓名），shenFZH（姓名），gouHID（購貨ID），fenDBJ（分店標(biāo)記），其中id為主健，同時(shí)它也為一個(gè)標(biāo)志列，當(dāng)產(chǎn)生積分記錄時(shí)自動(dòng)產(chǎn)生積分記錄編號。各字段的細(xì)節(jié)描述如下：T_積分表PKid:INT姓名:VARCHAR(30)身份證號：VARCHARpO)總積分：NUMERICp.O)積分值：NUMERICp.O)兌換時(shí)間FATETIME操作人：WARCHAR印)分店標(biāo)記：VARCHARpO)gouHID:WARCHAR印)^?PK?PK_TJR分表6。（6）T_kuCB（庫存表）庫存表的數(shù)據(jù)字段包括：id（庫存記錄編號），chanPLB（產(chǎn)品類別），chanPBH（產(chǎn)品標(biāo)號），chanPM（產(chǎn)品名），shuL（庫存數(shù)量），zuiDKC（最低庫存），fenDBJ（分店標(biāo)記），其中id為主健，同時(shí)它也為一個(gè)標(biāo)志列，當(dāng)產(chǎn)生庫存記錄時(shí)自動(dòng)產(chǎn)生庫存記錄編號。各字段的細(xì)節(jié)描述如下：T_庫存表PKid:INT產(chǎn)品類別：VARCHAR（30）產(chǎn)品編號：VARCHAR（30）產(chǎn)品名：VARCHAR（30）數(shù)量:NUMERIC（O,O）最低庫存：NUMERIC分店標(biāo)記：VARCHAR（30）^?PK?PK_T_庫存表4。（7）T_shouRTJ（收入統(tǒng)計(jì)表）收入統(tǒng)計(jì)表的數(shù)據(jù)字段包括：id（收入統(tǒng)計(jì)記錄編號），chanPSR（產(chǎn)品收入），chanPCB（產(chǎn)品成本），chanPLR（產(chǎn)品利潤），huLSR（護(hù)理收入），huLCB（護(hù)理成本），huLLR（護(hù)理利潤），zongSR（總收入），zongCB（總成本），zongLR（總利潤），riQ（日期），fenDBJ（分店標(biāo)記），其中id為主健，同時(shí)它也為一個(gè)標(biāo)志列，當(dāng)產(chǎn)生收入統(tǒng)計(jì)記錄時(shí)自動(dòng)產(chǎn)生收入統(tǒng)計(jì)記錄編號。各字段的細(xì)節(jié)描述如下:T收入統(tǒng)計(jì)表PKid:INT產(chǎn)品收入：NUMERIC產(chǎn)品成本：NUMERIC產(chǎn)品利潤：NUMERIC護(hù)理收入：NUMERIC護(hù)理成本：NUMERIC護(hù)理利潤：NUMERIC總收入：NUMERIC總成本:NUMERIC總利潤:NUMERIC日期：DATETIME分店標(biāo)記：NUMERIC^?PK?PK_T_收入統(tǒng)計(jì)表8。3.2.2系統(tǒng)總體流程圖登錄界面登錄主界面已有用充值充值無該用戶檔案管理頁面填寫檔案信息無此產(chǎn)登記填寫積分登記無該用無記產(chǎn)品入庫頁面填寫產(chǎn)品入庫信品或庫盧產(chǎn)品出庫頁面填寫購物信購物無該用戶或無用戶已或權(quán)限過大密碼客戶購物查該產(chǎn)品或庫存用戶管理頁面填寫新用戶信查詢修改用戶密碼出庫庫存記錄查無庫存記查詢修改各種類別設(shè)置川查找客戶信無該用不足顯示查詢記r＞選擇表，設(shè)置類別查找戶或不是會員查找顯示查詢記字段存在設(shè)置余額不足登記r*分店消費(fèi)統(tǒng)公司消費(fèi)統(tǒng)權(quán)限無記一客戶護(hù)理查查詢顯示查詢記權(quán)限不夠查詢查詢不夠顯示查詢記顯示查詢記圖九：系統(tǒng)總體流程圖3.2.3系統(tǒng)功能操作細(xì)節(jié)描述?會員管理模塊：1、檔案管理（1）輸入用戶各種資料（2）系統(tǒng)檢驗(yàn)該用戶是否存在（3）如果存在則提示。不存在就把用戶資料輸入的數(shù)據(jù)庫中去2、客戶充值（1）輸入會員卡號（2）如果有該會員則顯示會員基本信息。（姓名，余額，會籍類別，總積分）（3）填入充值額，自動(dòng)會顯示護(hù)理折扣、產(chǎn)品折扣（4）最后將數(shù)據(jù)插入到數(shù)據(jù)庫中3、積分管理（1）輸入會員卡號，如果沒有該會員則提示，如果有則自動(dòng)顯示會員姓名（2）輸入積分（3）最后將數(shù)據(jù)插入到數(shù)據(jù)庫中?消費(fèi)管理模塊1、購物登記（1）輸入產(chǎn)品編號、產(chǎn)品名、品牌（2）輸入會員卡號。自動(dòng)顯示會員姓名、會籍類別、產(chǎn)品折扣（3）輸入購貨數(shù)量和價(jià)格。自動(dòng)顯示實(shí)際金額和獲得積分（4）輸入會員卡號（5）如果沒有購貨記錄則提示，如果有則顯示購貨記錄2、護(hù)理登記（1）輸入會員卡號，如果不是會員則提示，如果是會員但沒充值也提示。否則顯示會員信息。（2）在新護(hù)理中輸入各種信息，計(jì)算實(shí)付金額。（3）輸入數(shù)據(jù)到數(shù)據(jù)中去?產(chǎn)品管理模塊1、產(chǎn)品入庫（1）輸入產(chǎn)品入庫的各種信息（2）輸入到數(shù)據(jù)庫中（3）顯示以前入庫的信息2、產(chǎn)品出庫（1）輸入產(chǎn)品出庫的各種信息（2）輸入到數(shù)據(jù)庫中（3）顯示以前出庫的信息?查詢管理模塊1、客戶檔案查詢（1）輸入會員卡號（2）顯示會員檔案信息和會員狀況2、客戶購物查詢（1）輸入會員姓名或會員卡號（2）顯示此客戶以往的購物記錄3、客戶護(hù)理查詢（1）輸入會員姓名或會員卡號（2）顯示此客戶以往的護(hù)理記錄4、客戶消費(fèi)查詢（1）輸入會員姓名或會員卡號（2）顯示會員的基本信息、護(hù)理記錄和購物記錄5、客戶積分查詢（1）輸入會員卡號（2）顯示會員總積分6、充值記錄查詢（1）輸入會員姓名或卡號（2）顯示此客戶以往的充值記錄和余額7、分店庫存查詢（1）進(jìn)入分店庫存頁，系統(tǒng)就會自動(dòng)根據(jù)操作員所屬的分店顯示該分店的庫存8、公司庫存查詢（1）系統(tǒng)會檢驗(yàn)操作員的權(quán)限。如果權(quán)限不足則提示。否則進(jìn)入公司庫存頁，顯示公司庫存9、分店消費(fèi)統(tǒng)計(jì)（1）系統(tǒng)檢驗(yàn)操作員的權(quán)限。如果權(quán)限不足則提示，否則顯示分店消費(fèi)每日統(tǒng)計(jì)（2）選擇月份，如果沒有該月統(tǒng)計(jì)則提示，否則顯示該月統(tǒng)計(jì)10、公司消費(fèi)統(tǒng)計(jì)（1）系統(tǒng)檢驗(yàn)操作員的權(quán)限。如果權(quán)限不足則提示，否則顯示公司消費(fèi)每日統(tǒng)計(jì)（2）選擇月份，如果沒有該月統(tǒng)計(jì)則提示，否則顯示該月統(tǒng)計(jì)系統(tǒng)管理1、修改口令（1）輸入用戶名、舊密碼、新密碼和密碼確認(rèn)，如果錯(cuò)誤則提示（2）如果正確并兩次新密碼一致則更新數(shù)據(jù)庫2、用戶管理（1）驗(yàn)證用戶權(quán)限，如果權(quán)限不足則提示，否則進(jìn)入該頁（2）填入新用戶名、真實(shí)姓名和密碼。（3）選擇用戶權(quán)限，用戶權(quán)限一定不要比現(xiàn)在的操作員小。（4）分店標(biāo)記只能讓總店管理員選擇。別的管理員添加的用戶只能是本店的操作員3、各種類別設(shè)置（1）驗(yàn)證用戶權(quán)限，只能總店管理員才能操作該部分。（2）選擇相應(yīng)的表，可以查詢表內(nèi)內(nèi)容。（3）選定表后，輸入相應(yīng)的新類別。（4）系統(tǒng)驗(yàn)證新類別是否存在，如果存在則提示，如果不存在則插入數(shù)據(jù)庫（5）點(diǎn)擊刪除按鈕可以刪除相應(yīng)的條目4、會籍類別設(shè)置（1）驗(yàn)證用戶權(quán)限，只能總店管理員才能操作該部分（2）點(diǎn)擊查詢可以查詢已有的會籍類別（3）填入各種信息，系統(tǒng)驗(yàn)證新類別是否存在。如果存在則提示，如果不存在則插入數(shù)據(jù)庫（4）點(diǎn)擊刪除按鈕可以刪除相應(yīng)的條目5、最低庫存設(shè)置（1）驗(yàn)證用戶權(quán)限，只能總店管理員才能操作該部分（2）選擇品牌，輸入最低庫存。（3）確定后系統(tǒng)更新相應(yīng)的最低庫存6、護(hù)理類型設(shè)置（1）驗(yàn)證用戶權(quán)限，只能總店管理員才能操作該部分（2）選擇任意一個(gè)大類，輸入護(hù)理名，插入到數(shù)據(jù)庫中（3）選擇相應(yīng)大類，輸入護(hù)理名和門市價(jià)既可以添加（4）選擇相應(yīng)小類后即可以進(jìn)行修改（5）選擇大類或小類后點(diǎn)刪除即可刪除7、新登錄（1）點(diǎn)擊重新登錄即返回登錄頁面8、退出系統(tǒng)（1）點(diǎn)擊退出系統(tǒng)即可退出美容美發(fā)系統(tǒng)第四章系統(tǒng)實(shí)現(xiàn)在經(jīng)過一系列的分析和設(shè)計(jì)之后，終于可以用代碼的形式來實(shí)現(xiàn)這個(gè)系統(tǒng)。本章重點(diǎn)介紹一些關(guān)鍵技術(shù)難點(diǎn)的實(shí)現(xiàn)及相關(guān)代碼。4.1界面設(shè)計(jì)4.1.1表格和網(wǎng)頁框架的靈活運(yùn)用在浩如煙海的Internet世界里，豐富多彩的頁面提供給人們信息的同時(shí)，往往還給人以美的享受。本系統(tǒng)是美容美發(fā)系統(tǒng)，所針對的是愛美的女性，為了讓系統(tǒng)更加生動(dòng)形象而又要簡單大方，更有利于信息交流，在設(shè)計(jì)網(wǎng)頁時(shí)要用到一些重要的HTML技術(shù)，比如表格，框架等。（一）表格表格是網(wǎng)頁中的重要元素，使用表格可以把網(wǎng)頁內(nèi)容排列整齊，是美觀和專業(yè)的網(wǎng)頁上不可缺少的。在沒有表格的時(shí)候，人們?yōu)榱税丫W(wǎng)頁上的內(nèi)容排列整齊，不得不使用大量的空格左右補(bǔ)充。結(jié)果一旦排列好的文字發(fā)生變化，所有的排列不得不重新排列。而使用表格后，不但這種情況不會發(fā)生，而且包括圖形在內(nèi)也都可以排列的美觀大方，對于那些具有動(dòng)態(tài)查詢功能的頁面，使用表格列出查詢的結(jié)果，看起來十分清晰。表格由行和列組成.表格中的子對象是表格單元，對表格的布局和背景的設(shè)置會影響到表格單元，在缺省的情況下，表格單元的屬性從屬于表格，如果對某個(gè)單元設(shè)定屬性，則可以擺脫表格對其單元的束縛。利用這種特點(diǎn)，可以很方便的用表格進(jìn)行布局，達(dá)到令人滿意的效果。美容美發(fā)系統(tǒng)中，幾乎每一個(gè)頁面都用到了表格，下面舉例說明，每個(gè)頁面的標(biāo)題頁面用表格實(shí)現(xiàn)了圖文混排的功能。在該頁面中，需要顯示一些圖像。還要顯示一些文字，用表格能將這些內(nèi)容排列的非常美觀，具體實(shí)現(xiàn)如下：<tablestyle="HEIGHT:352px"cellSpacing=〃0〃cellPadding=〃0〃width=〃100%〃border=〃0〃><tr><tdalign=〃center〃><br><br><tableclass=〃titlehead〃cellSpacing=〃0〃cellPadding=〃0〃width=〃200〃border=〃0〃><tr><tdalign=〃center〃> 用戶登錄</td></tr></table><tableclass=〃alltable〃height=〃80〃cellSpacing=〃0〃cellPadding=〃0〃width=〃200〃border=〃0〃><tr><tdstyle="WIDTH:49px"> 用戶名:</td><td> <asp:textboxid=〃TextBox1〃runat=〃server〃BorderStyle=〃Groove〃Width=〃100px〃></asp:textbox></td></tr><tr><tdstyle="WIDTH:49px"> 密碼:</td><td> <asp:textboxid=〃TextBox2〃runat=〃server〃BorderStyle=〃Groove〃Width=〃100px〃TextMode=〃Password〃></asp:textbox></td></tr></table></td></tr></table>（二）網(wǎng)頁框架首先，讓我們來看看使用框架設(shè)計(jì)的網(wǎng)站具有哪些好處。它的優(yōu)越性體現(xiàn)在整個(gè)網(wǎng)頁設(shè)計(jì)的整體性的保持及更新上。這也是為什么有相當(dāng)多網(wǎng)站設(shè)計(jì)者都傾向于使用框架技術(shù)來進(jìn)行網(wǎng)站的設(shè)計(jì)。尤其對于那些大型網(wǎng)站而言，框架結(jié)構(gòu)的使用可以使網(wǎng)站的維護(hù)變的相對容易。同時(shí)使用了框架的網(wǎng)頁布局上更加合理，界面更加清晰什么是框架型網(wǎng)頁？如果一個(gè)網(wǎng)頁的左邊導(dǎo)航菜單是固定的，而頁面中間的信息可以上下移動(dòng)，這一般就可以認(rèn)為是一個(gè)框架型網(wǎng)頁。此外，一些框架型站點(diǎn)的模板在其頁面上方放置了公司的^OGO或圖片。不過這一塊也是位置固定的。而頁面的其它部分則可以上下左右移動(dòng)。有的框架型站點(diǎn)模板還會在其固定區(qū)域中放入鏈接或?qū)Ш桨粹o。本美容美發(fā)系統(tǒng)就是采用這樣的方案。另外，在框架型網(wǎng)頁中，深層頁面的域名通常不會在URL中體現(xiàn)出來（這就意味著在瀏覽器的URL一欄中，不會顯示你當(dāng)前所看的深層頁面，而是主頁的URL）。這種問題在一般結(jié)構(gòu)的網(wǎng)站中是不存在的index.aspx的窗體代碼比較簡單：<HTML><HEAD><TITLE>美容美發(fā)管理系統(tǒng)</TITLE><metaname=〃GENERATOR〃Content="MicrosoftVisualStudio.NET7.1〃><metaname=〃CODE_LANGUAGE〃Content=〃C#〃><metaname=〃vs_defaultClientScript〃content=〃JavaScript〃><metaname=〃vs_targetSchema〃content=〃/intellisense/ie5〃></HEAD><framesetrows=〃141,78%〃border=〃0〃frameSpacing=〃0〃frameBorder=〃0〃><framename=〃banner〃scrolling=〃no〃noresizetarget=〃contents〃src=〃top.aspx〃id=〃top〃><framesetcols=〃197,84%〃><framename=〃left〃width=〃150〃height=〃565〃target=〃main〃src=〃huiyuanleftF.aspx〃id=〃left〃><framename—mainid=mainsrc=main.aspx></frameset></frameset></HTML>4.1.2CSS技術(shù)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用層疊式樣式表單(CascadingStyleSheet,CSS)是一種為超文本標(biāo)記語言(HTML)提供增強(qiáng)補(bǔ)充服務(wù)的技術(shù)，可對每一個(gè)HTML的標(biāo)記(tag)做精雕細(xì)刻的修飾。只用HTML制作的網(wǎng)頁，對頁面內(nèi)各部分的修飾能力有限且語句繁瑣，CSS正是彌補(bǔ)這一缺陷的有力技術(shù)，它的語句和文法簡單，只要在源碼中插入STYLE語句就可輕易實(shí)現(xiàn)頁面內(nèi)任意文本顏色、背景、邊框、行距、字距的添刪和修改功能，使網(wǎng)頁更加生動(dòng)活潑，從而獲得滿意的效果。CSS可以分為三種類型。第一種稱為外部網(wǎng)頁樣式表，這是一個(gè)以css為結(jié)尾的文件，里面含有各種CLASS或是ID的格式設(shè)定，最主要的用途是設(shè)定級聯(lián)網(wǎng)頁格式。利用這種外部網(wǎng)頁樣式表最大的好處在于修改網(wǎng)頁格式的時(shí)候，只需將.css文件打開加以修改，那么所有使用這種css的網(wǎng)頁格式都會自動(dòng)更新。第二種稱為內(nèi)嵌網(wǎng)頁樣式表，這是包含在網(wǎng)頁內(nèi)部的格式設(shè)置，所以只能用來設(shè)定一個(gè)網(wǎng)頁的格式。當(dāng)在一個(gè)頁面內(nèi)使用內(nèi)嵌網(wǎng)頁樣式表時(shí)，原來的外部網(wǎng)頁樣式表將會實(shí)效。第三種稱為片段式網(wǎng)頁樣式表，這是包含在一段文字、一個(gè)圖形、一個(gè)表格戶中的樣式表，主要用來設(shè)定單一組件的格式。CSS在HTML中以STYLE標(biāo)記出現(xiàn)，其格式為:一對代表CSS技術(shù)的STYLE標(biāo)記內(nèi)放在被修飾的HTML標(biāo)記里，標(biāo)記的屬性放于緊隨其后的大括號內(nèi)，每個(gè)屬性值用“:”，多個(gè)屬性值之間用“；”隔開，例如：<style>p{font-size:20;background:red;color:blue}</style>將如上代碼插入任一HTML文檔后，刷新顯示，整個(gè)文檔中被標(biāo)記p的文字將以紅底藍(lán)字、字體大小為20個(gè)象素的形式出現(xiàn)，如果其中某段文字需另加修飾，可以單獨(dú)的形式出現(xiàn)，例如<pstyle=〃font-size:30;font—weight:bolder;background:white;color:blue〃></p>，則此段文字白底藍(lán)字，30個(gè)像素，且字體加粗。在本美容美發(fā)系統(tǒng)中，CSS技術(shù)發(fā)揮了重大的作用。比如在整個(gè)系統(tǒng)中所顯示的正文的字體、大小、顏色等要求都一致。如果每頁都去設(shè)置，需要做大量的重復(fù)的工作，應(yīng)用CSS技術(shù)能夠很容易的解決這個(gè)問題，具體的實(shí)現(xiàn)方法是在樣式表css.css文件中增加如下代碼：.text{FONT-SIZE:9ptCOLOR:#000000;FONT-FAMILY:宋體；TEXT-DECORATION:none}然后在每個(gè)頁面的頭部加上<LINKhref=〃css.css〃type=〃text/css〃rel=〃stylesheet〃意味著引用css.css樣式單，所有的正文在字體方面就能滿足要求。通常情況下，樣式是依附于元素上面的，對于一些簡單的需求來說，這樣己經(jīng)能夠滿足要求了。但是，這種表現(xiàn)形式還不能涵蓋某些效果，所次SS引入了偽類和偽元素的概念，延伸7CSS的表現(xiàn)形式。在本美容美發(fā)系統(tǒng)中，應(yīng)用到了偽類來定義超鏈接，平時(shí)瀏覽Veb頁面時(shí)，鼠標(biāo)懸停感覺給人是千篇一律的，而用偽類定義超鏈接能收到意想不到的效果，下面介紹一下這種用法A:hover{font-size:9pt;COLOR:#428eff;TEXT-DECORATION:underline;position:relative;bottom:-5px;right:-5px;}加上上面的樣式后，網(wǎng)頁中的鼠標(biāo)懸停有了與眾不同的感覺。當(dāng)然，這些樣式可以根據(jù)不同情況進(jìn)行不同的設(shè)置，關(guān)鍵是要使頁面美觀大方。4.2安全性設(shè)計(jì)這里的安全性主要是指應(yīng)用層次的安全性，主要通過用戶權(quán)限、角色分配來實(shí)現(xiàn)。對于客戶端應(yīng)用程序來說，通常需要提供一個(gè)登錄窗體或登錄頁面來完成用戶身份的認(rèn)證。但是網(wǎng)絡(luò)是不安全的。用戶可以繞過登錄頁面通過任何頁面的網(wǎng)址進(jìn)入系統(tǒng)，所以必須強(qiáng)制客戶進(jìn)行登錄驗(yàn)證，所以在系統(tǒng)任何頁面都要進(jìn)行設(shè)置。只能讓通過驗(yàn)證的用戶才能調(diào)用該頁。另外登錄過的用戶也不能調(diào)用全部的頁面。因?yàn)槔锩孢€涉及用戶權(quán)限大小的問題。系統(tǒng)安全性設(shè)計(jì)的思路是：在登錄時(shí)設(shè)置各種權(quán)限標(biāo)記。然后在每張頁面進(jìn)入時(shí)進(jìn)行權(quán)限驗(yàn)證，只有登錄過的用戶并有相應(yīng)的權(quán)限才能調(diào)用該頁面。下面是登錄頁面設(shè)置權(quán)限的代碼：Session[〃quanX〃]=dt.Rows[0][〃quanX〃].ToString();//權(quán)限SESSIONSession["yeM"]="admin”;〃頁面SESSION，判斷是否登錄上面的代碼是當(dāng)用戶登錄時(shí)把用戶的信息，如權(quán)限從數(shù)據(jù)庫里面取出來放入各個(gè)Session里，Session將會一直保存在系統(tǒng)內(nèi)存里直到用戶關(guān)閉網(wǎng)頁退出系統(tǒng)。當(dāng)用戶調(diào)用系統(tǒng)頁面時(shí)系統(tǒng)將檢驗(yàn)內(nèi)存里是否有用戶登錄的Session，如果沒有則提示沒有登錄，然后轉(zhuǎn)到登錄頁面上去。另外在調(diào)用一張頁面時(shí)系統(tǒng)還要檢驗(yàn)用戶的權(quán)限，單單只有登錄過的用戶。但是沒有相應(yīng)的權(quán)限也不能登錄，因?yàn)橄到y(tǒng)的管理員還有權(quán)限大小之分。下面是頁面判斷用戶權(quán)限的代碼：if(Session[〃yeM〃]==null){Response.Write("<script>alert('非法操作！請先登陸')</script>〃)；Server.Transfer(〃dengluF.aspx〃)；}if(Session[〃quanX〃].ToString()!=〃總店管理員〃){Response.Write("<script>alert('你沒有此權(quán)限')</script>〃)；Server.Transfer(〃main.aspx〃)；}4.3技術(shù)難點(diǎn)的實(shí)現(xiàn)軟件開發(fā)長期以來被認(rèn)為是一項(xiàng)富有創(chuàng)造性的活動(dòng)。一個(gè)軟件開發(fā)機(jī)構(gòu)在接到一個(gè)新的項(xiàng)目之后，通常遵循需求、獲取、分析、設(shè)計(jì)、實(shí)現(xiàn)、集成和測試的步驟，進(jìn)行項(xiàng)目的開發(fā)。傳統(tǒng)的開發(fā)方法并不強(qiáng)調(diào)軟件復(fù)用，這樣就必然導(dǎo)致大量的重復(fù)勞動(dòng)，給軟件企業(yè)造成巨大的人力、物力和財(cái)力的浪費(fèi)。對比一些成熟的工程領(lǐng)域，復(fù)用是這些領(lǐng)域的一個(gè)基本特征，例如土木工程、化學(xué)工程、計(jì)算機(jī)硬件工程等。通過大量復(fù)用經(jīng)過實(shí)踐檢驗(yàn)的系統(tǒng)體系結(jié)構(gòu)和標(biāo)準(zhǔn)化的構(gòu)件，使得對于一般的設(shè)計(jì)問題都可以直接利用現(xiàn)成的解決方法，避免了系統(tǒng)開發(fā)時(shí)“不斷重復(fù)地發(fā)明車輪”，從而大幅度降低開發(fā)成本、提高生產(chǎn)效率和產(chǎn)品質(zhì)量。系統(tǒng)化的復(fù)用將為軟件企業(yè)在競爭日益激烈的市場上贏得有利的地位，因此，對軟件復(fù)用的研究和實(shí)踐越來越引起學(xué)術(shù)界和產(chǎn)業(yè)界的高度重視并通過軟件生產(chǎn)平臺自身的機(jī)制來實(shí)現(xiàn)對軟件生命周期的管理，傳統(tǒng)學(xué)科和計(jì)算機(jī)技術(shù)的進(jìn)一步的融合是目前國內(nèi)外項(xiàng)目的一個(gè)大的發(fā)展趨勢。本美容美發(fā)系統(tǒng)遵循著軟件復(fù)用和分工的原則，在編程實(shí)踐中把系統(tǒng)類分為三個(gè)模塊，即界面類，邏輯類，數(shù)據(jù)存儲類。通過類的分工，理清了各類之間的關(guān)系。當(dāng)一個(gè)軟件小組接到一個(gè)項(xiàng)目時(shí)，就可以按照這種方法對項(xiàng)目進(jìn)行分工，各模塊的可以相互不加干預(yù)，各自進(jìn)行自己模塊的程序開發(fā)。到最后時(shí)進(jìn)行整合即可。就像搭積木一樣把項(xiàng)目給搭出來。而其中所建立的基礎(chǔ)類又可以被復(fù)用。以后的項(xiàng)目都可以直接調(diào)用該類。4.3.1系統(tǒng)類圖的設(shè)計(jì)在面向?qū)ο蟮慕＜夹g(shù)中，我們將客觀世界的實(shí)體映射為對象，并歸納成一個(gè)類。類Class)、對象(Object)和它們之間的關(guān)聯(lián)是面向?qū)ο蠹夹g(shù)中最基本的元素。對于一個(gè)想要描述的系統(tǒng)，其類模型和對象模型揭示了系統(tǒng)的結(jié)構(gòu)。在系統(tǒng)中，把整個(gè)系統(tǒng)業(yè)務(wù)邏輯處理分成了三層：界面類-Form

類包，邏輯類一dataDone類包，數(shù)據(jù)存儲基礎(chǔ)類一dataAccess類包。它們之間的關(guān)系如下圖:界面夷_Fcirm類包?■rm界面夷_Fcirm類包?■rm-ld、匹邏輯夾一-■>dataDone類包數(shù)據(jù)存儲基礎(chǔ)類—dataAccess類包圖十：美容美發(fā)系統(tǒng)類包關(guān)系圖在Form類包中，包括了所有的用戶界面類和dataDone接口函數(shù)或dataAccess的接口（但是為了代碼清晰，最好通過dataDone類包間接對數(shù)據(jù)庫進(jìn)行操作）。在dataDone類包中，包含了事務(wù)的邏輯類、與dataAccess的接口。DataAccess類包中是數(shù)據(jù)操作類，它可以根據(jù)dataDone類中傳入的各種參數(shù)，智能調(diào)用重載函數(shù)，自動(dòng)生成SQL語句并鏈接數(shù)據(jù)庫進(jìn)行操作。DataAccess類包也是最重要的類，因?yàn)镈ataAccess類一旦建成以后。以后就可以對他進(jìn)行重復(fù)使用。所以它質(zhì)量的好壞直接影響著以后項(xiàng)目對該類的調(diào)用。下面（圖十一）以登錄過程為例，給出三層類之間操作Form類包的設(shè)計(jì)Form類包中包含了所有的用戶界面類，一方面，界面接受瀏覽器端客戶的請求，并把請求交給相應(yīng)的dataDone類包中的事務(wù)對象進(jìn)行事務(wù)處理。另一方面，界面類接受事務(wù)對象的處理結(jié)果，把處理結(jié)果返回給瀏覽器。下面是Form類調(diào)用dataDone類的具體代碼，以登錄頁面為例：首先必須在要調(diào)用dataDone類頁面進(jìn)行聲明，將dataDone實(shí)例化。dataDonemyClass=newdataDone();然后就是在代碼中調(diào)用dataDone類中相應(yīng)的函數(shù)。DataTabledt=newDataTable();dt=myClass.searchYongHu2(TextBox1.Text,TextBox2.Text);if(dt.Rows.Count==0){Response.Write("<script>alert('沒有這個(gè)用戶')</script〉〃)；}dataDone類的設(shè)計(jì)在用戶操作的整個(gè)過程，有一些信息要重復(fù)的使用，永久的保存。因而需要建立相應(yīng)的對象類來保存這些信息，這里所設(shè)計(jì)的這些函數(shù)組成了dataDone類包。下面還是以登錄頁面中所調(diào)用的dataDone類函數(shù)為例：///<summary>///根據(jù)用戶名和密碼查找用戶///<paramname="yongHM">^戶名</param>///<paramname="miM">密碼</param>///<returns>返回表格DataTable</returns>///</summary>publicDataTablesearchYongHu2(stringyongHM,stringmiM){DataTabledt=newDataTable();string[]ziduan=newstring[1];ziduan[0]=〃*〃；string[]ziduan2=newstring[2];string[]canshu2=newstring[2];ziduan2[0]="yongHM";canshu2[0]=yongHM;ziduan2[1]="miM";canshu2[1]=miM;dt=myClass.ReadT