html制作购物网站界面(html制作静态购物网站界面)

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

html制作购物网站界面(html制作静态购物网站界面)

栏目：淘宝时间：2023-03-05 01:33

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

如何用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制作一个网页

1，打开记事本，并在其中输入必要信息，完整代码如下：

茉莉花

作者：宋 · 刘克庄

曾与瑶姬约。恍相逢、翠裳摇曳，珠韝联络。风露青冥非人世，揽结玉龙骖鹤。爱万朵、千条纤弱。祷祝花神怜惜取，问开时、晴雨须斟酌。枝上雪，莫消却。恼人匹似中狂药。凭危栏、烛光交映，乐声遥作。身上春衫香薰透，看到参横月落。算茉莉、犹低一著。坐有缑山王郎子，倚玉箫、度曲难为酢。君不饮，铸成错。

清平乐

冰轮万里。云卷天如洗。先向海山生大士。却诞卯金之子。冰盆荔子堪尝。胆瓶茉莉尤香。震旦人人炎热，补陀夜夜清凉。

《浣溪沙》: 南国幽花比并香。直从初夏到秋凉
《鹧鸪天》: 携靓侣，泛轻航。棹歌惊起野鸳鸯
《真珠帘》: 茉莉芰荷香，拍满笙箫院。

启动浏览器运行后，大家会发现界面并不美观，文字看着也比较乱。为了解决这个问题，可以在界面添加css规则，让界面更好看，更标准化，将下面的代码块添加到记事本中，位置在和也就是头部之间：再次保存和预览，是不是看着美观多了

使用html制作以下交互界面

*{ padding: 0; margin: 0; } .content input{ padding: 5px; } .content label:before{ content: '*'; font-size: 15px; color: red; } .content label{ width: 110px; display: inline-block; text-align: right; } .content .list-tit{ font-weight: 700; border-top: 1px solid #ccc; } .content a{ font-size: 13px; margin-left: 10px; } ul.content li{ padding: 10px 20px; }

账户信息

邮箱：手机注册用户名注册

请输入密码：

请确认密码：

验证码：

联系人信息

邮箱：

邮箱：请选择选项1 选项2

晚上给你吧，这个不是太难

如何用HTML，CSS编写一个简单的购物网站？

只用HTML，CSS无法完成购物网站开发，还需要后台程序。

[ 标签：]

全部评论（0）
最新最早

说点什么吧

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