網(wǎng)站設(shè)計目的

1、青青草鮮花銷售網(wǎng)設(shè)計報告1 建設(shè)網(wǎng)站的目的及功能定位青青草鮮花銷售網(wǎng)設(shè)計之初主要是為用戶帶來便捷服務(wù)，主要針對中低端消費人群。當(dāng)今時代，人們忙于工作，各種應(yīng)酬，去花店選花的時間則相對嚴重不足。而鮮花又是各種場合必不可少的，所以青青草鮮花銷售網(wǎng)設(shè)計滿足這類人群需要，你只需打開網(wǎng)頁，看到自己所喜歡的鮮花，點擊鼠標，我們就將鮮花給您送來或是送到指定的人手中，這無疑是節(jié)約了您的時間和精力。再者，青青草鮮花銷售網(wǎng)上所售鮮花先對便宜，滿足了廣大學(xué)生朋友的需求。不需要花大手筆，就可以買到滿意的鮮花，制造浪漫的氣氛，帶來無盡的驚喜。青青草鮮花銷售網(wǎng)前臺為普通用戶提供了預(yù)訂和查詢等功能，在后臺為網(wǎng)站花店管理員提

2、供了對網(wǎng)站系統(tǒng)平臺的管理功能。在前臺為用戶提供的功能包括自己的個人信息管理（包括個人用戶賬號、賬號密碼、電話和通訊地址等等）、用戶訂單管理、購物車管理、和系統(tǒng)鮮花查找等功能；在后臺為網(wǎng)站管理員提供了包括前臺用戶管理、鮮花信息管理（添加鮮花信息）、前臺用戶訂單管理、信息查找功能和退出功能。青青草鮮花銷售網(wǎng)站設(shè)計簡潔，但功能包括齊全，用戶操作簡單，方便快捷。2 網(wǎng)站的技術(shù)解決方案本次設(shè)計主要使用了ASP作為開發(fā)工具，使用SQL完成數(shù)據(jù)庫設(shè)計，用C#完成代碼編寫。下面將對開發(fā)工具做簡要的說明。4.1.ASP簡介ASP是Active Server Pages的縮寫，是Microsoft公司開發(fā)的Web

3、服務(wù)器端腳本開發(fā)環(huán)境，利用它可以生成動態(tài)、高效的Web應(yīng)用程序。雖然人們習(xí)慣于將ASP稱為ASP語言，但從嚴格意義上講，ASP只是為VB Script和JavaScript等腳本語言提供了一個運行環(huán)境，使開發(fā)人員可以在HTML代碼中使用腳本語言編寫程序。一個ASP文件相當(dāng)于一個可執(zhí)行文件，因此必須放在Web服務(wù)器上有可執(zhí)行權(quán)限的目錄下。當(dāng)瀏覽器向Web服務(wù)器請求調(diào)用ASP文件時，就啟動了ASP。Web服務(wù)器開始調(diào)用ASP。將被請求的文件從頭讀到尾，執(zhí)行每一個命令，然后動態(tài)生成一個HTML頁面并送到瀏覽器。由于ASP在服務(wù)器端解釋執(zhí)行，開發(fā)者可以不必考慮瀏覽器是否支持ASP，也不用擔(dān)心程序會被從

4、客戶端下載。4.2.SQL sever 簡介數(shù)據(jù)庫設(shè)計采用SQL Server 完成。SQL即結(jié)構(gòu)化查詢語言，是一種數(shù)據(jù)庫查詢和程序設(shè)計語言，用于存取數(shù)據(jù)以及查詢、更新和管理關(guān)系數(shù)據(jù)庫系統(tǒng)。SQL是高級的非過程化的編程語言，允許用戶在高層數(shù)據(jù)結(jié)構(gòu)上工作。它不要求用戶指定數(shù)據(jù)的存放方法，也不需要用戶了解具體的數(shù)據(jù)存放方式，所以具有完全不同底層結(jié)構(gòu)的不同數(shù)據(jù)庫，可以使用相同的SQL語言作為數(shù)據(jù)輸入與管理的接口。SQL語言結(jié)構(gòu)簡潔，功能強大，簡單易學(xué)，自從IBM公司1981年推出以來，SQL語言得到廣泛的應(yīng)用。Web數(shù)據(jù)庫通常只在互聯(lián)網(wǎng)中以Web查詢接口方式訪問的數(shù)據(jù)庫資源，其結(jié)構(gòu)是后臺數(shù)據(jù)庫管理系

