（3）new.ascx：中间右部分，也用到datalist控件来完成绑定。它显示的是所有图书，并对图书进行分页显示，每一页分配了6个图书信息。用户可以点击购买，和查看信息。但是当点击购买时，会提醒用户进行登录。具体方式后面几段会详细介绍。它还能图书关键字进行搜索浏览。
（4）Bottom.ascx：最底部是用表格，对网站的联系方式、版权、还有使用版本进行说明。
4.2.2首页模块设计与实现
该书店商城的前台是供用户使用的，用户打开网站首先跳转的页面就是整个网站的首页，该网站首页界面设计的友好美观、操作灵活方便。具体的首页设计效果如下图4.1所示。
图4.1 网上书店在线订购系统首页模块图
网上书店在线订购系统商城首页（Default.aspx）用到的是用户自定义控件。主要导入的是Top.ascx，left.ascx， new.ascx 及Bottom.ascx四大主要框架。首页主要代码如下所示：
①自定义控件导入代码
<%@ Register Src=\<%@ Register Src=\<%@ Register Src=\<%@ Register Src=\②样式表导入代码
（1）会员注册/登录页面设计与实现（register.aspx），是为了满足用户的所有需求所设计的。用户可以点击首页的注册按钮，用户可以在这里进行一些注册所需的基本资
16
料的填写，直到注册成功。然后就可以进行登录，登录模块上会提示登录成功或者登录失败。本系统中用户的登录是通过用户输入的用户名及密码，实现主要是通过对数据库表users的fname、password字段，如果用户名和密码都输入正确，就能登录。具体如下图4.2图所示。
图4.2 网上书店在线订购系统注册/登录设计页面
该注册页面顶端用的是Top.ascx框架，下部分红字用到的span.style2风格。页面用到了很多Textbox文本框来满足用户账号、密码、联系方式等一系列基本信息的要求填写。在用户名设计时，用到一个requirefiledvalidator验证方式，用户不能使用注册过的会员名。密码及邮箱地址也同样用到了这个方式。确认密码中还用到了comparevalidator控件进行数据对比，如果它的输入与密码不一致，就不能注册。当所有信息正确无误时，就可以点击注册按钮，就会弹出一个对话框，提示注册成功。同时也将数据存入到users表单用insert操作来实现用户注册。也可以重置资料。该注册成功是通过触发Button1_Click按钮的事件的insert语句来实现的，该设计实现插入语句的主要代码如下：
①sql插入语句，将各个用户信息值存储到数据库的主要代码：
string sqlstr = \Regtime) values(\+ ID2 + \\
（2）用户修改信息页面的设计（user_edit.aspx），给用户提供了方便。当用户本人信息变更时，就会用到下图4.3所示的资料修改页面。
图4.3会员信息修改设计页面
17
此会员信息修改页面类似于用户注册页面。会员登陆后，点击会员信息修改链接就会出现此页面。此资料中用户名只能注册一次，不能更改，其他信息用户可以随意修改。通过触发按钮的Click事件来实现资料的修改，经过update语句来进行实现，此页面主要代码如下：
①更新表单users，调用用户更新数据update_user()函数的主要代码：
string strSql = \age + \+ ID2 + \+ phone + \+ fax + \+ email + \4.2.3图书展示模块设计与实现
此页面框架是把新书上架和商品的各个类别显示在这里面。可方便的供用户看到最新的图书动态及详细的图书类别。具体的设计方式如下对它们的框架设计与说明。
（1）新书上架页面设计（whatsnew.aspx），它就是对商品的先后上架顺序进行排序。实现页面如图4.4所示。
图4.4新书上架显示设计页面
新书上市页面这块模板与首页基本相同，它调用了用户自定义控件。不同的是它是将从prodoct表中将数据绑定到datalist控件中。绑定书本的图书名、市场价及会员价，它们都用到来绑定数据表的字段。显示页面的大小（PageSize = 6，每页6条记录）。还可以进行设置跳转链接的页面。还能获得所有书籍的总页数。
（2）图书类别页面的设计（productlist.aspx），对图书类别的分类有利于用户方便快速的找到自己所喜欢的书；用户只想好了自己所购书的类别，点击商品标题，例如：艺术，文学等标题，就能方便、快速的找到新书。这样就会出现如下图4.5所示页面。
18
图4.5商品类别显示设计页面
图书类别页面它用到usercontrol控件中的Bottom.ascx和Top.ascx。它用来一datalist控件把数据从product表中进行绑定,然后在源页面通过<%# Eval(\、<%# Eval(\、<%# Eval(\进行数据传递（注：id、stylenno、nprice、wprice为数据库表的字段名）。最后在源代码页面通过DataList1.DataBind()来进行绑定数据库里面的数据。在绑定之前还要设计导入的类别地址。具体源代码如下：
①设定导入的起始地址重要代码： int StartIndex = CurrentPage * PageSize; ②进行数据绑定的重要代码：
string sql = \ SqlDataAdapter sda = new SqlDataAdapter(sql, con); sda.Fill(ds, StartIndex, PageSize, \重载
this.DataList1.DataSource = ds.Tables[\ this.DataList1.DataBind(); 4.2.4购物推车模块设计与实现
当用户在网站中看中自己所喜欢的书本时，购物推车模块就会起到良好的作用。购物车就像一个篮子一样，能够让用户选择多种书本，然后一起付款。具体购物车设计与实现如下。
（1）购买数量页面（productinfo.aspx），它是在商品上点击购买按钮时跳转出来的，它用于你想购书的数量，你可以任意填写数量，但是所填写的数量必须是整数。具体框架如图4.6所示。
19
图4.6商品加入购物车设计页面
该页面使用lable标签， bottom按钮，它还用到用户自定义控件里面的Top.ascx框架来获取product里的标题。购买物品用RequiredFieldValidator数据验证控件，此控件用来提示购买的数量只能为整数。当用户输入数量完成后，再点击加入购物车按扭，就会触发Button1_Click()函数，此函数就会把页面转入到mycart.aspx（我的购物车）页面。主要实现代码如下：
①从product表中读出产品标题主要代码：
string strSql = \ SqlCommand sqlcomm = new SqlCommand(strSql, conn); SqlDataReader sdr = sqlcomm.ExecuteReader(); sdr.Read();
Session[\
styleno1 = Session[\②使用Button1_Click()函数，主要代码：
protected void Button1_Click(object sender, EventArgs e) {
Session[\ Server.Transfer(\ }
（2）上步操作，点击加入购物车后，就会弹出如图4.7所示的购物页面（MyCart.aspx）。用户可以购物多本书发到购物车里面，它方便用户多次选择图书。此页面还能更改购书的数量，删除订单，计算购物的总价格，以及清空购物车等功能。它的具体页面设计如下图4.7所示。
20