转，关于购物车

上次,曾经说到一个URL管理的问题,比如我们很多页面为了性能考虑生成静态页面,我们经常

性刚开始的时候用动态页面+ajax的方式加载,页面静态化的时候,如果是新闻内容页,我们可以

把静态页面的URL地址保存在数据库中,但是,单个页面,比如,首页,会员空间的各个页面,就不

适合放在数据库中,这时候更适合写一个通用模块类似MVC中的"控制器"来控制页面的静态化

和URL重写,这就省去了一个一个很繁琐的过程.

打个比方,我们可以写一个通用模块调用:

这种方式类似asp.net 中MVC的控制器,

函数大致的代码思路:

配置文件属性:(URL重写部分,还没有实现)

我们可以在后台设置那些页面要生成HTML和URL重写规则的定制.......

不过貌似还有好多没实现,正在思考中............

 

 

进入主题:

这次,主要是购物车的实现,购物车的实现,我是在数据库建立了一个购物车的临时表,本来打算用Cookies做,不过,先用数据库做,比较稳妥,Cookies涉及安全性处理需要做很多处理.呃....这个以后可能会深入实现.

首先是,当用户点击

呃.....就ajax加入购物车,然后弹出层,显示

主要是ajax,先加入购物车(加入购物车之前,要检查购物车是否存在此商品,如果存在,本来应该

把购物车中商品的数量+1,我这里是直接提示用户已加入购物车,这是个小BUG),然后回调计

算购物车中的宝贝数量和总金额.

代码不太重要,这里就不粘贴了.

主要是思路要清晰一些.接下来就是购物车结算.

这个用了一个框架(改改颜色就上了,不过感觉加载了好多js,呃,....不过总比asp.net服务端控

件实现要好得多).

 

这个也就是增删改查设计,不过值得一提的就是,我们尽量把大量的前台js代码单独放在一个文

件中,这样客户端的缓存起来第二次访问起来就只需要更少的请求.

前台代码非常简洁:

关键性js文件:

不过注意的是,涉及到电子商务,客户端的数据都是不可靠的,所以我们的数据都是从数据库重

新读取.

后台c#处理代码:

接下来就是订单结算,

呃...订单很丑...没做处理.....

 

其实,这里面大部分信息都是以前做会员信息管理的数据加载,只需要调用会员管理的js,根本业务逻辑都不用写....

相对来说难写一点的就是提交订单的处理,

首先我们要提交订单,我的数据库,设计了订单表和订单商品表,订单号是根据日期生成的,订单号的生成就是类似流水号生成,

这个很重要,因为大多数情况下,订单是日期生成,而且要保证唯一性,以前曾经总看到(数据库的id不设计成自增,然后varchar类型,程序生成id号),

这种设计方式就是严重没考虑并发处理的情况,如果同时n个人订单号根本就不能保证唯一性...

到网上搜索流水号生成,就能看到如何解决这个问题,其实就是建一张表,写存储过程的方式计算id,要保证id的唯一性.

我的这个是从博客园一个高手的日志上切下来的..

获取订单号的存储过程

调用函数

这样,我们每次插入数据的时候,只要调用这个存储过程就能保证每次生成的订单号都不一样,

接下来就是订单处理了:

我们需要处理哪些呢?

首先是提交用户的收货信息,再次检验库存状态,然后插入订单信息表和订单产品表,并且将商品表的产品数量更新,并且给用户发送订单邮件(我copy的卓越网邮件的HTML布局,哈哈),

这里粘贴主要模块代码:

提交订单:

 

订单提交BLL:

发送邮件:

DAL中保存订单处理:

在这里,为了更节省性能,我用StringBuilder拼接字符串,也没有用参数化查询的方式.(注意这里采用事务处理)

然后就是支付平台的实现,其实支付平台说简单点是非常容易的,只需要按照支付的接口提供http请求参数,数字签名,等信息,交易成功然后按照请求读取参数检验数字签名是否正确.

这部分内容,我是准备集成多种支付平台设计,今天只展示支付宝部分.

在设计这部分,我们需要去查看支付宝接口模拟,一般申请支付宝都会提供一个接口测试程序,等等,

