qq_57931996 2023-04-05 17:28 采纳率: 88.9%
浏览 40
已结题

JSP 项目实训网页错乱

为什么会这样

img

img

img

理想状态

img

img

报错

img

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 26316
  Date: 2023/4/5
  Time: 9:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=dege,chrom=1">
  <meta http-equiv="Content-Type" content="text/html";charset="utf-8"/>
  <meta name="renderer" content="webkit">
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <meta name="format-detection" content="telephone=no"/>
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximun-scale=1.0,user-scalable=no"/>
  
  <title>ChrosWine红酒有限公司</title>
  <link rel="stylesheet" href="css/orbit-1.2.3.css">
  <link rel="stylesheet" href="css/jq22.css">
  <link rel="stylesheet" type="text/css" href="css/base.css"/>
  <script src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/jquery.orbit-1.2.3.js"></script>
  <script type="text/javascript" src="js/base.js"></script>
  
  
  <script type="text/javascript">
    $(window).load(function (){
      $('#featured').orbit();
    });
  </script>
</head>
<body>
<div class="red_wine_box">
  <img src="${pageContext.request.contextPath}/Home/image/header.png"/>
  
  <div class="navigation_box">
    <a href="${pageContext.request.contextPath}/Home/index.jsp">网站首页</a>
    <a href="${pageContext.request.contextPath}/Home/company_profile.jsp">公司简介</a>
    <a href="${pageContext.request.contextPath}/servlet/HomeServlet?method=commodity">产品展示</a>
    <a href="${pageContext.request.contextPath}/servlet/HomeServlet?method=knowlege">红酒知识</a>
    <a href="${pageContext.request.contextPath}/servlet/HomeServlet?method=news">公司资讯</a>
    <a href="${pageContext.request.contextPath}/servlet/HomeServlet?method=recruit">招贤纳士</a>
  </div>
  
  <div class="container">
    <div id="featured">
      <img src="${pageContext.request.contextPath}/Home/image/banner.jpg"/>
      <img src="${pageContext.request.contextPath}/Home/image/banner2.jpg"/>
      <img src="${pageContext.request.contextPath}/Home/image/banner3.jpg"/>
    </div>
  </div>
  
  <div class="content_boxs">
    
    <div class="nav_left">
      
      <div class="manage_products_title">
        <img src="${pageContext.request.contextPath}/Home/image/manage_products_title.png"/>
      </div>
      <ul class="manage_products_list">
        <c:choose>
          <c:when test="${not empty result.clist}">
            <c:forEach var="result" items="${result.clist}">
              <a href="${pageContext.request.contextPath}/servlet/HomeServlet?method=search_commodity&cid=${result.id}"><li class="manage_products_unchecked">${result.title}</li> </a>
            </c:forEach>
          </c:when>
          <c:otherwise>
            <li>当前数据为空!</li>
          </c:otherwise>
        </c:choose>
      </ul>
      
      <div class="search_box">
        <div class="manage_products_title">
          <img src="${pageContext.request.contextPath}/Home/image/product_search_title.png"/>
        </div>
        <div class="search">
          <form method="post" action="${pageContext.request.contextPath}/servlet/HomeServlet?method=search_commodity" style="text-align: center">
            <div id="select" class="bg1">
              <div class="search_sign" id="country">请选择分类</div>
              <ul id="option" class="hide">
                <c:choose>
                  <c:when test="${not empty result.clist}">
                    <c:forEach var="result" items="${result.clist}">
                      <li data-id="${result.id}">${result.title}</li>
                    </c:forEach>
                  </c:when>
                  <c:otherwise>
                    <li>当前数据为空!</li>
                  </c:otherwise>
                </c:choose>
              </ul>
            </div>
            <input type="text" name="cid" class="hide" id="cid" value=""/>
            <input type="text" placeholder="请输入名称" class="search_name" name="search_name"/>
            <input class="search_click" value="搜索"/>
          </form>
        </div>
      </div>
    </div>
    
    <div class="right_box">
      
      <div class="manage_products_title" style="width: 850px">
        <img src="${pageContext.request.contextPath}/Home/image/product_recommendation.png"/>
      </div>
      
      <c:choose>
        <c:when test="${not empty result.list}">
          <c:forEach var="result" items="${result.list}">
            <div class="goods">
              
              <a href="${pageContext.request.contextPath}/servlet/HomeServlet?id=${result.id}&method=commodity_detail">
                <img src="${pageContext.request.contextPath}/upload/${result.photo}"/>
              </a>
              <p>${result.title}</p>
              <p>价格:${result.price} RMB</p>
            </div>
          </c:forEach>
        </c:when>
        <c:otherwise>
          <li>当前数据为空!</li>
        </c:otherwise>
      </c:choose>
      
      <div class="page_box" id="${result.url}">
        
        <ul>
          <li class="page_choice"><a href="${pageContext.request.contextPath }/servlet/HomeServlet?currentPage=1&method=${(not empty result.cid) ? result.url : 'commodity'}" class="list_a">首页</a></li>
          <li class="page_choice"><a href="${pageContext.request.contextPath }/servlet/HomeServlet?currentPage=${result.PageDate.currentPage-1}&method=${(not empty result.cid) ? result.url : 'commodity'}" class="list_a">上一页</a></li>
          <li class="page_num">${result.PageDate.currentPage}/${result.PageDate.totalPage}</li>
          <li class="page_choice"><a href="${pageContext.request.contextPath }/servlet/HomeServlet?currentPage=${result.PageDate.currentPage+1}&method=${(not empty result.cid) ? result.url : 'commodity'}" class="list_a">下一页</a></li>
          <li class="page_choice"><a href="${pageContext.request.contextPath }/servlet/HomeServlet?currentPage=${result.PageDate.totalPage}&method=${(not empty result.cid) ? result.url : 'commodity'}" class="list_a">尾页</a></li>
        </ul>
      </div>
    </div>
  </div>

