【文章內容簡介】 修改密碼頁面分為兩個模塊，一是 在管理員表中 增加新的管理員用戶； 二 是修改管理員 表中 用戶的密碼。 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 22 第 5 章 系統(tǒng) 實現(xiàn) 前臺 實現(xiàn) 母版 頁的設計制作 在工具欄中點擊“網站”，選擇“添加新項”，在彈出的對話框中選擇“母版頁”，點擊確認。 (1) 制作母板頁， 其中動態(tài)圖片是通過 Photoshop 制作的， 如圖 51 所示。 圖 51 母版 頁 (2) 在導航菜單 使用 ImageButton 代碼實現(xiàn)，如圖 52 所示。 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 23 圖 52 導航菜單 ImageButton 代碼 如下： protected void ImageButton1_Click(object sender, ImageClickEventArgs e) { ()。 //雙擊 ImageButton 即可連接到 ； } (3) 日歷模塊處， 使用日歷控件 Calendar。在 VS2020 中，選擇“工具箱”— “標準”欄 — Calendar 控件，將 Calendar 控件拖至 日歷處，然后 右擊選擇“顯示智能標記” — 選擇“自動套用模版”，選擇模版后點擊“確定”，如圖 53 所示。 圖 53 日歷 (4) 在線是用來咨詢客服的，代碼如下： a target=_blank href = msgrd?v=3amp。uin=863694016 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 24 site=qqamp。menu=yesimg border=0 src= 06:41 alt=點擊這里給我發(fā)消息 title=點擊這里給我 發(fā)消息 /a (5)設置 在線從左向右移動的代碼如下： marquee direction=”right /marquee 公司簡介 的設計制作 公司簡介的頁面設計很簡單，使用 Label 控件，然后添加文字即可，如圖 54所示 。 圖 54 公司簡介 糖果介紹的設計制作 糖果介紹頁面是向用戶展示公司提供的糖果基本信息，包括圖片，總體設計如圖 55 所示 。 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 25 圖 55 糖果介紹 頁面 （ 1） 讓數(shù)據(jù)庫中的圖片在 網頁中顯示出來的代碼如下： asp:Image ID=Image1 runat=server ImageUrl = 39。%~/admin /upLo ad/+ Eval (Tpath) %39。 / //在表中添加圖片的路徑來顯示圖片 （ 2） 首頁、上一頁、下一頁以及尾頁的設計，如圖 56 所示 。 圖 56 首頁尾頁 首頁的代碼如下： = 1。//設置當前頁為 1 Bind()。 上一頁的代碼如下： = (() 1)。 Bind()。 下一頁的代碼如下： = (() + 1)。 Bind()。 尾頁的代碼如下 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 26 = 。 Bind()。 火熱訂購的頁面設計 火熱訂購頁面首先告知顧客需要登錄才可以進行訂購，點擊“登 錄”將跳轉到登錄頁面?；馃嵊嗁忢撁嫒鐖D 57 所示 。 圖 57 火熱訂購 在登錄頁面，顯示會員登錄，如圖 58 所示 。 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 27 圖 58 登錄頁面 （ 1） 登錄頁面分為登錄和注冊兩部分，若已有用戶名和密碼則直接登錄到訂購頁面；若沒有則需要先注冊才能登錄。 如果輸入的用戶名和密碼錯誤，則出現(xiàn)錯誤提示，如圖 59 所示 。 圖 59 錯誤提示 登錄的代碼如下： string sqlSel = select count(*) from huiyuanbiao where name = @username and pwd = @userpwd。 //創(chuàng)建 SQL 語句，該語句用來查詢用戶輸入的用戶名和密碼是否正確 （ 2）若是顧客沒有注冊過，則可以點擊“注冊”跳轉到注冊頁面，如圖 510所示 。 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 28 圖 510 注冊頁面 注冊成功的代碼如下： string ST_sql = insert into huiyuanbiao (name,pwd,address,tel,youbian) values (39。 + + 39。,39。 + + 39。,39。 + + 39。,39。 + + 39。,39。 + + 39。)。 （ 3） 在注冊頁面使用 三 個驗證控件：一是 RequiredFieldValidator 控件，要求姓名不能為空、密碼不能為空、地址不能為空、聯(lián)系號碼和郵編也不能為空 ，如圖 511 所示 。 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 29 圖 511 姓名不能為空 二是 RegularExpressionValidator 控件，要求密碼不能少于 7 個字符，如圖 512所示 。 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 30 圖 512 密碼不能少于 7 個字符 三是 ValidationSummary 控件控件，用 來驗證錯 誤信息匯總 ，如圖 513 所示 。 圖 513 錯誤信息匯總 （ 4） 驗證碼的實現(xiàn)， 驗證碼由數(shù)字和字母組成，代碼如下： protected string GenerateCheckCode(int number) { string checkCode = 。 stringVchar=0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t, u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z。 string[] VcArray = (39。,39。)。 Random rand = new Random()。 for (int i = 1。 i number + 1。 i++) 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 31 { int t = ()。 checkCode += VcArray[t]。 } (new HttpCookie(CheckCode, checkCode))。 return checkCode。 } 如果驗證碼輸入錯誤，則跳出錯誤提示，如圖 514 所示 。 圖 514 驗證碼錯誤 如果會員沒有登錄，則不能進入訂購頁面，代碼如下： protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) //是否是首次登錄 { Bind()。 } if (Session[name] == null) { (~/huiyuandenglu/)。//如果沒有進行登錄，將跳轉到登錄頁面 } else { 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 32 = Session[name].ToString()。 } } 顧客建議的頁面設計 顧客建議是任何用戶都可以訪問并且寫下留言、提出建議的，如圖 515 所示 。 圖 515 用戶留言 （ 1） 留言添加成功則會有留言成功的提示信息，如圖 516 所示 。 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 33 圖 516 留言成功 （ 2） 點擊“查看所有留言”將會跳轉到留言頁面，如圖 517 所示 。 圖 517 查看 留言 管理頁面的設計 網站的管理頁面是只有管理員用戶才可以登錄的，如圖 518 所示 。 圖 518 管理 員登錄界面 如果用戶名和密碼正確則可以進入后臺管理，如果錯誤則跳出錯誤提示，如基于 ASP 技術的糖果 公司網站 設計與開發(fā) 34 圖 519 所示 。 圖 519 錯誤提示 后臺實現(xiàn) 后臺母版頁面的設計 在解決方案資源管理器中點擊“ admin”，選擇“添加新項”，在彈出的對話框中選擇“母版頁”，點擊確認如圖 520 所示 。 圖 520 后臺母板 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 35 糖果上線的頁面設計 糖果上線頁面首先 向管理員 展示 TG 表中的糖果信息， 并且管理員還可以向TG 表中添加需要上傳的糖果信息，界面如圖 521 所示 。 圖 521 糖果上線 （ 1） 表中的信息是通關 綁定數(shù)據(jù)庫顯示出來的，代碼如下： protected void bind() { SqlConnection con=new SqlConnection (server=PC20200104VGQ B\\ SQLE XPRESS 。 database=tangguo 。 uid=sa 。 pwd=12345)。 ()。 string sql = select * from TG。 SqlDataAdapter sda = new SqlDataAdapter(sql, con)。 DataSet ds = new DataSet()。 (ds)。 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 36 = ds。 ()。 } （ 2） 添加圖片需要先獲取圖片的名稱，再設置圖片在服務器端的路徑，代碼如下： string imgName = 。//獲取上傳文件的名稱 string newPath = serverPath + \\ + imgName。//設置圖片在服務器端的新路徑 (newPath)。//保存 訂購信息的頁面設計 訂購信息是向管理員顯示訂單表中的訂單， 如圖 522 所示 。 圖 522 訂單表 訂購信息不僅顯示訂單表中的內容，而且還可以通過姓名查找訂單，如圖523 所示 。 圖 523 按姓名查找 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 37 （ 1） 如果查找的姓名是訂單表中的姓名，則顯示該用戶的訂單 以及訂單數(shù)目 ，如圖 524 所示 。 圖 524 訂單 （ 2） 如果查 找的姓名不在訂單表中，則 跳出“您輸入的用戶不存在”的窗口 ，如圖 525 所示 。 圖 525 空白訂單 回復留言的頁面設計 回復留言的頁面設計是先顯示所有用戶的留言，然后再回復留言，如圖 526基于 ASP 技術的糖果 公司網站 設計與開發(fā) 38 所示 。 圖 526 留言表 （ 1） 點擊“回復”，將跳轉到回復頁面，如圖 527 所示 。 圖 527 回復頁面 （ 2） 回復按鈕的代碼如下： string ST_sql = update LM set reply=39。 + + 39。 where leavename=39。 + + 39。//將數(shù)據(jù)插入數(shù)據(jù)庫 SqlCommand ST_myCmd = new SqlCommand(ST_sql, con)。 ()。 ()。 ()。 ((), , alert(39?；貜统晒?！ 39。)。, true)。 基于 ASP 技術的糖果 公司網站 設計與開發(fā) 39 會員信息的頁面設計 會員信息頁面的設計，不僅顯示會員信息， 同時可以進行修改操作， 管理員可以修改會員的會員名和密碼，如圖 528 所示 。 圖 528 會員信息 點擊“編輯”則可以編輯會員的基本信息，如圖 529 所示 。 圖 529 編輯會員信息 點擊“更新”， 會員信息表中的信息就會改變，如圖 530 所示