5、統(tǒng)存儲數(shù)據(jù)信息，對外提供包含表單的Web頁面作為訪問接口，查詢結(jié)構(gòu)也可以包含數(shù)據(jù)列表的Web頁面形式返回給用戶。Web數(shù)據(jù)庫集成的主要目的是為用戶提供多個Web數(shù)據(jù)庫資源的統(tǒng)一訪問方式?，F(xiàn)有的Web數(shù)據(jù)庫集成方式可以分為：數(shù)據(jù)供應(yīng)模式、數(shù)據(jù)收集模式和元搜索模式。在此方面，SQL都能很好的發(fā)揮其功能，完成Web數(shù)據(jù)庫的需要。鑒于SQL的語言體系，以及相關(guān)功能，SQL理當(dāng)成為Web數(shù)據(jù)庫設(shè)計實施的首選。4.3.c#簡介青青草鮮花銷售網(wǎng)站開發(fā)語言采用面向?qū)ο蟮慕Y(jié)構(gòu)化程序語言C#。C#(C Sharp)是微軟(Microsoft)為.NET Framework量身訂做的程序語言，C#擁有C/C+的強大

6、功能以及Visual Basic簡易使用的特性，是第一個組件導(dǎo)向(Component-oriented)的程序語言，和C+與Java一樣亦為對象導(dǎo)向(object-oriented)程序語言。同時，C#的面向?qū)ο蠹夹g(shù)已經(jīng)成熟，且效率比較高，是唯一為.NET framework設(shè)計的語言，是在移植到其他操作系統(tǒng)上的.NET版本中使用的主要語言。而且C#采用一種更清晰的新語法來描述面向?qū)ο蟮亩鄳B(tài)性，完全兼容.NET平臺的其他編程語言，可以用來開發(fā).NET平臺的所有應(yīng)用程序類型。C#一經(jīng)推出，就以其強大的操作能力、一流的面向?qū)ο缶幊讨С?、?yōu)雅的語言風(fēng)格、高效的程序性能、與.NET Framework

7、 的無縫集成等特性，伸手廣大程序員的追寵，尤其是Web應(yīng)用和ASP.NET技術(shù)的普及化，使其成為Internet應(yīng)用開發(fā)的首選編程語言。3 網(wǎng)站內(nèi)容規(guī)劃 青青草鮮花銷售網(wǎng)站首先展現(xiàn)給用戶的ST_Default.aspx頁面，此頁面主要由兩個框架構(gòu)成。核心部分是ST_Main.aspx頁面，通過該頁面調(diào)用驗證系統(tǒng)對用戶類型進行判斷。如果判斷是管理員，則展現(xiàn)給用戶的為管理員頁面（admin為管理員賬號）；如果是一般用戶，則為一般用戶界面。同時在ST_Main.aspx頁面中海為用戶提供了注冊功能。ST_FlowerManage 鮮花管理ST_ManageOrder 訂單管理 ST_ ManageU

8、ser 用戶管理ST_ Search 查找管理ST_MainST_Default.aspx 首頁ST_RegisterST_AddTocartST_ShowUserOrdersST_AddToTempStore 注冊 用戶訂單 購物車 收藏青青草鮮花銷售網(wǎng)站操作流程青青草鮮花銷售網(wǎng)站采用兩層架構(gòu)，每個頁面均可以通過Web展示層直接對數(shù)據(jù)庫進行訪問，不使用中間業(yè)務(wù)邏輯以及與數(shù)據(jù)庫連接的接口。數(shù)據(jù)庫是本系統(tǒng)的最底層，數(shù)據(jù)訪問層建立在數(shù)據(jù)庫之上，Web展示層通過數(shù)據(jù)訪問層訪問數(shù)據(jù)庫。數(shù)據(jù)訪問成封裝了數(shù)據(jù)庫中的選擇、添加、更新、刪除操作，同時還Web展示層提供了訪問數(shù)據(jù)庫的接口還函數(shù)。Web展示層數(shù)據(jù)

9、庫訪問模塊數(shù)據(jù)庫兩層結(jié)構(gòu)模式Web層是系統(tǒng)的最高層，向用戶展示各種頁面，用戶通過頁面對系統(tǒng)進行操作，并實現(xiàn)用戶各種操作信息的添加、修改和刪除。與數(shù)據(jù)庫直接關(guān)聯(lián)，其數(shù)據(jù)訪問模塊封裝了對數(shù)據(jù)庫的所有操作，包括數(shù)據(jù)的添加、修改、刪除和查詢。數(shù)據(jù)庫用來存儲青青草鮮花銷售網(wǎng)站所有數(shù)據(jù)，如各種鮮花信息、用戶信息、訂單信息等，是系統(tǒng)必不可少的一個重要部分。管理員界面系統(tǒng)功能模塊圖管理員登陸系統(tǒng)管理訂單查找用戶管理鮮花管理刪除鮮花刪除用戶修改用戶查看用戶查找鮮花查看訂單添加鮮花鮮花種類查看鮮花一般用戶管理一般用戶登陸提交修改數(shù)量收藏購物車管理查找訂單管理刪除收藏信息查看收藏信息清空購物車查看連鎖店查看訂單信息