</div>

<div class="foot">
  <div class="foot_img">
    <img src="${pageContext.request.contextPath}/Home/image/foot_a.png"/>
    <img src="${pageContext.request.contextPath}/Home/image/foot_b.png"/>
    <img src="${pageContext.request.contextPath}/Home/image/foot_c.png"/>
    <img src="${pageContext.request.contextPath}/Home/image/foot_d.png"/>
  </div>
  <p>ChrosWine红酒有限公公司</p>
  <p>公司地址:北京市海淀区大钟寺华杰大厦4C9室 邮编:100098</p>
  <p>联系电话:010-62137141 (传真)62131450 电子邮箱:changchunying@tom.com 京ICP备14058053</p>
</div>
</body>
<script>
  var  $aLi = $("#option li");
  var $country = $("#country");
  var $select = $("#select");
  var $option = $("#option");
  $select.click(function (){
    $select.stop().toggleClass("bg2");
    $option.stop().slideToggle();
  })
  $aLi.each(function (){
    $(this).hover(function (){
      $(this).css({color:"#000"})
    },function () {
      $(this).css({backgroundColor:"#fff",color: "#9fa0a0"})
    })
    $(this).click(function () {
      $country.text($(this).text());
      $country.attr("value",$(this).text());
      var cid = $(this).attr("data-id");
      $("#cid").attr("value",cid);
    })
  })
</script>
</html>



  • 写回答

4条回答 默认 最新

  • CSDN专家-showbo 2023-04-05 17:52
    关注

    css加载失败,题主看下是不是下面文章提到的

    https://blog.csdn.net/rj2012001/article/details/121485593

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 4月8日
  • 已采纳回答 4月5日
  • 创建了问题 4月5日

悬赏问题

  • ¥20 mysql架构,按照姓名分表
  • ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分
  • ¥15 Macbookpro 连接热点正常上网,连接不了Wi-Fi。
  • ¥15 delphi webbrowser组件网页下拉菜单自动选择问题
  • ¥15 linux驱动,linux应用,多线程
  • ¥20 我要一个分身加定位两个功能的安卓app
  • ¥15 基于FOC驱动器,如何实现卡丁车下坡无阻力的遛坡的效果
  • ¥15 IAR程序莫名变量多重定义
  • ¥15 (标签-UDP|关键词-client)
  • ¥15 关于库卡officelite无法与虚拟机通讯的问题