relate.jsp 6.56 KB
<%@ include file="/WEB-INF/jsp/include/taglib.jsp" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--<jsp:useBean id="word" scope="request" type="com.dookay.cihai.core.word.domain.WordDomain"/>--%>
<%--<jsp:useBean id="vos" scope="request" type="java.util.List<com.dookay.cihai.core.word.dto.WordDTO>"/>--%>
<jsp:useBean id="vo" scope="request" type="com.dookay.cihai.app.controller.vo.OneWayRelateVO"/>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <title>辞海 - ${vo.word}的相关词</title>
    <link rel="stylesheet" href="${ctx}/static/css/vendor.css">
</head>
<body class="relation-word-body">
<%--<div class="container-fluid">--%>
<%--<div class="relation-word">--%>
<%--<h4>相关词</h4>--%>
<%--<div class="list-group">--%>
<%--<span class="list-group-item list-group-item-header">${word.word}</span>--%>
<%--<c:forEach items="${vos}" var="item">--%>
<%--<a class="list-group-item" href="/word/info/${item.wordId}">${item.word}</a>--%>
<%--</c:forEach>--%>
<%--</div>--%>
<%--</div>--%>
<%--</div>--%>
<div class="relation-word">
    <h4>相关词</h4>
    <c:choose>
        <c:when test="${vo.word eq '象' and type eq 0}">
            <div class="list-group">
                <span class="list-group-item list-group-item-header">${vo.word}</span>
                <a class="list-group-item" >象鼻虫</a>
                <a class="list-group-item" href="/word/info/522">象鼻山</a>
                <a class="list-group-item" >象草</a>
                <a class="list-group-item" >象龟</a>
                <a class="list-group-item" >象山</a>
                <a class="list-group-item" >象山港</a>
                <a class="list-group-item" >象山先生集</a>
                <a class="list-group-item" >象山学派</a>
                <a class="list-group-item" >象舞</a>
                <a class="list-group-item" >象戏</a>
            </div>
        </c:when>
        <c:when test="${vo.word eq '象' and type eq 1}">
            <div class="list-group">
                <span class="list-group-item list-group-item-header">开头</span>
                <a class="list-group-item" >象车</a>
                <a class="list-group-item" >象服</a>
                <a class="list-group-item" >象齿焚身</a>
            </div>
            <div class="list-group">
                <span class="list-group-item list-group-item-header">中间</span>
                <a class="list-group-item" >形象工程</a>
                <a class="list-group-item" >形象代言人</a>
                <a class="list-group-item" >形象大使</a>
            </div>
            <div class="list-group">
                <span class="list-group-item list-group-item-header">结尾</span>
                <a class="list-group-item" >历象</a>
                <a class="list-group-item" >蛇吞象</a>
                <a class="list-group-item" >盲人摸象</a>
            </div>
        </c:when>
        <c:when test="${vo.word eq '象鼻山'}">
            <div class="list-group">
                <span class="list-group-item list-group-item-header">${vo.word}</span>
                <a class="list-group-item" href="/word/info/1"></a>
                <a class="list-group-item" >象鼻虫</a>
                <a class="list-group-item" >象草</a>
                <a class="list-group-item" >象龟</a>
                <a class="list-group-item" >象山</a>
                <a class="list-group-item" >象山港</a>
                <a class="list-group-item" >象山先生集</a>
                <a class="list-group-item" >象山学派</a>
                <a class="list-group-item" >象舞</a>
                <a class="list-group-item" >象戏</a>
            </div>
        </c:when>
        <c:when test="${vo.word eq '中国'}">
            <div class="list-group">
                <span class="list-group-item list-group-item-header">${vo.word}</span>
                <a class="list-group-item" >中华</a>
                <a class="list-group-item" >中土</a>
                <a class="list-group-item" >中原</a>
                <a class="list-group-item" >中州</a>
                <a class="list-group-item" >华夏</a>
                <a class="list-group-item" >九州</a>
            </div>
        </c:when>
        <c:when test="${vo.word eq '中华人民共和国'}">
            <div class="list-group">
                <span class="list-group-item list-group-item-header">${vo.word}</span>
                <a class="list-group-item" >中华人民共和国主席</a>
                <a class="list-group-item" >中华人民共和国首都</a>
                <a class="list-group-item" >中华人民共和国宪法</a>
                <a class="list-group-item" >中华人民共和国国旗</a>
                <a class="list-group-item" >中华人民共和国国徽</a>
                <a class="list-group-item" >中华人民共和国国务院</a>
                <a class="list-group-item" >中华人民共和国合同法</a>
                <a class="list-group-item" >中华人民共和国审计法</a>
                <a class="list-group-item" >中华人民共和国财政部</a>
                <a class="list-group-item" >中华人民共和国可再生能源法</a>
            </div>
        </c:when>
        <c:when test="${vo.word eq '太阳系'}">
            <div class="list-group">
                <span class="list-group-item list-group-item-header">${vo.word}</span>
                <a class="list-group-item" >太阳系运动</a>
                <a class="list-group-item" >太阳系起源</a>
                <a class="list-group-item" >太阳系物理学</a>
            </div>

        </c:when>
    </c:choose>
    <c:forEach items="${vo.relationByGroup}" var="item">
        <div class="list-group">
            <span class="list-group-item list-group-item-header">${item.middle}</span>
            <c:forEach items="${item.right}" var="w">
                <a class="list-group-item" href="/word/info/${w.id}">${w.word}</a>
            </c:forEach>
        </div>
    </c:forEach>
</div>
<script src="${ctx}/static/js/plugins/jquery.min.js"></script>
<script src="${ctx}/static/js/vendor.js" merge="true"></script>
<script>
    $('.opt').click(function () {
        var $this = $(this);
        if ($this.hasClass('open')) {
            $this.removeClass('open').text('收起')
                .siblings('.d-none').removeClass('d-block');
        } else {
            $this.addClass('open').text('展开')
                .siblings('.d-none').addClass('d-block');
        }
    });
</script>
</body>
</html>