10、一般用戶界面系統(tǒng)功能模塊圖4 系統(tǒng)特點和各功能模塊功能簡解（用戶界面、管理員界面及公共模塊）6.1公共模塊的編寫主頁面： 6.1.1登錄系統(tǒng)整個登錄系統(tǒng)的關(guān)鍵在于ST_Left.aspx頁面，此頁面用到了兩個panel控件，在第一個panel控件中包含了一個3行2列的表。表中用了2個文本框，一個用于輸入用戶名，另一個用于輸入密碼；還用了一個按鈕和一個超鏈接。超鏈接用來鏈接注冊頁面（ST_Register.aspx）。ST_Left.aspx頁面中還有2個gridview控件，分別用于顯示鮮花類型和鮮花排行（前10），本頁面獲得信息通過ST_Left.aspx.cs調(diào)用的系統(tǒng)模塊進行驗證。登陸界

11、面界面設(shè)計有顯示讓用戶登錄信息的panel和沒有登錄時不顯示，只有登錄后顯示其訪問次數(shù)和最近訪問時間的panel。最后還包括兩個hyperlink超鏈接，允許用戶修改個人信息。6.1.2注銷登錄注銷用戶登錄是由ST_Logout.aspx和ST_Logout.aspx.cs來實現(xiàn)的，由于界面沒有任何元素，所以這里列出部分代碼及解釋。主要代碼:namespace ST_GROUP.FlowerPrearrangepublic partial class ST_Logout : System.Web.UI.Pageprotected void Page_Load(object sender, Sy

12、stem.EventArgs e)Session"UserName" = null;Session"UserID" = null;Response.Redirect("ST_Main.aspx");#region Web Form Designer generated codeoverride protected void OnInit(EventArgs e)/ CODEGEN: This call is required by the ASP.NET Web Form Designer./InitializeComponent()

13、;base.OnInit(e);/ <summary>/ Required method for Designer support - do not modify/ the contents of this method with the code editor./ </summary>private void InitializeComponent() #endregion因為用戶登錄時將其信息保存在了session中，所以在注銷時，需要按代碼第46行的寫法將用戶注銷，注銷后將返回到ST_Main.aspx。 6.1.3注冊 注冊是用戶通過登陸框旁邊的“注冊”來進入S

14、T_Register.aspx頁面，即注冊頁面進行注冊。注冊界面6.2 管理員界面 管理員界面： 6.2.1用戶管理在管理員頁面中單擊“用戶管理”超鏈接即可進入用戶管理頁面ST_ManageUser.aspx。用戶管理界面這里用到的gridview控件用來向用戶展示已有的信息，同時提供刪除用戶信息的操作。從頁面顯示的效果可以看出，gridview的第一列顯示了多個復(fù)選框。在模板中其實只有2個checkbox，一個表示全選；一個是普通選擇，這個普通的放在模板中，會自動隨數(shù)據(jù)的行數(shù)創(chuàng)建等量的復(fù)選框。用戶信息后臺頁面ST_ManageUser.aspx.cs主要實現(xiàn)了查看和刪除用戶的功能，通過bin

15、d（）方法來實現(xiàn)從數(shù)據(jù)庫中獲取用戶數(shù)量和用戶信息填充gridview控件，單擊gridview控件中的刪除按鈕時，將刪除所要刪除的信息。正如以上提到，gridview控件使用的是復(fù)選框，刪除用戶時可以選擇多條記錄。6.2.2鮮花管理在管理員界面中點擊“鮮花管理”直接進入ST_FlowerManage.aspx。此頁面用了一個gridview控件，3個超鏈接以及一個Literal控件。Gridview控件用來向用戶展示已經(jīng)有的鮮花信息，同時提供刪除鮮花的操作；3個超鏈接分別用來添加鮮花、添加鮮花種類和退出；Literal控件用來顯示操作成功與否。鮮花管理界面其中查看和刪除鮮花的功能是通過后臺頁面

