《[2017年整理]ASP课题实践——购物车设计》由会员分享，可在线阅读，更多相关《[2017年整理]ASP课题实践——购物车设计（21页珍藏版）》请在金锄头文库上搜索。
1、ASP 课 题 实 践 购 物 车 简 单 设 计班 级： 08计本学 号： 01姓 名： *指导老师：*基本设计要求v设计目标v设计简介v设计思想v设计步骤v代码实现设计目标v熟练使用ASP.NET服务器控件v更多的了解有关ASP.NET的各种控件及相关的能实 现的功能v知道数据库的基本链接v实现一个简单的网上购物程序设计简介v用ASP.NET实现一个简单的网上购物程序，包含以 下功能：v显示所需物品v顾客可以选中某一物品，并且能将该物品拖动添加到购物车中v顾客可以查看购物车中所有的物品信息，包括物品的价格和购物车中已有的数量v顾客能够将物品从购物车中删除设计思想v设计一个Web窗体Defa
2、ult.aspx。在该窗体中使用一个ListBox服务器控件显示所有的物品。其中添加Datalist链接数据库，通过数据绑定，完成数据的调用，然后定义其他的一些功能，像该窗体中可以拖动鼠标是物品移至listbox中，还有一个delete按钮。用户可以选中LIstBox中显示的某一本物品，然后拖动鼠标将选中的物品添加到购物车中。然后再页面上显示单价和总价钱。v添加定义了Datalist,链接sql数据库，显示 出数据库里的文件，像所有的物品，物品单 价及物品。v然后再然后给窗口添加代码，通过数据绑定 ，以实现购物车的各个功能。设计步骤v打开Microsoft Visual Studio 2005
3、。v新建一个Visual C#”ASP.NET网站”，将网 站存储在文件夹中。v新建Default.aspx。点击左下角的设计，进 入设计页面，打开工具箱，从中拖动两个 Lable控件，一个Image控件到表单上，然后 将控件的ID分别更改为lblTitle, lblPrice, imgPicture,显示输入购物费用，总共的费用代码实现vDefault.aspx的代码：vvvvv 拖动购物车进行购物v v vvv v v v v v v 购物费用 v v 总共: $ 0.00 v v v v v v v v /v /v / v /调用数据库的v v v v v vvvscript langu
4、age=“javascript” type=“text/javascript” / 添加了Java脚本v实现以下功能vvar mouseState = up;vvar clone = null; vvar totalPurchase = 0.0; vvar dropZoneArray = new Array(1); vdropZoneArray0 = “dZone“;vvar titlePattern = “.+_lblTitle$“vvar pricePattern = “.+_lblPrice$“vvar dragElementPattern = “.+_a$“;vvar uniqueNu
5、mber = 1; vfunction ResetColor() vv document.getElementById(“dZone“).className = DefaultDropZoneColor; vvfunction IsInDropZone(evtTarget) v v var result = false; v v / 遍历阵列,并发现它的id存在v for(i = 0; i dZone.offsetLeft v v v document.onmouseup = null; v document.onmousemove = null; v v document.body.remo
6、veChild(clone); v mouseState = up;v ResetColor(); v vv v vfunction AddPrice() 增价的实现v v v var title = GetProductTitle();v var price = GetProductPrice(); v v v var dZone = document.getElementById(“dZone“); v var textNode = document.createTextNode(title); v var priceNode = document.createTextNode(price
7、); v v var spaceNode = document.createTextNode(: $); v var paragraphElement = document.createElement(p);v v / 创建删除按钮 v v var deleteButton = document.createElement(button);v deleteButton.value = Delete;v deleteButton.innerHTML = Delete;v deleteButton.onclick = DeleteItem;v v var item = document.creat
8、eElement(div); v item.id = itemDiv + uniqueNumber; v v item.appendChild(paragraphElement); v item.appendChild(textNode); v item.appendChild(spaceNode); v item.appendChild(priceNode); v item.appendChild(spaceNode); v item.appendChild(deleteButton);v v dZone.appendChild(item); v v / 价格的增加v IncrementTo
9、tal(price);v uniqueNumber+; v vvfunction DeleteItem(e) 删除列表的功能实现v v var evt = e | window.event;v var evtTarget = evt.target | evt.srcElement;v v if(IsFireFox() v v price = evtTarget.parentNode.childNodes2.nodeValue; v evtTarget.parentNode.parentNode.removeChild(evtTarget.parentNode); v v elsev v pri
10、ce = evtTarget.parentElement.childNodes2.nodeValue;v evtTarget.parentElement.parentElement.removeChild(evtTarget.parentElement); v v v DecrementTotal(price); vvfunction DecrementTotal(price) 总量减少时的价格变化vv totalPurchase -= Math.ceil(Number(price); v document.getElementById(“divTotal“).innerHTML = tota
11、lPurchase; vvfunction IncrementTotal(price) 总量增加时的价格变化v v totalPurchase += Math.ceil(Number(price); v document.getElementById(“divTotal“).innerHTML = totalPurchase; vvfunction GetProductPrice() vv var price = ; v v if(IsFireFox() v price = (clone.childNodes3.innerHTML); v v else price = (clone.child
12、Nodes2.innerHTML); v v v return price; vvfunction GetProductTitle() vv v var title = ; v v if(IsFireFox() v v title = clone.childNodes1.innerHTML; v v v v else title = clone.childNodes0.innerHTML; v v return title; vvfunction IsFireFox() 浏览器vv if(navigator.appName = Netscape) v return true; v else r
13、eturn false; vvDefault.aspx.cs代码vusing System;vusing System.Data;vusing System.Configuration;vusing System.Web;vusing System.Web.Security;vusing System.Web.UI;vusing System.Web.UI.WebControls;vusing System.Web.UI.WebControls.WebParts;vusing System.Web.UI.HtmlControls;vusing System.Data.SqlClient;vpublic partial class _Default : System.Web.UI.Page vv protected void Page_Load(object sender, EventArgs e)v v if (!Page.IsPostBack)v