我们在做之前,为了考虑多种支付平台的配置,首先定义一些配置信息,

我是把支付宝接口配置成一个网站,然后,通过网关调用,进行模拟

   1:  using System;

   2:  using System.Data;

   3:  using System.Configuration;

   4:  using System.Linq;

   5:  using System.Web;

   6:  using System.Web.Security;

   7:  using System.Web.UI;

   8:  using System.Web.UI.HtmlControls;

   9:  using System.Web.UI.WebControls;

  10:  using System.Web.UI.WebControls.WebParts;

  11:  using System.Xml.Linq;

  12:   

  13:  /// <summary>

  14:  ///PayInfo 的摘要说明

  15:  /// </summary>

  16:  public class PayInfo

  17:  {

  18:      public PayInfo()

  19:      {

  20:          //

  21:          //TODO: 在此处添加构造函数逻辑

  22:          //

  23:      }

  24:      /// <summary>

  25:      /// 商户

  26:      /// </summary>

  27:      public string SaleManId { get; set; }

  28:      /// <summary>

  29:      /// 回调地址

  30:      /// </summary>

  31:      public string CallBackUrl { get; set; }

  32:      /// <summary>

  33:      /// 产品名称

  34:      /// </summary>

  35:      public string ProductName { get; set; }

  36:   

  37:      /// <summary>

  38:      /// 订单号

  39:      /// </summary>

  40:      public string OrderId { get; set; }

  41:      /// <summary>

  42:      /// 总金额

  43:      /// </summary>

  44:      public string TotalFre { get; set; }

  45:      /// <summary>

  46:      /// 卖家邮箱

  47:      /// </summary>

  48:      public string SaleEmail { get; set; }

  49:      /// <summary>

  50:      /// 数字签名

  51:      /// </summary>

  52:      public string Sign { get; set; }

  53:      /// <summary>

  54:      /// 备注信息

  55:      /// </summary>

  56:      public string Remark { get; set; }

  57:   

  58:  }

  59:  /// <summary>

  60:  /// 支付回调信息

  61:  /// </summary>

  62:  public class PayCallBackInfo

  63:  {

  64:      /// <summary>

  65:      /// 支付类型

  66:      /// </summary>

  67:      public Pay.PayType PayType { get; set; }

  68:      /// <summary>

  69:      /// 订单号

  70:      /// </summary>

  71:      public string OrderId { get; set; }

  72:      /// <summary>

  73:      /// 支付机构

  74:      /// </summary>

  75:      public string PayMode { get; set; }

  76:      /// <summary>

  77:      /// 支付金额

  78:      /// </summary>

  79:      public string PayFre { get; set; }

  80:      /// <summary>

  81:      /// 金额币种

  82:      /// </summary>

  83:      public string MoneyType { get; set; }

  84:      /// <summary>

  85:      /// 备注1

  86:      /// </summary>

  87:      public string Remark1 { get; set; }

  88:      /// <summary>

  89:      /// 备注2

  90:      /// </summary>

  91:      public string Remark2 { get; set; }

  92:      /// <summary>

  93:      /// 数字签名

  94:      /// </summary>

  95:      public string Sign { get; set; }

  96:      /// <summary>

  97:      /// 状态码

  98:      /// </summary>

  99:      public Pay.ReturnCode ReturnCode { get; set; }

 100:      /// <summary>

 101:      /// 回发的消息

 102:      /// </summary>

 103:      public string Msg { get; set; }

 104:  }

 105:  /// <summary>

 106:  /// 支付配置信息

 107:  /// </summary>

 108:  public class PayConfig

 109:  {

 110:      /// <summary>

 111:      /// 支付类型

 112:      /// </summary>

 113:      public Pay.PayType PayType { get; set; }

 114:      /// <summary>

 115:      /// 商户帐号

 116:      /// </summary>

 117:      public string v_mid { get; set; }

 118:      /// <summary>

 119:      /// 商户密码

 120:      /// </summary>

 121:      public string v_pwd { get; set; }

 122:      /// <summary>

 123:      /// 网关地址

 124:      /// </summary>

 125:      public string PayUrl { get; set; }

 126:  }

然后支付回调处理:

回调前台页面:

 

 

程序截图:

效果图就是这样子