.container{width: 1000px;margin-left: auto;margin-right: auto;color: #444444;}.header{margin: 8px;}.shop-icon, .wangwang-icon, .promotion-icons span{display:inline-block;width: 15px;height: 15px;background-color: rgb(117,192,241);}.promotion-icons span{margin-right: 4px;}.items{border: 1px solid #ebe9e9;}.item{display: flex;margin: 8px;}.item-img{width:100px;height: 100px;display: inline-block;background-color: aquamarine;margin-left: 6px;margin-right: 6px;}.item-name{display: flex;flex-direction: column;justify-content: space-between;}.sku, .price,.item-price-total,.operation,.num-control{margin-left: 18px;}.num{width: 18px;height: 15px;}.num-control{display: flex;align-items: baseline;}.num-minus,.num-plus{width: 18px;height: 22px;display: inline-block;background-color: #ebe9e9;}.checkout{display: flex;justify-content: space-between;}.shop{margin-bottom: 20px;margin-top: 30px;}.goods,.freight,.checkout-button{margin-left: 15px;}.price-1{text-decoration: line-through;color: gray;}.check-num ,.total-price{font-size: large;color: red;margin-left: 3px;margin-right: 3px;}.checkout-button{height: 30px;width: 50px;background-color: beige;}.checkout{margin-top: 15px;}.item-name{width: 25%;}.item-price-total{width: 5%;}.sku{width: 20%;}function updatePrice(){let items = document.querySelectorAll('.item');let totalNum = 0;let totalPrice = 0;items.forEach(function(item){if(item.querySelector('.item-checkbox').checked){let num = item.querySelector('.num').value;totalNum = totalNum + parseInt(num);let price = item.querySelector('.price-2').getAttribute('data-price');totalPrice = totalPrice + parseFloat(price) * num;}});document.querySelector('.check-num').innerText= totalNum;document.querySelector('.total-price').innerText = totalPrice;}window.onload=function(){let itemCheckboxes = document.querySelectorAll('.item-checkbox');itemCheckboxes.forEach(function(itemCheckbox){itemCheckbox.onchange = function(){updatePrice();}});let minuses = document.querySelectorAll('.num-minus');minuses.forEach(function(minus){minus.onclick = function(event){let num=minus.parentElement.querySelector('.num').value;if(parseInt(num)>1){minus.parentElement.querySelector('.num').value=parseInt(num)-1;updatePrice();}};});let pluses = document.querySelectorAll('.num-plus');pluses.forEach(function(plus){plus.onclick = function(event){let num=plus.parentElement.querySelector('.num').value;plus.parentElement.querySelector('.num').value=parseInt(num)+1;updatePrice();}}); }
一两句说不清楚……… 用html css做出商品样子和购物车样子，然后用javascript来对买这个动作做处理，把商品的信息存起来，通过js把商品信息传递给购物车，让购物车能够显示；另一方面把信息交给php，写入数据库。 我这么说你明白了么……
急求，HTML作业做一个购物页面，悬赏可提到600
这种复杂又精细化的仅仅靠悬赏分应该是无法解决的了。 这种作业题只要平时认真学习都能做出来的吧，不认真学习的至少也懂得百度搜索或者请同学吃一顿来搞定吧。
如何用HTML，CSS编写一个简单的购物网站？
只用HTML，CSS无法完成购物网站开发，还需要后台程序。
JSP大作业 求一个 用HTML 做的 简单的购物网站
package ssc.web.controller; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import ssc.domain.Book; import ssc.domain.Cart; import ssc.service.BusinessService; //完成书籍购买 public class BuyServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException{String id = request.getParameter("id");BusinessService service = new BusinessService();Book book = service.findBook(id); //添加用户的购物车Cart cart = (Cart) request.getSession().getAttribute("cart");if (cart==null){cart = new Cart();request.getSession().setAttribute("cart", cart);} //把书加入到购物车，完成购买cart.add(book); request.getRequestDispatcher("/WEB-INF/jsp/listcart.jsp").forward(request, response);} public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException{doGet(request, response);}}这是我写的购物车
[ 标签：]
