Skip to content

石磊 / cihai

Go to a project
Commit 71b99fbe by 徐甲彬
Options

Merge remote-tracking branch 'origin/master'

2 parents ca5e1a2b 388d41da
Inline Side-by-side
Showing 15 changed files with 1245 additions and 56 deletions
serverside/cihai-core/src/main/java/com/dookay/cihai/core/word/domain/WordDomain.java
......@@ -84,5 +84,6 @@ public class WordDomain implements Serializable {
private String wordAlias;
private Boolean isPolyphone;
}
serverside/cihai-wechat/src/main/java/com/dookay/cihai/wechat/controller/HomeController.java
......@@ -14,10 +14,12 @@
package com.dookay.cihai.wechat.controller;
import com.dookay.cihai.core.aip.AipDefaultClient;
import com.dookay.cihai.core.aip.AipImageClassifyClient;
import com.dookay.cihai.core.aip.AipWordUtilBean;
import com.dookay.cihai.core.aip.model.ImageResult;
import com.dookay.cihai.core.aip.model.LexerItem;
import com.dookay.cihai.core.aip.model.ScanResult;
import com.dookay.cihai.core.theme.domain.ThemeDomain;
import com.dookay.cihai.core.theme.query.ThemeQuery;
import com.dookay.cihai.core.theme.service.IThemeService;
......@@ -63,6 +65,9 @@ public class HomeController extends BaseController {
@Autowired
private AipImageClassifyClient aipImageClassifyClient;
@Autowired
private AipDefaultClient aipDefaultClient;
/**
* @author 石磊
* @date 2017/12/6
......@@ -130,10 +135,13 @@ public class HomeController extends BaseController {
@RequestMapping(value = "/image/search", method = RequestMethod.POST, produces = MediaTypes.JSON_UTF_8)
@ResponseBody
public JsonResult imageSearch(String image) {
System.out.println("进入图片检索");
try {
ImageResult imageResult = aipImageClassifyClient.getImageResult(image);
String name = imageResult.getName();
ScanResult imageResult = aipDefaultClient.scan(image);
System.out.println(imageResult);
if (imageResult.getWordsList().size() <= 0) {
return errorResult("暂无检索结果");
}
String name = imageResult.getWordsList().get(0);
System.out.println(name);
WordQuery wordQuery = new WordQuery();
wordQuery.setKeyword(name);
......@@ -145,7 +153,7 @@ public class HomeController extends BaseController {
wordDomain = wordService.getFirst(wordQuery);
if (wordDomain == null) return errorResult("暂无检索结果");
}
return successResult("success", "/word/baike/" + wordDomain.getId());
return successResult("success", !wordDomain.getIsPolyphone() ? "/word/baike/" + wordDomain.getId() : "/word/detail/" + wordDomain.getId());
} catch (Exception ex) {
return errorResult("暂无检索结果");
}
......
serverside/cihai-wechat/src/main/java/com/dookay/cihai/wechat/controller/WordController.java
......@@ -43,7 +43,7 @@ public class WordController extends BaseController {
@RequestMapping(value = "/detail/{id}", method = RequestMethod.GET)
public ModelAndView detail(@PathVariable Long id) {
WordDomain wordDomain = wordService.get(id);
ModelAndView mv = new ModelAndView("/portal/word/detail");
ModelAndView mv = new ModelAndView(!wordDomain.getIsPolyphone() ? "portal/word/detail" : "portal/word/polyphone");
mv.addObject("word", wordDomain);
return mv;
}
......@@ -56,7 +56,7 @@ public class WordController extends BaseController {
@RequestMapping(value = "/baike/{id}", method = RequestMethod.GET)
public ModelAndView baike(@PathVariable Long id) {
WordDomain wordDomain = wordService.get(id);
ModelAndView mv = new ModelAndView("/portal/word/baike");
ModelAndView mv = new ModelAndView("portal/word/baike");
mv.addObject("word", wordDomain);
return mv;
}
......
serverside/cihai-wechat/src/main/webapp/WEB-INF/jsp/include/footer.jsp
......@@ -4,6 +4,7 @@
<%--添加此行消除额外空格--%>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="${ctx}/static/js/vendor.js"></script>
<script src="${ctx}/static/js/plugins/lodash.core.js"></script>
<script src="${ctx}/static/js/backend.js"></script>
<script src="${ctx}/static/js/layer/layer.js"></script>
<script src="${ctx}/static/js/main.js"></script>
......
serverside/cihai-wechat/src/main/webapp/WEB-INF/jsp/portal/theme/detail.jsp
......@@ -323,7 +323,7 @@
jQuery.get(location.href + "/map", {}, function (data) {
if (data.code == "OK") {
mapData = data.data;
relationPic('relation-pic', mapData);
return newNetwork('relation-pic', mapData);
} else {
console.log("请求数据失败");
}
......@@ -333,8 +333,8 @@
function loadRelated() {
jQuery.get(location.href + "/related", {}, function (data) {
if (data.code == "OK") {
mapData = data.data;
relationPic('word-analysis', relateData);
relateData = data.data;
return newNetwork('word-analysis', relateData);
} else {
console.log("请求数据失败");
}
......@@ -342,8 +342,8 @@
}
function relationPic(id, data) {
return new vis.Network(document.getElementById(id), mapData, {
function newNetwork(id, data) {
var netWork = new vis.Network(document.getElementById(id), data, {
nodes: {
shape: 'dot',
borderWidth: 3,
......@@ -357,11 +357,27 @@
},
font: {
color: '#333'
},
},
});
netWork.on("doubleClick", function (e) {
console.log(e);
var i = e.nodes[0];
var node = _.filter(data.nodes, function (n) {
return n.id == i;
});
jQuery.get("/home/search", {keyword: node[0].label}, function (data) {
if (data.code == "OK") {
location.href = data.data;
} else {
myApp.dialog.alert(data.message);
}
}
})
});
return netWork;
};
$('.js-refresh').click(function () {
wordAnalysis.destroy();
loadRelated();
......@@ -369,8 +385,6 @@
var mapData = {};
var relateData = {};
relationPic('relation-pic', mapData);
var wordAnalysis = relationPic('word-analysis', mapData);
loadMap();
loadRelated();
var map = loadMap();
var wordAnalysis = loadRelated();
</script>
serverside/cihai-wechat/src/main/webapp/WEB-INF/jsp/portal/word/polyphone.jsp 0 → 100644
<%@ 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:include page="/WEB-INF/jsp/include/header.jsp">
<jsp:param name="pageTitle" value="首页"/>
</jsp:include>
<div id="app">
<div class="statusbar"></div>
<div class="panel panel-right panel-cover panel-nav">
<div class="page navbar-fixed page-side-nav">
<div class="navbar">
<div class="navbar-inner">
<div class="center" style="left:0">“象”在其他百科辞典的解释</div>
</div>
</div>
<div class="page-content">
<div class="page-side">
<div class="list-block accordion-list">
<ul>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">辞海</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国人名大词典（历史人物卷）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">历代名人并称辞典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">哲学大辞典（修订本）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国哲学大辞典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国历史大辞典（全六卷）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">世界近代史词典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">东南亚历史词典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国文学大辞典（修订本）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="view view-main view-init ios-edges" data-url="/">
<div class="page">
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a class="link js-jump-page" href="/">
<i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span>
</a>
</div>
<div class="right word-navbar-btn">
<a class="panel-open" href="#" data-panel="right">
<span class="icon icon-book"></span>
</a>
<a href="/word-wiki/">
<i class="iconfont icon-qiyeguanxitupu"></i>
</a>
</div>
</div>
</div>
<div class="toolbar">
<div class="toolbar-cover">
<a class="link-btn" href="#">
<i class="iconfont icon-xin"></i>
<span>116</span>
</a>
<a class="link-btn" href="#">
<i class="iconfont icon-fenxiang"></i>
<span>58</span>
</a>
<a class="link-btn" href="#">
<i class="iconfont icon-pinglun" style="top:1px"></i>
<span>79</span>
</a>
<div class="word-read">
<h1>说</h1>
<a class="link-voice" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</div>
</div>
</div>
<div class="page-content">
<div class="word-title word-title-2">
<div class="row">
<div class="col">
<h1 class="word-title-inner bg-farmland">说</h1>
</div>
<div class="col">
<ul class="word-title-desc">
<li>
<span>【shuō】</span>
<a class="link" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</li>
<li>
<span>【yuè】</span>
<a class="link" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</li>
<li>
<span>【shuì】</span>
<a class="link" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</li>
<li>
<span>【tuō】</span>
<a class="link" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="card card-accordion">
<div class="card-content">
<div class="card-content-inner">
<div class="row">
<div class="col-01">笔画：9</div>
<div class="col-02">部首：讠</div>
<div class="col-03">四角号码：38712</div>
</div>
<div class="row">
<div class="col-01">部外：7</div>
<div class="col-02">结构：左右</div>
<div class="col-03">繁体：説</div>
</div>
</div>
</div>
</div>
<div class="list accordion-list inset accordion-list-spe">
<ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">字源</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<ul>
<li>
<img src="${ctx}/static/images/source-2.png">
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
<!-- 基本释义-->
<div class="word-tab-cover">
<div class="word-tab-cover-title">基本释义</div>
<div class="word-tab js-word-tab">
<ul>
<li class="active">
<a class="tab-link" href="#tab01">【shuō】</a>
</li>
<li>
<a class="tab-link" href="#tab02">【yuè】</a>
</li>
<li>
<a class="tab-link" href="#tab03">【shuì】</a>
</li>
<li>
<a class="tab-link" href="#tab04">【tuō】</a>
</li>
</ul>
</div>
<div class="tab-con js-tab-con">
<div class="tab-panel active" id="tab01">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p>
<strong>用话来表达意思。</strong>
</p>
<p>～话。～明。演～。解～。</p>
</li>
<li data-num="2.">
<p>
<strong>介绍。</strong>
</p>
<p>～合（ａ．从中介绍；ｂ．商议；ｃ．说和。“合”均读轻声）。～媒。</p>
</li>
<li data-num="3.">
<p>
<strong>言论，主张。</strong>
</p>
<p>学～。著书立～。</p>
</li>
<li data-num="4.">
<p>
<strong>责备。</strong>
</p>
<p>数～。</p>
</li>
<li data-num="5.">
<p>
<strong>文体的一种，如韩愈的《师说》。</strong>
</p>
</li>
</ol>
</div>
</div>
<div class="tab-panel" id="tab02">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p>
<strong>通“悦”。</strong>
</p>
<p>《左传·僖公三十年》:“秦伯说,与郑人盟。”《论语·学而》:“学而时习之,不亦说乎?”</p>
</li>
</ol>
</div>
</div>
<div class="tab-panel" id="tab03">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p>
<strong>用话劝说别人使听从自己的意见。</strong>
</p>
<p>如:游说。《孟子·尽心下》:“说大人,则藐之。”《史记·淮阴侯列传》:“广武君李左车说成安君。”</p>
</li>
<li data-num="2.">
<p>
<strong>通“税”。休憩;止息。</strong>
</p>
<p>《诗·召南·甘棠》:“蔽芾甘棠,勿剪勿拜,召伯所说。”孔颖达疏:“说,本或作税。舍也。”</p>
</li>
</ol>
</div>
</div>
<div class="tab-panel" id="tab04">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p>
<strong>通“脱”。解脱。</strong>
</p>
<p>《易·蒙》:“用说桎梏。”</p>
</li>
</ol>
</div>
</div>
</div>
</div>
<div class="list accordion-list inset">
<ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">相关组词</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<div class="block">
<ol class="list-paddingleft-2 words-group">
<li>
<p>
<strong>诉说</strong>
</p>
</li>
<li>
<p>
<strong>说唱</strong>
</p>
</li>
<li>
<p>
<strong>听说</strong>
</p>
</li>
<li>
<p>
<strong>说话</strong>
</p>
</li>
<li>
<p>
<strong>说明</strong>
</p>
</li>
<li>
<p>
<strong>小说</strong>
</p>
</li>
<li>
<p>
<strong>说书</strong>
</p>
</li>
<li>
<p>
<strong>说笑</strong>
</p>
</li>
<li>
<p>
<strong>说穿</strong>
</p>
</li>
</ol>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="card card-accordion card-accordion-spe">
<div class="card-content">
<div class="card-content-inner">
<span>标签：</span>
<a href="">多音字</a>
</div>
</div>
</div>
<div class="tip-pic">
<img src="${ctx}/static/images/cihai-tip.png">
</div>
</div>
</div>
</div>
</div>
<jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>
<script>
$(function () {
})
</script>
\ No newline at end of file
serverside/cihai-wechat/src/main/webapp/static/2-1字语词义.html
......@@ -304,7 +304,7 @@
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a class="link back" href="/">
<a class="link js-jump-page" href="index.html">
<i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span>
</a>
......@@ -347,7 +347,7 @@
<span class="icon icon-word-prev"></span>
</a>
<h1 class="word-title-inner bg-farmland">象</h1>
<a class="word-title-pager next" href="/word-wiki/">百科
<a class="word-title-pager next js-jump-page" href="2-2字百科义.html">百科
<span class="icon icon-word-next"></span>
</a>
</div>
......@@ -406,7 +406,7 @@
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">书法</div>
<div class="item-title">基本释义</div>
</div>
</a>
<div class="accordion-item-content">
......
serverside/cihai-wechat/src/main/webapp/static/2-2字百科义.html
......@@ -304,7 +304,7 @@
<div class="navbar">
<div class="navbar-inner navbar-word-wiki">
<div class="left">
<a class="link back" href="/">
<a class="link js-jump-page" href="index.html">
<i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span>
</a>
......@@ -360,7 +360,7 @@
<div class="single-word">
<div class="word-body">
<div class="word-title">
<a class="word-title-pager prev active back">语词
<a class="word-title-pager prev active js-jump-page" href="2-1字语词义.html">语词
<span class="icon icon-word-prev"></span>
</a>
<h1 class="word-title-inner">象</h1>
......@@ -418,7 +418,7 @@
</li>
<li>
<strong>分布区域：</strong>
<span>非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。</span>
<span>非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。</span>
</li>
</ul>
</div>
......@@ -427,15 +427,15 @@
<div class="word-tab js-word-tab">
<ul>
<li class="active">
<a href="#">基本释义</a>
<a href="#tab01">基本释义</a>
</li>
<li>
<a href="#">图册
<a href="#tab02">图册
<span>(125)</span>
</a>
</li>
<li>
<a href="#">视频
<a href="#tab03">视频
<span>(3)</span>
</a>
</li>
......@@ -443,36 +443,12 @@
</div>
<div class="tab-con js-tab-con">
<div class="tab-panel active" id="tab01">
<div class="tip-box">
<span> 这段话可设置舒适的文字大小。</span>
<div class="tip-operation">
<a class="large-btn" href="#">大</a>
<a class="normal-btn" href="#">选中</a>
<a class="small-btn" href="#">小</a>
</div>
</div>
<div class="article">哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</div>
</div>
<div class="tab-panel" id="tab02">
<div class="tip-box">
<span> 这里的段话，您可以设置舒适的文字大小。</span>
<div class="tip-operation">
<a class="large-btn" href="#">大</a>
<a class="normal-btn" href="#">选中</a>
<a class="small-btn" href="#">小</a>
</div>
</div>
<div class="article">哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</div>
</div>
<div class="tab-panel" id="tab03">
<div class="tip-box">
<span> 这里的段话，您可以设置舒适的文字大小。</span>
<div class="tip-operation">
<a class="large-btn" href="#">大</a>
<a class="normal-btn" href="#">选中</a>
<a class="small-btn" href="#">小</a>
</div>
</div>
<div class="article">哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</div>
</div>
</div>
......
serverside/cihai-wechat/src/main/webapp/static/4-1多音字.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>4-1多音字</title>
<link rel="stylesheet" href="css/vendor.css">
</head>
<body>
<div class="loading" id="loading">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="64px" height="64px" viewBox="0 0 128 128" xml:space="preserve">
<g>
<path d="M78.75 16.18V1.56a64.1 64.1 0 0 1 47.7 47.7H111.8a49.98 49.98 0 0 0-33.07-33.08zM16.43 49.25H1.8a64.1 64.1 0 0 1 47.7-47.7V16.2a49.98 49.98 0 0 0-33.07 33.07zm33.07 62.32v14.62A64.1 64.1 0 0 1 1.8 78.5h14.63a49.98 49.98 0 0 0 33.07 33.07zm62.32-33.07h14.62a64.1 64.1 0 0 1-47.7 47.7v-14.63a49.98 49.98 0 0 0 33.08-33.07z"
fill="#494949" fill-opacity="1" />
<animateTransform attributeName="transform" type="rotate" from="0 64 64" to="-90 64 64" dur="400ms" repeatCount="indefinite"></animateTransform>
</g>
</svg>
</div>
<div id="app">
<div class="statusbar"></div>
<div class="panel panel-right panel-cover panel-nav">
<div class="page navbar-fixed page-side-nav">
<div class="navbar">
<div class="navbar-inner">
<div class="center" style="left:0">“象”在其他百科辞典的解释</div>
</div>
</div>
<div class="page-content">
<div class="page-side">
<div class="list-block accordion-list">
<ul>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">辞海</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国人名大词典（历史人物卷）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">历代名人并称辞典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">哲学大辞典（修订本）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国哲学大辞典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国历史大辞典（全六卷）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">世界近代史词典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">东南亚历史词典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国文学大辞典（修订本）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="view view-main view-init ios-edges" data-url="/">
<div class="page">
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a class="link js-jump-page" href="index.html">
<i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span>
</a>
</div>
<div class="right word-navbar-btn">
<a class="panel-open" href="#" data-panel="right">
<span class="icon icon-book"></span>
</a>
<a href="/word-wiki/">
<i class="iconfont icon-qiyeguanxitupu"></i>
</a>
</div>
</div>
</div>
<div class="toolbar">
<div class="toolbar-cover">
<a class="link-btn" href="#">
<i class="iconfont icon-xin"></i>
<span>116</span>
</a>
<a class="link-btn" href="#">
<i class="iconfont icon-fenxiang"></i>
<span>58</span>
</a>
<a class="link-btn" href="#">
<i class="iconfont icon-pinglun" style="top:1px"></i>
<span>79</span>
</a>
<div class="word-read">
<h1>说</h1>
<a class="link-voice" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</div>
</div>
</div>
<div class="page-content">
<div class="word-title word-title-2">
<div class="row">
<div class="col">
<h1 class="word-title-inner bg-farmland">说</h1>
</div>
<div class="col">
<ul class="word-title-desc">
<li>
<span>【shuō】</span>
<a class="link" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</li>
<li>
<span>【yuè】</span>
<a class="link" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</li>
<li>
<span>【shuì】</span>
<a class="link" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</li>
<li>
<span>【tuō】</span>
<a class="link" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="card card-accordion">
<div class="card-content">
<div class="card-content-inner">
<div class="row">
<div class="col-01">笔画：9</div>
<div class="col-02">部首：讠</div>
<div class="col-03">四角号码：38712</div>
</div>
<div class="row">
<div class="col-01">部外：7</div>
<div class="col-02">结构：左右</div>
<div class="col-03">繁体：説</div>
</div>
</div>
</div>
</div>
<div class="list accordion-list inset accordion-list-spe">
<ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">字源</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<ul>
<li>
<img src="images/source-2.png">
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
<!-- 基本释义-->
<div class="word-tab-cover">
<div class="word-tab-cover-title">基本释义</div>
<div class="word-tab js-word-tab">
<ul>
<li class="active">
<a class="tab-link" href="#tab01">【shuō】</a>
</li>
<li>
<a class="tab-link" href="#tab02">【yuè】</a>
</li>
<li>
<a class="tab-link" href="#tab03">【shuì】</a>
</li>
<li>
<a class="tab-link" href="#tab04">【tuō】</a>
</li>
</ul>
</div>
<div class="tab-con js-tab-con">
<div class="tab-panel active" id="tab01">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p>
<strong>用话来表达意思。</strong>
</p>
<p>～话。～明。演～。解～。</p>
</li>
<li data-num="2.">
<p>
<strong>介绍。</strong>
</p>
<p>～合（ａ．从中介绍；ｂ．商议；ｃ．说和。“合”均读轻声）。～媒。</p>
</li>
<li data-num="3.">
<p>
<strong>言论，主张。</strong>
</p>
<p>学～。著书立～。</p>
</li>
<li data-num="4.">
<p>
<strong>责备。</strong>
</p>
<p>数～。</p>
</li>
<li data-num="5.">
<p>
<strong>文体的一种，如韩愈的《师说》。</strong>
</p>
</li>
</ol>
</div>
</div>
<div class="tab-panel" id="tab02">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p>
<strong>通“悦”。</strong>
</p>
<p>《左传·僖公三十年》:“秦伯说,与郑人盟。”《论语·学而》:“学而时习之,不亦说乎?”</p>
</li>
</ol>
</div>
</div>
<div class="tab-panel" id="tab03">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p>
<strong>用话劝说别人使听从自己的意见。</strong>
</p>
<p>如:游说。《孟子·尽心下》:“说大人,则藐之。”《史记·淮阴侯列传》:“广武君李左车说成安君。”</p>
</li>
<li data-num="2.">
<p>
<strong>通“税”。休憩;止息。</strong>
</p>
<p>《诗·召南·甘棠》:“蔽芾甘棠,勿剪勿拜,召伯所说。”孔颖达疏:“说,本或作税。舍也。”</p>
</li>
</ol>
</div>
</div>
<div class="tab-panel" id="tab04">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p>
<strong>通“脱”。解脱。</strong>
</p>
<p>《易·蒙》:“用说桎梏。”</p>
</li>
</ol>
</div>
</div>
</div>
</div>
<div class="list accordion-list inset">
<ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">相关组词</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<div class="block">
<ol class="list-paddingleft-2 words-group">
<li>
<p>
<strong>诉说</strong>
</p>
</li>
<li>
<p>
<strong>说唱</strong>
</p>
</li>
<li>
<p>
<strong>听说</strong>
</p>
</li>
<li>
<p>
<strong>说话</strong>
</p>
</li>
<li>
<p>
<strong>说明</strong>
</p>
</li>
<li>
<p>
<strong>小说</strong>
</p>
</li>
<li>
<p>
<strong>说书</strong>
</p>
</li>
<li>
<p>
<strong>说笑</strong>
</p>
</li>
<li>
<p>
<strong>说穿</strong>
</p>
</li>
</ol>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="card card-accordion card-accordion-spe">
<div class="card-content">
<div class="card-content-inner">
<span>标签：</span>
<a href="">多音字</a>
</div>
</div>
</div>
<div class="tip-pic">
<img src="images/cihai-tip.png">
</div>
</div>
</div>
</div>
</div>
<script src="js/vendor.js"></script>
<script src="js/main.js"></script>
</body>
</html>
\ No newline at end of file
serverside/cihai-wechat/src/main/webapp/static/css/vendor.css
This diff could not be displayed because it is too large.
serverside/cihai-wechat/src/main/webapp/static/js/main.js
......@@ -11,18 +11,23 @@ setTimeout(function () {
$loading.hide();
},300);
// tab切换
$('.js-word-tab .tab-link').click(function () {
var $this = $(this);
$this.parent().addClass('active').siblings().removeClass('active');
$($this.attr('href')).addClass('active').siblings().removeClass('active');
return false;
});
/**
* 页面切换
* @param url
*/
function jumpPage(url) {
$loading.show();
setTimeout(function () {
$loading.removeClass('fade-in');
$loading.show().removeClass('fade-out');
setTimeout(function () {
window.location.href = url;
},300);
},10);
}
$('.js-jump-page').click(function () {
......
serverside/cihai-wechat/src/main/webapp/static/js/plugins/lodash.core.js 0 → 100644
This diff could not be displayed because it is too large.
serverside/cihai-wechat/src/main/webapp/static/专题.html
......@@ -24,9 +24,9 @@
<div class="view view-main view-init ios-edges" data-url="/">
<div class="page">
<div class="navbar">
<div class="navbar-inner">
<div class="navbar-inner navbar-word-wiki">
<div class="left">
<a class="link back" href="/">
<a class="link js-jump-page" href="index.html">
<i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span>
</a>
......@@ -364,7 +364,8 @@
font: {
color: '#333'
}
}
},
clickToUse: true
});
};
var relationPicData = {
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!