C#基于Cookie实现简易购物车功能
本文介绍如何在 C# ASP.NET WebForms 中利用 HttpCookie 对象实现一个基础的客户端购物车功能,涵盖商品添加、列表展示及移除删除等操作。
第一步:将商品添加到 Cookie
首先创建名为 shop 的 Cookie 对象。由于 Cookie 的 Values 集合是键值对结构,我们可以将商品编号作为 Key(字符串类型),将 “商品名称,价格” 作为 Value(字符串类型)存入。最后设置 Cookie 的过期时间并写入响应。
HttpCookie cookie = new HttpCookie("shop");
// Keys 为商品编号,Value 格式为 “名称,价格”
cookie.Values.Add("1", "电脑,2000");
cookie.Values.Add("2", "电视,2200");
cookie.Values.Add("3", "冰箱,2300");
cookie.Expires = DateTime.Now.AddDays(1);
Response.Cookies.Add(cookie);
第二步:读取并显示购物车内容
当用户查看购物车时,需要先从请求中提取已保存的 shop Cookie,遍历其中的所有条目,将分隔符 `,` 前后的数据拆分为商品名称与价格,并通过 StringBuilder 组装成 HTML 表格输出。
protected void Button2_Click(object sender, EventArgs e)
{
LoadShop();
}
private void LoadShop()
{
// 判断是否存在对应的 Cookie
if (Request.Cookies["shop"] != null)
{
HttpCookie cookie = Request.Cookies["shop"];
StringBuilder sb = new StringBuilder();
sb.Append("<table>");
for (int i = 0; i < cookie.Values.Count; i++)
{
string id = cookie.Values.AllKeys[i];
string[] shops = cookie.Values[i].Split(',');
sb.Append("<tr>");
// 删除链接,携带该商品的编号作为参数
sb.Append("<td><a href=\"WebForm5.aspx?id=" + id + "\">删除</a></td>");
sb.Append("<td>" + shops[0] + "</td>"); // 商品名称
sb.Append("<td>" + shops[1] + "</td>"); // 商品价格
sb.Append("</tr>");
}
sb.Append("</table>");
mydiv.InnerHtml = sb.ToString();
}
}
第三步:点击链接删除指定商品
删除操作的入口是上一步生成的带参数的超链接。页面加载时检查 URL 中是否包含 id 参数。若存在,提取该编号并从 Values 集合中调用 Remove 方法移除对应项。如果移除后集合为空,则立即将该 Cookie 标记为过期以销毁它。
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
if (!string.IsNullOrEmpty(Request.QueryString["id"]))
{
string id = Request.QueryString["id"];
DeleteShop(id);
}
}
}
private void DeleteShop(string id)
{
if (Request.Cookies["shop"] != null)
{
HttpCookie cookie = Request.Cookies["shop"];
cookie.Values.Remove(id); // 根据编号移除商品
// 如果没有任何商品了,让 Cookie 过期失效
if (cookie.Values.Count == 0)
{
cookie.Expires = DateTime.Now.AddDays(-1);
}
Response.Cookies.Add(cookie);
LoadShop(); // 重新刷新显示
}
}
以上就是基于Cookie实现购物车功能的详细内容,更多关于C# Web开发中Cookie使用的资料请关注本站其它相关文章!
本站声明
本文内容仅供参考,不代表本站观点。转载或引用请注明出处。如发现内容问题,请通过联系我们页面反馈。













