基于asp技术的糖果公司网站设计与开发

基于asp技术的糖果公司网站设计与开发内容摘要：

修改密码页面分为两个模块，一是 在管理员表中 增加新的管理员用户； 二 是修改管理员 表中 用户的密码。 基于 ASP 技术的糖果 公司网站 设计与开发 22 第 5 章 系统 实现 前台 实现 母版 页的设计制作 在工具栏中点击“网站”，选择“添加新项”，在弹出的对话框中选择“母版页”，点击确认。 (1) 制作母板页， 其中动态图片是通过 Photoshop 制作的， 如图 51 所示。 图 51 母版 页 (2) 在导航菜单 使用 ImageButton 代码实现，如图 52 所示。 基于 ASP 技术的糖果 公司网站 设计与开发 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 技术的糖果 公司网站 设计与开发 24 site=qqamp。 menu=yesimg border=0 src= 06:41 alt=点击这里给我发消息 title=点击这里给我 发消息 /a (5)设置 在线从左向右移动的代码如下： marquee direction=”right /marquee 公司简介 的设计制作 公司简介的页面设计很简单，使用 Label 控件，然后添加文字即可，如图 54所示。 图 54 公司简介 糖果介绍的设计制作 糖果介绍页面是向用户展示公司提供的糖果基本信息，包括图片，总体设计如图 55 所示。 基于 ASP 技术的糖果 公司网站 设计与开发 25 图 55 糖果介绍 页面 （ 1） 让数据库中的图片在 网页中显示出来的代码如下： 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 技术的糖果 公司网站 设计与开发 26 =。 Bind()。 火热订购的页面设计 火热订购页面首先告知顾客需要登录才可以进行订购，点击“登 录”将跳转到登录页面。 火热订购页面如图 57 所示。 图 57 火热订购 在登录页面，显示会员登录，如图 58 所示。 基于 ASP 技术的糖果 公司网站 设计与开发 27 图 58 登录页面 （ 1） 登录页面分为登录和注册两部分，若已有用户名和密码则直接登录到订购页面；若没有则需要先注册才能登录。 如果输入的用户名和密码错误，则出现错误提示，如图 59 所示。 图 59 错误提示 登录的代码如下： string sqlSel = select count(*) from huiyuanbiao where name = @username and pwd = @userpwd。 //创建 SQL 语句，该语句用来查询用户输入的用户名和密码是否正确 （ 2）若是顾客没有注册过，则可以点击“注册”跳转到注册页面，如图 510所示。 基于 ASP 技术的糖果 公司网站 设计与开发 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 控件，要求姓名不能为空、密码不能为空、地址不能为空、联系号码和邮编也不能为空 ，如图 511 所示。 基于 ASP 技术的糖果 公司网站 设计与开发 29 图 511 姓名不能为空 二是 RegularExpressionValidator 控件，要求密码不能少于 7 个字符，如图 512所示。 基于 ASP 技术的糖果 公司网站 设计与开发 30 图 512 密码不能少于 7 个字符 三是 ValidationSummary 控件控件，用 来验证错 误信息汇总 ，如图 513 所示。 图 513 错误信息汇总 （ 4） 验证码的实现， 验证码由数字和字母组成，代码如下： 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 技术的糖果 公司网站 设计与开发 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 技术的糖果 公司网站 设计与开发 32 = Session[name].ToString()。 } } 顾客建议的页面设计 顾客建议是任何用户都可以访问并且写下留言、提出建议的，如图 515 所示。 图 515 用户留言 （ 1） 留言添加成功则会有留言成功的提示信息，如图 516 所示。 基于 ASP 技术的糖果 公司网站 设计与开发 33 图 516 留言成功 （ 2） 点击“查看所有留言”将会跳转到留言页面，如图 517 所示。 图 517 查看 留言 管理页面的设计 网站的管理页面是只有管理员用户才可以登录的，如图 518 所示。 图 518 管理 员登录界面 如果用户名和密码正确则可以进入后台管理，如果错误则跳出错误提示，如基于 ASP 技术的糖果 公司网站 设计与开发 34 图 519 所示。 图 519 错误提示 后台实现 后台母版页面的设计 在解决方案资源管理器中点击“ admin”，选择“添加新项”，在弹出的对话框中选择“母版页”，点击确认如图 520 所示。 图 520 后台母板 基于 ASP 技术的糖果 公司网站 设计与开发 35 糖果上线的页面设计 糖果上线页面首先 向管理员 展示 TG 表中的糖果信息， 并且管理员还可以向TG 表中添加需要上传的糖果信息，界面如图 521 所示。 图 521 糖果上线 （ 1） 表中的信息是通关 绑定数据库显示出来的，代码如下： 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 技术的糖果 公司网站 设计与开发 36 = ds。 ()。 } （ 2） 添加图片需要先获取图片的名称，再设置图片在服务器端的路径，代码如下： string imgName =。 //获取上传文件的名称 string newPath = serverPath + \\ + imgName。 //设置图片在服务器端的新路径 (newPath)。 //保存 订购信息的页面设计 订购信息是向管理员显示订单表中的订单， 如图 522 所示。 图 522 订单表 订购信息不仅显示订单表中的内容，而且还可以通过姓名查找订单，如图523 所示。 图 523 按姓名查找 基于 ASP 技术的糖果 公司网站 设计与开发 37 （ 1） 如果查找的姓名是订单表中的姓名，则显示该用户的订单 以及订单数目 ，如图 524 所示。 图 524 订单 （ 2） 如果查 找的姓名不在订单表中，则 跳出“您输入的用户不存在”的窗口 ，如图 525 所示。 图 525 空白订单 回复留言的页面设计 回复留言的页面设计是先显示所有用户的留言，然后再回复留言，如图 526基于 ASP 技术的糖果 公司网站 设计与开发 38 所示。 图 526 留言表 （ 1） 点击“回复”，将跳转到回复页面，如图 527 所示。 图 527 回复页面 （ 2） 回复按钮的代码如下： string ST_sql = update LM set reply=39。 + + 39。 where leavename=39。 + + 39。 //将数据插入数据库 SqlCommand ST_myCmd = new SqlCommand(ST_sql, con)。 ()。 ()。 ()。 ((), , alert(39。 回复成功。 39。 )。 , true)。 基于 ASP 技术的糖果 公司网站 设计与开发 39 会员信息的页面设计 会员信息页面的设计，不仅显示会员信息， 同时可以进行修改操作， 管理员可以修改会员的会员名和密码，如图 528 所示。 图 528 会员信息 点击“编辑”则可以编辑会员的基本信息，如图 529 所示。 图 529 编辑会员信息 点击“更新”， 会员信息表中的信息就会改变，如图 530 所示。