16、ST_FlowerManage.aspx來實現(xiàn)的，并且提供了添加鮮花、添加鮮花種類和退出的入口。Page_Load在頁面加載時運行，其中初始化一些ViewState，并通過ST_GridBind()方法將數(shù)據(jù)顯示出來。Page_Load的代碼：protected void Page_Load(object sender, System.EventArgs e)if (!(this.IsPostBack)tryViewState"Sort"=""ViewState"Page"="0"ST_GridBind();cat

17、ch (Exception er)ST_ShowErrMsg(er.Message);ErrorMsg.Visible =false;而ST_GridBind()方法顯示數(shù)據(jù)實際上是調(diào)用了ST_MyFlower類的Get_Flower()方法從數(shù)據(jù)庫中讀取數(shù)據(jù)，并綁定到控件上的?！疤砑吁r花”可以進入到ST_AddFlower.aspx添加鮮花頁面：添加鮮花界面鮮花有多種類型，在ST_AddFlower.aspx頁面中可以看到有個“鮮花類型”下拉列表框供管理員選擇鮮花類型，在初始化時先進行“鮮花類型”下拉列表框的初始化。6.2.3訂單管理在管理員界面中單擊“訂單”超鏈接，即可進入管理員界面ST_

18、ManageOrder.aspx：訂單管理界面這個頁面使用了一個gridview控件和一個標簽。Gridview控件用來向管理員展示用戶的訂單信息，同時提供處理訂單的操作。事件處理是通過ST_ManageOrder.aspx.cs后臺實現(xiàn)，實現(xiàn)方法也是通過調(diào)用ST_Bind()方法從數(shù)據(jù)庫獲取數(shù)據(jù)填充gridview控件。ST_Bind()方法代碼：private void ST_Bind()tryDataSet ST_ds = ST_GROUP.FlowerPrearrange.ST_Order.ST_GetDetails(int.Parse(Request"orderId&quo

19、t;.ToString();ST_ds.Tables0.DefaultView.Sort = ViewState"Sort".ToString();this.GridView1.DataSource = ST_ds.Tables0.DefaultView;this.GridView1.DataBind();catch(Exception ex)ST_ShowMsg(ex.Message,1); 6.2.4查找和退出信息查找頁面（ST_Search.aspx）可以通過“查找”超鏈接進入:查找界面此頁面用了一個文本框，一個下拉列表框和兩個按鈕。文本框用來輸入鮮花名稱，下拉列表框

20、用來顯示鮮花類型，按鈕用來提交和重填。找到鮮花后的界面如下圖：查找到的鮮花管理員或者用戶希望用其他身份登陸時則可以點擊右上角的“退出”進入主頁重新登錄。 6.3一般用戶界面一般用戶界面： 6.3.1購物車在一般用戶主界面中單擊“購物車”超鏈接，即可進入ST_AddToCart.aspx頁面：購物車此頁面用了一個gridview控件（展示購物車中的信息），兩個按鈕（分別用來清空購物車和提交信息）以及一個顯示提示的Literal控件。以下是加載購物車信息的代碼：private void ST_BindGrid()DataTable ST_myDt;DataRow ST_myDr;string ST

21、_str=""/HttpCookie cookie;ST_myDt=new DataTable();ST_myDt.Columns.Add(new DataColumn("ST_id",ST_str.GetType();ST_myDt.Columns.Add(new DataColumn("ST_Name",ST_str.GetType();ST_myDt.Columns.Add(new DataColumn("ST_Price",ST_str.GetType();ST_myDt.Columns.Add(new D

22、ataColumn("ST_Number",ST_str.GetType();ST_myDt.Columns.Add(new DataColumn("ST_Discount",ST_str.GetType();ST_myDt.Columns.Add(new DataColumn("ST_Totle",ST_str.GetType();if(!Object.Equals(Request.Cookies"ShopFlowerCart",null) HttpCookie cookie=Request.Cookies&qu

23、ot;ShopFlowerCart"for(int i=0;i<cookie.Values.Count;i+) int ST_id;DataRow ST_tempDr;double ST_totle;ST_myDr=ST_myDt.NewRow();if(cookie.Values.AllKeysi!="")&&(cookie.Valuesi!="")ST_id=int.Parse(cookie.Values.AllKeysi);ST_tempDr=ST_myFlower.ST_GetFlowerDetail(ST_id)

24、;ST_myDr0=ST_id;ST_myDr1=ST_tempDr"ST_Name"ST_myDr2=ST_tempDr"ST_Price".ToString();ST_myDr3=cookie.Valuesi;ST_myDr4=ST_tempDr"ST_Discount".ToString();ST_totle=double.Parse(ST_myDr2.ToString()*double.Parse(ST_myDr3.ToString();ST_totle*=double.Parse(ST_myDr4.ToString();ST

25、_myDr5=ST_totle.ToString() ;ST_myDt.Rows.Add(ST_myDr);dg_Cart.DataSource=ST_myDt.DefaultView;dg_Cart.DataBind();首先動態(tài)創(chuàng)建一個表格，然后設(shè)置表格中各行各列的類型，然后判斷購物車是否為空，如果不為空，則將緩存的購物車內(nèi)容添加到動態(tài)生成的表格中，然后進行數(shù)據(jù)綁定。 6.3.2收藏通過主頁面的“收藏”超鏈接進入到收藏頁面（ST_AddToTempStore.aspx）：收藏的鮮花此頁使用了一個gridview控件（向用戶展示收藏的鮮花信息）和一個標簽（向用戶提供提示信息）。 6.3.3我

26、的訂單通過用戶主界面中單擊“我的訂單”超鏈接即可進入ST_ShowUserOrders.aspx頁面：您的訂單此頁面用了一個gridview控件（展示個人訂單的基本信息）和兩個標簽（提示用戶）。在用戶查看訂單時，可以根據(jù)訂單號導(dǎo)航到那張訂單。實現(xiàn)個人訂單查看的代碼：protected void Page_Load(object sender, System.EventArgs e)if(!Page.IsPostBack)if(Object.Equals(Session"UserName",null)Response.Redirect("ST_Error.aspx&

27、quot;);elseViewState"Sort" = ""tryST_Bind();catch(Exception ex)ST_ShowMsg(ex.Message,1);初始化頁面的事件只是判斷當(dāng)前用戶是否登陸，ST_Bind()綁定gridview的數(shù)據(jù)。 6.3.4查找及退出查找及退出功能在管理員模塊和用戶模塊的功能是完全一樣的，這里就不多說了。7網(wǎng)頁設(shè)用戶管理計網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息（包括產(chǎn)品和服務(wù)）的一種方式，是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺，離開網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。所以網(wǎng)頁設(shè)計在網(wǎng)站建設(shè)中是

28、相當(dāng)重要的。頁面是網(wǎng)站用戶與網(wǎng)站接觸的直接媒體，一個好的，漂亮的界面更有利于吸引用戶眼球，引起用戶注意力，制造一個好的口碑，從而招來更多的用戶。Web站點的設(shè)計是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此我們必須明確設(shè)計站點的目的和用戶需求，從而做出切實可行的設(shè)計計劃。我們會根據(jù)消費者的需求、市場的狀況、企業(yè)自身的情況等進行綜合分析，以“消費者（customer)”為中心，而不是以“美術(shù)”為中心進行設(shè)計規(guī)劃。Web站點應(yīng)針對所服務(wù)對象（機構(gòu)或人）的不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以

29、下載聲音和錄像片段。好的Web站點把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。為了做到主題鮮明突出，要點明確，網(wǎng)站設(shè)計應(yīng)按照用戶的需求，以簡單明確的語言和畫面體現(xiàn)站點的主題；調(diào)動一切手段充分表現(xiàn)網(wǎng)站點的個性和情趣，辦出網(wǎng)站的特點。青青草鮮花銷售網(wǎng)站，頁面風(fēng)格簡潔明了，沒有做過多的渲染，但給人以一種清新超凡的感覺。各種色彩搭配清新，主題明了，虛實結(jié)合，結(jié)構(gòu)清晰并且便于使用，以及清晰的導(dǎo)航設(shè)計，都將成為用戶的焦點，必將贏得用的一致好評。8設(shè)計實現(xiàn)過程1. 成員分工：明建波負責(zé)數(shù)據(jù)表建立、數(shù)據(jù)庫連接、主界面模塊設(shè)計，我負責(zé)用戶界面模塊、管理員界面模塊及公共模塊設(shè)計。2. 通過需求分析確定系統(tǒng)應(yīng)具備的功能，鮮花管理，用戶信息管理，評論管理等。3數(shù)據(jù)表建立、數(shù)據(jù)庫連接。4. 通過上述準備對網(wǎng)站進行系統(tǒng)進行總體設(shè)計和詳細設(shè)計。5. 使用面向?qū)ο蟪绦蛟O(shè)計方法和C#語言編寫程序，實現(xiàn)系統(tǒng)。6. 使用白盒測試法和黑盒測試法等測試方法對系統(tǒng)進行測試，找出并改正程序中的語法錯誤以及系統(tǒng)功能上的缺陷。7. 后期宣傳及推廣。9網(wǎng)站維護與測試首先用白盒測試法對程序及