ASP.NET之电子商务系统开发-4(二级分类)

一、前言

继上次的订单,这是第四篇。记录一下分类和筛选。这功能是最后做的,因为我完全不懂其原理。后来通过同学的指导(一位很有天赋的同学,比我牛逼一个层次,同样是高三。:D),终于也是完成了。在写这篇博客之前还有点半懂不懂,经过些许时间的思考,终于全懂了,可以将其写下来。

二、开始

1.先看一下表设计

image这是一级类别表,因为是电子商务系统,所以就暂时7个类别。

然后二级类别:

imageGS_ID跟Sort_ID是一样的。

最后商品信息表里面需要这样:

image

两个ID分别对应Sort1和Sort2.

2.前台

前台的话,正是用了URL传值,不知道淘宝天猫用的是哪种传值。那么先来看一下自己做的效果:

(1):正常打开一个页面image

此时后台该是直接加载:

public void dataload()
        {
            SqlDataSource4.SelectCommand = "select * ,(CASE WHEN datalength(Goods_name) <= 12 THEN Goods_name ELSE SUBSTRING(Goods_name, 1, 12) + '...' END) AS Goods_name1  FROM GoodsInfo " + ((Request.QueryString["Ord"] != null) ? "order by " + Request.QueryString["Ord"].ToString() : "");     
        }

显示出来所有商品。

(2):点击一级类别中的任意一个,出现:image。当然底下商品也随之变动了,他的前台用了一个URL:

<a href="NewGoods.aspx?SID1=<%#Eval("Sort_ID")%>" class="sortboxtext"><%#Eval("Sort_name")%></a>

后台加载时加入条件:

public void dataloadgoods()
        {
            SqlDataSource4.SelectCommand = "select * ,(CASE WHEN datalength(Goods_name) <= 12 THEN Goods_name ELSE SUBSTRING(Goods_name, 1, 12) + '...' END) AS Goods_name1  FROM GoodsInfo  where GS_id ='" + Request.QueryString["SID1"] + "'" + ((Request.QueryString["Ord"] != null) ? "order by " + Request.QueryString["Ord"].ToString() : "");
        }

可以看到from GoodsInfo  where 后面的条件:GS_id = (此处就是前台传过来的URL了)。

(3)点击一级类别后,再点击二级类别,出现:image。底下商品随之变动。

前台:

<a href="NewGoods.aspx?SID1=<%#Eval("GS_ID")%>&SID2=<%#Eval("Sort2_ID")%>" class="sortboxtext2"><%#Eval("Sort_name")%></a>

后台:

public void dataloadgoods2()
        {
            SqlDataSource4.SelectCommand = "select * ,(CASE WHEN datalength(Goods_name) <= 12 THEN Goods_name ELSE SUBSTRING(Goods_name, 1, 12) + '...' END) AS Goods_name1  FROM GoodsInfo  where GS_id ='" + Request.QueryString["SID1"] + "' and GS2 = '" + Request.QueryString["SID2"] + "'" + ((Request.QueryString["Ord"] != null) ? "order by " + Request.QueryString["Ord"].ToString() : "");
        }
可以看到,在SID1的基础上,加了一个条件,用and连接,在后面写GS2 = (此处就是前台传过来的二级类别的URL)。 后面的获取Ord是一个判断。

(4)此页面中还有一个排序,也就是筛选,当你点击“价格”或是”最新发布”时,出现:image。可以看到在SID2后面有一个&,&后面还有一个条件

前台:

<a href="NewGoods.aspx?<%=((Request.QueryString["SID1"] !=null)?"SID1="+Request.QueryString["SID1"].ToString():"") %>&<%=((Request.QueryString["SID2"] !=null)?"SID2="+Request.QueryString["SID2"].ToString():"") %>&Ord=In_store_price" class="seqencingtext">价格</a>

用了三目运算符,如果不为空,就将SID1、SID2以及Ord传到后台,Ord是自己定义的一个URL名称。Ord=(此处的名称,应该跟你数据库中字段对应)

后台跟上面的二级类别一样,只不过上面前台没有Ord,后台的Ord就是空了。这个前台多了一个Ord,后台获取也就多了一个:

public void dataloadgoods2()
        {
            SqlDataSource4.SelectCommand = "select * ,(CASE WHEN datalength(Goods_name) <= 12 THEN Goods_name ELSE SUBSTRING(Goods_name, 1, 12) + '...' END) AS Goods_name1  FROM GoodsInfo  where GS_id ='" + Request.QueryString["SID1"] + "' and GS2 = '" + Request.QueryString["SID2"] + "'" + ((Request.QueryString["Ord"] != null) ? "order by " + Request.QueryString["Ord"].ToString() : "");
        }

可以看到,最后Ord不为空,那么就order by Ord了。

(5)最后一种情况:

image

这个只需要在前台的Radlistview中加入:

<telerik:RadListView ID="RadListView3" runat="server" AllowPaging="True" ItemPlaceholderID="item" PageSize="15" DataSourceID="SqlDataSource4">
                          <EmptyDataTemplate>
                                    <div class="tiptext">暂无此商品!</div>
                                </EmptyDataTemplate>

就可以了。

以上,就是二级分类的基本内容了,不知道天猫淘宝是怎么实现的。每个浏览器可传的URL长度不同,不过在这个项目里,还达不到2000多字符那种长度,不知道其他人是怎么弄的,希望懂的大神教教我。另外这URL的安全性也是问题,不知道怎么弄,也希望会的教一下。谢谢大家支持!

ps:记录到这,整个项目就基本差不多结束了,可能是最后一篇了。

posted @ 2014-12-11 11:22  JJDJJ  阅读(2337)  评论(15编辑  收藏  举报