gzf/WebRoot/ui/detail.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" %>
<%@ page language="java" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";


%>

<jsp:include page="header.jsp"></jsp:include>
<style>
.breadcrumb-area{position:relative}
.breadcrumb-area:before{
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    background: linear-gradient(45deg, rgb(240, 100, 150), rgb(140, 200, 208));
    opacity: .7;
    -webkit-transition: .4s;
    transition: .4s;
}
</style>


<!-- Breadcrumb -->
<div class="breadcrumb-area section" 
style="background:url(<%=basePath %>static/breadcrumb.jpg);"
>
    <div class="container">
        <div class="breadcrumb pt-75 pb-75 pt-sm-70 pb-sm-40 pt-xs-70 pb-xs-40">
            <div class="row">
                <div class="col">
                    <h2>${model.rooname }</h2>
                    <!-- breadcrumb-list start -->
                    <ul class="breadcrumb-list">
                        <li class="breadcrumb-item"><a href="">首页</a></li>
                        <li class="breadcrumb-item active">社区</li>
                    </ul>
                    <!-- breadcrumb-list end -->
                </div>
            </div>
        </div>
    </div>
</div>
<!--// Breadcrumb -->
     
<!-- Page Conttent -->
<main class="page-content section"> 
   
    <!-- Featured Properites Start -->   
    <div class="properites-sidebar-wrap pt-80 pt-md-60 pt-sm-40 pt-xs-30 pb-110 pb-md-90 pb-sm-70 pb-xs-60">
        <div class="container">
            
            <div class="row">
                <div class="col-lg-4 col-xl-3 col-12 order-lg-2 order-2">
                    <div class="row widgets">
                       
                       
                        
                        <div class="col-lg-12">
                            <div class="single-widget widget">
                                <h4 class="widget-title">
                                    <span>热门房源</span>
                                </h4>
                                <div class="row single-propertiy-wigets">
                                    
                                     <c:forEach items="${hs}" var="item" varStatus="x">
                                    <div class="col-lg-12 col-md-6 single-propertiy mb-30">
                                          <a href="<%=basePath %>app/detail.do?id=${item.id}">
                                    <img src="<%=basePath %>${item.thunb}" alt="">
                                </a>
                                        <div class="propertiy-det-box">
                                            <h4><a href="<%=basePath %>app/detail.do?id=${item.id}">${model.rooname }</a></h4>
                                            <p>￥${item.price }元/月</p>
                                        </div>
                                    </div>
                                    </c:forEach>
                                    
                                </div>
                            </div>
                        </div>
                        
                        
                        
                        <div class="col-lg-12">
                            <div class="single-widget widget-tag">
                                <h4 class="widget-title">
                                    <span>栏目</span>
                                </h4>
                                <div class="tag">
                                 <c:forEach items="${cates1}" var="item" varStatus="x">
                                  <a href="<%=basePath%>app/cates.do?id=${item.id}" class="categories-name">${item.title } <span></span></a>
                                    </c:forEach>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <div class="col-lg-8 col-xl-9 col-12 order-lg-1 order-1">
                   
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="blog-details-warpper">
                                <div class="details-image mt-30">
                                    <img src="assets/images/propertes/property_details.jpg" alt="">
                                </div>
                                <div class="details-contents-wrap">
                                   
                                    <h3>${model.rooname }</h3>

                                    <p class="mt-10">
                                    
                                    _
                                    </p>
                                    
                                    <h4>简介 DESC</h4>
                                    <div>
                                    ${model.description }
                                    </div>

                                    <div class="propertice-details pt-25">
                                        <div class="row">
                                           
                                            <div class="col-12">
                                                <div class="properties-details-title mb-10">
                                                    <h4>属性</h4>
                                                </div>
                                            </div>
                                            
                                            <div class="col-md-4 col-sm-6">
                                                <div class="single-info">
                                                    <strong>地址:</strong><span> 
                                                    ${model.address }
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-6">
                                                <div class="single-info">
                                                    <strong>大小:</strong><span>  ${model.size }</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-sm-6">
                                                <div class="single-info">
                                                    <strong>房型:</strong><span>  ${model.cate }</span>
                                                </div>
                                            </div>
                                            
                                            <div class="col-md-4 col-sm-6">
                                                <div class="single-property-price">
                                                    <strong>价格:  ￥ ${model.price }元/月</strong>
                                                </div>
                                            </div>

                                            <div class="col-md-4 col-sm-6">
                                                <c:if test="${!empty userName}">
                                                    <c:if test="${model.state==1 }">

                                                        <a class="btn btn-primary" href="<%=basePath%>app/apply.do?id=${model.id}">我要申请</a>
                                                    </c:if>
                                                </c:if>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    
                                    
                                </div>
                                
                                
                            </div>
                        </div>
                    </div>
                   
                </div>
            </div>
            
        </div>
    </div><!-- Featured Properites End -->  

</main>
<!--// Page Conttent -->
 
 
		
<jsp:include page="footer.jsp"></jsp:include>