html制作购物网站界面(制作html购物网站源代码)

当前位置鱼摆摆网 > 问答 > 淘宝 >

html制作购物网站界面(制作html购物网站源代码)

栏目：淘宝时间：2023-08-08 14:00

怎么用html做购物网站

只用eclipse就可以了，用jsp可以写一个js监听事件，购买肯定是一个按钮，在上面添加onclick事件，绑定一个函数，显示购物车这个div或者页面(放在当前页面上面)，结算时就是拿商品的价格相加显示出来，比如商品对象放在一个链表里，取出购物车里的，价格相加。
有一个网站提供这样的服务，我想起来了再告诉你找到了，这个网站是jiasale，百度一下就能找到，可以给网页增加购物车的功能

如何用html css javascript php制作购物车？

----

---

----

￥50.13

---

----

---

￥9.90

移入收藏夹

删除

---

￥19.9

移入收藏夹

删除

.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);}}这是我写的购物车

[ 标签：]

全部评论（0）
最新最早

说点什么吧

当前位置鱼摆摆网 > 问答 > 淘宝 >