《網上商城詳細設計說明書.doc》由會員分享，可在線閱讀，更多相關《網上商城詳細設計說明書.doc（18頁珍藏版）》請在裝配圖網上搜索。

網上商城設計詳細說明書 姓名： lclboss 班級：微機1024 學號：1000005442 網上商城設計詳細說明書 1 1.引言 3 1.1編寫目的 3 1.2 前期工作 3 1.3編寫背景 3 2.技術概述 4 2.1 目標 4 2.2 硬件支持 4 2.3 軟件支持 4 3.功能需求 4 3.1 功能塊劃分 4 4.具體設計 5 4.1首頁設計 5 4.2商品詳細信息頁面設計 8 4.3 實現(xiàn)商品搜索功能 10 4.4商城后臺管理登錄設計 11 4.5商城后臺商城管理頁面設計 11 4.6 建立刪除商品信息頁面 15 5.總結 16 1.引言 1.1編寫目的 通過學習ASP.NET，以及結合教師給的源代碼，進一步修改，從而實現(xiàn)網上商城系統(tǒng) 1.2 前期工作 在編寫該需求前，首先是對各大網上銷售網站進行了調查，其中包括：網頁排版、顧客消費流程、以及管理員的操作，這三大塊進行了調查。并總結出了有自己特色的設計思路。 1.3編寫背景 隨著Internet國際互聯(lián)網的發(fā)展，越來越多的企業(yè)開始建造自己的網站?；贗nternet的信息服務，商務服務已經成為現(xiàn)代企業(yè)一項不可缺少的內容。很多企業(yè)都已不滿足于建立一個簡單的僅僅能夠發(fā)布信息的靜態(tài)網站?，F(xiàn)代企業(yè)需要的是一個功能強大的，能提供完善的電子商務服務的動態(tài)商務網站。 本網上商城系統(tǒng)就是根據(jù)電子商務和互聯(lián)網的發(fā)展，針對網上顧客所開發(fā)的網絡購物系統(tǒng)，本商城系統(tǒng)主要有： 1）用戶瀏覽、注冊、登錄與購買商品； 2）商品的入庫資料登記； 3）商城訪問者的在線留言、查看留言，管理員的在線管理留言等； 4）商城最新的新聞顯示，歷史新聞的分頁顯示，新聞詳細情況的顯示，后臺管理員添加、刪除、修改新聞等。 本數(shù)據(jù)采用access作為數(shù)據(jù)庫，亦可以使用SQL作為數(shù)據(jù)庫，項目的重點是商品的添加、刪除、顯示與修改，需要克服的難點是商品圖片的上傳和刪除。 2.技術概述 2.1 目標 我們使用C#以及數(shù)據(jù)庫技術構建網站，爭取將本網站做成一個界面友好、用戶購物方便、管理員管理方便的購物系統(tǒng)。 2.2 硬件支持 Cpu: 弄個四核最好 比如老一代core Q8400 2.3 軟件支持 操作系統(tǒng)：Windows xp/vista/seven均可，C#開發(fā)環(huán)境。 3.功能需求 3.1 功能塊劃分 1）用戶瀏覽、注冊、登錄與購買商品； 2）商品的入庫資料登記； 3）商城訪問者的在線留言、查看留言，管理員的在線管理留言等； 4）商城最新的新聞顯示，歷史新聞的分頁顯示，新聞詳細情況的顯示，后臺管理員添加、刪除、修改新聞等。 網上購物系統(tǒng) 在線購物 添加留言 顯示留言 管理留言 購物車管理 商品管理 分類展示 生成訂單 商城留言 4.具體設計 4.1首頁設計 新建web窗體default.aspx，其代碼為： <%@ Page Title="" Language="C#" MasterPageFile="~/shop.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

熱點促銷 更多>>> " target="_blank"> <%#Eval("title")%> <%#Eval("AddTime","{0:d}") %>

最新產品

"> " class="style23" style="border-style: none" />
  />
  /> 接著，切換到程序文件.cs編輯欄里，寫入代碼： using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { string strSQL = "select top 7 * from news order by id desc"; Repeater1.DataSource =DbManager.ExecuteQuery(strSQL); Repeater1.DataBind(); } } 4.2商品詳細信息頁面設計 新建show.aspx，配置好各項值以后，載入代碼： <%@ Page Title="" Language="C#" MasterPageFile="~/shop.master" AutoEventWireup="true" CodeFile="show.aspx.cs" Inherits="show" %>

售價：

購買數(shù)量：1 接著建立.cs程序文件，編輯寫入以下代碼： using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data; public partial class show : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { string sql = "select * from product where bh=" + Request.QueryString["id"]; DataTable dt= DbManager.ExecuteQuery(sql); Image1.ImageUrl ="images/"+dt.Rows[0]["pic"].ToString(); txtTitle.Text = dt.Rows[0]["productName"].ToString(); txtContents.Text = dt.Rows[0]["contents"].ToString(); txtPrice.Text = dt.Rows[0]["price"].ToString(); } protected void ImageButton1_Click(object sender, ImageClickEventArgs e) { Response.Redirect("buy.aspx?id=" + Request.QueryString["id"] + "&num=" + Convert.ToInt32(num.Text)); } } 4.3 實現(xiàn)商品搜索功能 新建search.aspx，配置相關參數(shù)，載入以下代碼： <%@ Page Language="C#" MasterPageFile="~/shop.master" AutoEventWireup="true" CodeFile="search.aspx.cs" Inherits="search" Title="Untitled Page" %> 查詢結果

---

<%#Eval("bh") %>

" target="_blank"><%#Eval("productName")%>

