会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132390个问题

问题:老师之前写的代码,我重新复制了一下,打开就成这个样子了

GYCQ_QG$8CX[Y@5GS`6PA$N.png

之前的那个打开没问题

Q02%K23@MEFHW2BNMLZF9$X.png

源代码:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" type="text/css" href="css/reset.css"/>
  <link rel="stylesheet" type="text/css" href="css/jd.css"/>
     <link rel="stylesheet" type="text/css" href="icon/iconfont.css"/>
 </head>
 <body>
  <!--导航开始-->
   <div class="nav">
    <div class="warp">
     <ul class="nav_ul1">
      <li><a href=""><i class="iconfont">&#xe604;</i>京东首页</a></li>
      <li><a href="">配送至: 北京</a></li>
     </ul>
     
     <ul class="nav_ul2">
      <li><a href="">洋洋宝贝</a><span>|</span></li>
      <li><a href="">我的订单</a><span>|</span></li>
      <li><a href="">我的京东</a><span>|</span></li>
      <li><a href="">京东会员</a><span>|</span></li>
      <li><a href="">企业采购</a><span>|</span></li>
      <li><a href="">京东手机</a><span>|</span></li>
      <li><a href="">关注京东</a><span>|</span></li>
      <li><a href="">客服服务</a><span>|</span></li>
      <li><a href="">网站导航</a><span>|</span></li>
     </ul>
    </div>
   </div>
  <!--导航结束-->
 
 
  <!--搜索框开始-->
   <div class="search">
    <div class="warp">
     <img src="img/login.png" />
     
     <div class="search_div" >
      <input type="text" class="search_text"/>
      <input type="button" value="搜索" class="search_button"/>
     </div>
     
    </div>
   </div>
  <!--搜索框结束-->
 
 
  <!--标题开始-->
  <div class="title warp">
   <h3>全部商品</h3>
   <div>
    <span>配送到</span>
    <select>
     <option>海淀区</option>
     <option>昌平区</option>
     <option>朝阳区</option>
     <option>顺义区</option>
     <option>大兴区</option>
    </select>
   </div>
  </div>
  <!--标题结束-->
  
  <!--显示菜单的开始-->
  <div class="tips warp"> 
   <ul>
    <li>
     <input type="checkbox"/>全选
    </li>
    <li>商品</li>
    <li>单价</li>
    <li>数量</li>
    <li>小计</li>
    <li>操作</li>
   </ul>
  </div>
  <!--显示菜单的结束-->
  
  <!--商品的详情展示开始-->
  <div class="info warp">
   <ul>
    <li class="info_1"><input type="checkbox"/></li>
    <li class="info_2"><img src="img/img1.png" width=80px;></li>
    <li class="info_3"><a>【新品上市】APPLE苹果2019新款iPad Air3 64G</a></li>
    <li class="info_4"><a>颜色:深空灰色   </a></li>
    <li class="info_5">¥3548.00</li>
    <li class="info_6">
     <button>-</button>
     <input type="text" name="" id="" value="1"/>
     <button class="bot">+</button>
    </li>
    <li class="info_7">¥3548.00</li>
    <li class="info_8">
     <a>删除</a><br />
     <a>移到我的关注</a>
    </li>
   </ul>
  </div>
  
  <div class="info warp">
   <ul>
    <li class="info_1"><input type="checkbox"/></li>
    <li class="info_2"><img src="img/img2.png" width=80px;></li>
    <li class="info_3"><a>【新品上市】苹果2019新款MacBook Pro 13.3英寸苹果笔记本电脑  256G</a></li>
    <li class="info_4"><a>颜色:银色   </a></li>
    <li class="info_5">¥10888.00</li>
    <li class="info_6">
     <button>-</button>
     <input type="text" name="" id="" value="1"/>
     <button class="bot">+</button>
    </li>
    <li class="info_7">¥10888.00</li>
    <li class="info_8">
     <a>删除</a><br />
     <a>移到我的关注</a>
    </li>
   </ul>
  </div>
  
  <div class="info warp">
   <ul>
    <li class="info_1"><input type="checkbox"/></li>
    <li class="info_2"><img src="img/img3.png" width=80px;></li>
    <li class="info_3"><a>【新品上市】华为平板电脑MatePad Pro 10.8  6G+128G</a></li>
    <li class="info_4"><a>颜色:贝母白   </a></li>
    <li class="info_5">¥3799.00</li>
    <li class="info_6">
     <button>-</button>
     <input type="text" name="" id="" value="1"/>
     <button class="bot">+</button>
    </li>
    <li class="info_7">¥3799.00</li>
    <li class="info_8">
     <a>删除</a><br />
     <a>移到我的关注</a>
    </li>
   </ul>
  </div>
  
  <div class="info warp">
   <ul>
    <li class="info_1"><input type="checkbox"/></li>
    <li class="info_2"><img src="img/img3.png" width=80px;></li>
    <li class="info_3"><a>算法(第4版) [Algorithms Fourth Edition]</a></li>
    <li class="info_4"><a>颜色:无  </a></li>
    <li class="info_5">¥7800.00</li>
    <li class="info_6">
     <button>-</button>
     <input type="text" name="" id="" value="1"/>
     <button class="bot">+</button>
    </li>
    <li class="info_7">¥7800.00</li>
    <li class="info_8">
     <a>删除</a><br />
     <a>移到我的关注</a>
    </li>
   </ul>
  </div>  
  
  <!--商品的详情展示结束-->
  
  <!--结算模块开始-->
  <div class="balance warp">
   <ul class="balance_ul1">
    <li>
     <input type="checkbox" name="" id="" value=""/>
     全选
    </li>
    <li><a>删除选择商品</a></li>
    <li><a>移到我的关注</a></li>
    <li><a>清除下柜商品</a></li>
   </ul>
   
   <ul class="balance_ul2">
    <li>已选择<span>1</span>商品</li>
    <li>总价:<span>¥12</span></li>
    <li>
     <button class="butt">去结算</button>
    </li>
   </ul>
  </div>
  <!--结算模块结束-->
  <br />
  <br />
 </body>
</html>


JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 11372楼
JAVA 全系列/第三阶段:数据库编程/JDBC技术(旧) 11373楼

vue_shop.zip

Flask百战后台项目.zip


老师我这个跨域已经设置了,总是显示500错误,麻烦老师帮我看看

Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 11375楼
Python 全系列/第五阶段:数据库编程/redis 11378楼
Python 全系列/第八阶段:轻量级Web开发利器-Flask框架/Flask视图基础和URL 11381楼
Python 全系列/第一阶段:Python入门/函数和内存分析 11382楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/XML 技术(旧) 11383楼
Python 全系列/第二阶段:Python 深入与提高/GUI编程(隐藏) 11384楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637