然后編輯.cs文件 using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; public partial class search : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { string strSQL = "select * from product where productName like %" + Server.UrlDecode(Request.QueryString["txtSearchName"]) + "%"; DataTable dt = DbManager.ExecuteQuery(strSQL); Repeater1.DataSource = dt; Repeater1.DataBind(); } } 4.4商城后臺管理登錄設計 新建一個login.aspx，添加所需要的元件，在.cs程序文件中編寫ImageButton的事件代碼： using System; public partial class login : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { Session["pass"] = 0; } protected void Button1_Click(object sender, EventArgs e) { if (TextBox3.Text != Request.Cookies["CheckCode"].Value.ToString()) Response.Write(""); else { string strSQL = "select * from users where userName=" + TextBox1.Text + " and pwd=" + TextBox2.Text + ""; if (DbManager.ExecuteQuery(strSQL).Rows.Count > 0) { Session["pass"] = 1; Response.Redirect("manageProduct.aspx"); } else Response.Write(""); } } } 4.5商城后臺商城管理頁面設計 新建.aspx文件，添加好所需控件元件以后，載入源代碼： <%@ Control Language="C#" AutoEventWireup="true" CodeFile="fenyePro.ascx.cs" Inherits="fenyepro" %> 然后編輯.cs程序文件，其代碼為： using System; public partial class fenyepro : System.Web.UI.UserControl { protected void Page_Load(object sender, EventArgs e) { int iPageSize = 9; //每頁幾條 string strTableName = "product"; //要顯示的數(shù)據(jù)表 string strKey = "bh"; //說明數(shù)據(jù)表的關鍵字段 string strOrder = "desc"; //按關鍵字段升序asc,降序desc排列 string strFields = "*"; //要顯示的字段，用"*"表示或用英文逗號分隔開如"產品名稱,單價,單位數(shù)量" int iCurPage; int iMaxPage = 1; string sql = ""; string sqlstr = "select count(*) from " + strTableName; if (Request.QueryString["page"] != "") iCurPage = Convert.ToInt32(Request.QueryString["page"]); else iCurPage = 1; int intTotalRec = Convert.ToInt32(DbManager.ExecuteScalar(sqlstr));//求總記錄數(shù) if (intTotalRec % iPageSize == 0) iMaxPage = intTotalRec / iPageSize;//求總頁數(shù) else iMaxPage = intTotalRec / iPageSize + 1; if (iMaxPage == 0) iMaxPage = 1; if (iCurPage < 1) iCurPage = 1; else if (iCurPage > iMaxPage) iCurPage = iMaxPage; if (intTotalRec != 0) { if (iCurPage == 1) sql = "select top " + iPageSize + " " + strFields + " from " + strTableName + " order by " + strKey + " " + strOrder; else sql = "select top " + iPageSize + " " + strFields + " from " + strTableName + " where " + strKey + " not in(select top " + (iCurPage - 1) * iPageSize + " " + strKey + " from " + strTableName + " order by " + strKey + " " + strOrder + " ) order by " + strKey + " " + strOrder; } DataList1.DataSource = DbManager.ExecuteQuery(sql);//顯示控件名稱要根據(jù)實際使用控件名修改 DataList1.DataBind(); lblTotal.Text = "共有" + intTotalRec.ToString() + "條記錄 當前是第" + iCurPage.ToString() + "/" + iMaxPage.ToString() + "頁 "; if (iCurPage != 1) { hlFirst.NavigateUrl = Request.FilePath + "?page=1"; hlPre.NavigateUrl = Request.FilePath + "?page=" + (iCurPage - 1); } if (iCurPage != iMaxPage) { hlNext.NavigateUrl = Request.FilePath + "?page=" + (iCurPage + 1); hlLast.NavigateUrl = Request.FilePath + "?page=" + iMaxPage; } if (intTotalRec <= iPageSize) Panel1.Visible = false; else Panel1.Visible = true; } protected void Button1_Click(object sender, EventArgs e) { int iCurPage = 1; if (txtGoPage.Text != "") iCurPage = Convert.ToInt32(txtGoPage.Text); Response.Redirect(Request.FilePath + "?page=" + iCurPage); } } 然后建立商品顯示窗體頁，新建manageProduct.aspx，拖fenyePro.aspx到其中，添加一個“增加新商品”link，鏈接指向insertPro.aspx。 接著，為manageProduct.aspx.cs添加程序代碼： using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class manageProduct : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (Convert.ToInt32(Session["pass"]) != 1) { Response.Write(""); Response.Write(""); Response.End(); } } protected void Button1_Click(object sender, EventArgs e) { Session.Clear(); Response.Redirect("default.aspx"); } 4.6 建立刪除商品信息頁面\ 在manageProduct.aspx中建立一個刪除鏈接。指向delpro.aspx，并為程序文件添加代碼： using System; using System.Data; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.IO;//刪除圖片文件時要用到這個命名空間 public partial class delpro : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (Convert.ToInt32(Session["pass"]) != 1) Response.Redirect("login.aspx"); //按編號查找到要刪除的圖片文件名稱 string strSQL1 = "select pic from product where bh =" + Request.QueryString["id"]; DataTable dt = DbManager.ExecuteQuery(strSQL1); string strurl = dt.Rows[0]["pic"].ToString(); File.Delete(Server.MapPath("images/" + strurl));//將圖片從服務器上刪除 string strSQL = "delete * from product where bh=" + Request.QueryString["id"]; if (DbManager.ExecuteNonQuery(strSQL) > 0) { Response.Write(""); Response.Write(""); } } } 5.總結 至此，大部分系統(tǒng)已經做完，后面補全即可初步完成商城系統(tǒng)