Skip to content

石磊 / cihai

Go to a project
Commit 84b272d3 by 石头
Options

整合词条页面

1 parent 6d444bb4
Inline Side-by-side
Showing 12 changed files with 1223 additions and 49 deletions
serverside/cihai-core/src/main/java/com/dookay/cihai/core/word/domain/WordDomain.java
...@@ -83,6 +83,7 @@ public class WordDomain implements Serializable { ...@@ -83,6 +83,7 @@ public class WordDomain implements Serializable {
private String category; private String category;
private String wordAlias; private String wordAlias;
private Boolean isPolyphone;
} }
serverside/cihai-wechat/src/main/java/com/dookay/cihai/wechat/controller/HomeController.java
...@@ -14,10 +14,12 @@ ...@@ -14,10 +14,12 @@
package com.dookay.cihai.wechat.controller; 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.AipImageClassifyClient;
import com.dookay.cihai.core.aip.AipWordUtilBean; import com.dookay.cihai.core.aip.AipWordUtilBean;
import com.dookay.cihai.core.aip.model.ImageResult; import com.dookay.cihai.core.aip.model.ImageResult;
import com.dookay.cihai.core.aip.model.LexerItem; 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.domain.ThemeDomain;
import com.dookay.cihai.core.theme.query.ThemeQuery; import com.dookay.cihai.core.theme.query.ThemeQuery;
import com.dookay.cihai.core.theme.service.IThemeService; import com.dookay.cihai.core.theme.service.IThemeService;
...@@ -63,6 +65,9 @@ public class HomeController extends BaseController { ...@@ -63,6 +65,9 @@ public class HomeController extends BaseController {
@Autowired @Autowired
private AipImageClassifyClient aipImageClassifyClient; private AipImageClassifyClient aipImageClassifyClient;
@Autowired
private AipDefaultClient aipDefaultClient;
/** /**
* @author 石磊 * @author 石磊
* @date 2017/12/6 * @date 2017/12/6
...@@ -130,10 +135,13 @@ public class HomeController extends BaseController { ...@@ -130,10 +135,13 @@ public class HomeController extends BaseController {
@RequestMapping(value = "/image/search", method = RequestMethod.POST, produces = MediaTypes.JSON_UTF_8) @RequestMapping(value = "/image/search", method = RequestMethod.POST, produces = MediaTypes.JSON_UTF_8)
@ResponseBody @ResponseBody
public JsonResult imageSearch(String image) { public JsonResult imageSearch(String image) {
System.out.println("进入图片检索");
try { try {
ImageResult imageResult = aipImageClassifyClient.getImageResult(image); ScanResult imageResult = aipDefaultClient.scan(image);
String name = imageResult.getName(); System.out.println(imageResult);
if (imageResult.getWordsList().size() <= 0) {
return errorResult("暂无检索结果");
}
String name = imageResult.getWordsList().get(0);
System.out.println(name); System.out.println(name);
WordQuery wordQuery = new WordQuery(); WordQuery wordQuery = new WordQuery();
wordQuery.setKeyword(name); wordQuery.setKeyword(name);
...@@ -145,7 +153,7 @@ public class HomeController extends BaseController { ...@@ -145,7 +153,7 @@ public class HomeController extends BaseController {
wordDomain = wordService.getFirst(wordQuery); wordDomain = wordService.getFirst(wordQuery);
if (wordDomain == null) return errorResult("暂无检索结果"); 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) { } catch (Exception ex) {
return errorResult("暂无检索结果"); return errorResult("暂无检索结果");
} }
......
serverside/cihai-wechat/src/main/java/com/dookay/cihai/wechat/controller/WordController.java
...@@ -43,7 +43,7 @@ public class WordController extends BaseController { ...@@ -43,7 +43,7 @@ public class WordController extends BaseController {
@RequestMapping(value = "/detail/{id}", method = RequestMethod.GET) @RequestMapping(value = "/detail/{id}", method = RequestMethod.GET)
public ModelAndView detail(@PathVariable Long id) { public ModelAndView detail(@PathVariable Long id) {
WordDomain wordDomain = wordService.get(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); mv.addObject("word", wordDomain);
return mv; return mv;
} }
...@@ -56,7 +56,7 @@ public class WordController extends BaseController { ...@@ -56,7 +56,7 @@ public class WordController extends BaseController {
@RequestMapping(value = "/baike/{id}", method = RequestMethod.GET) @RequestMapping(value = "/baike/{id}", method = RequestMethod.GET)
public ModelAndView baike(@PathVariable Long id) { public ModelAndView baike(@PathVariable Long id) {
WordDomain wordDomain = wordService.get(id); WordDomain wordDomain = wordService.get(id);
ModelAndView mv = new ModelAndView("/portal/word/baike"); ModelAndView mv = new ModelAndView("portal/word/baike");
mv.addObject("word", wordDomain); mv.addObject("word", wordDomain);
return mv; return mv;
} }
......
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 \ No newline at end of file
serverside/cihai-wechat/src/main/webapp/static/2-1字语词义.html
...@@ -304,7 +304,7 @@ ...@@ -304,7 +304,7 @@
<div class="navbar"> <div class="navbar">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="left"> <div class="left">
<a class="link back" href="/"> <a class="link js-jump-page" href="index.html">
<i class="iconfont icon-jiantou"></i> <i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span> <span class="ios-only">返回</span>
</a> </a>
...@@ -347,7 +347,7 @@ ...@@ -347,7 +347,7 @@
<span class="icon icon-word-prev"></span> <span class="icon icon-word-prev"></span>
</a> </a>
<h1 class="word-title-inner bg-farmland">象</h1> <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> <span class="icon icon-word-next"></span>
</a> </a>
</div> </div>
...@@ -406,7 +406,7 @@ ...@@ -406,7 +406,7 @@
<li class="accordion-item"> <li class="accordion-item">
<a class="item-link item-content" href="#"> <a class="item-link item-content" href="#">
<div class="item-inner"> <div class="item-inner">
<div class="item-title">书法</div> <div class="item-title">基本释义</div>
</div> </div>
</a> </a>
<div class="accordion-item-content"> <div class="accordion-item-content">
......
serverside/cihai-wechat/src/main/webapp/static/2-2字百科义.html
...@@ -304,7 +304,7 @@ ...@@ -304,7 +304,7 @@
<div class="navbar"> <div class="navbar">
<div class="navbar-inner navbar-word-wiki"> <div class="navbar-inner navbar-word-wiki">
<div class="left"> <div class="left">
<a class="link back" href="/"> <a class="link js-jump-page" href="index.html">
<i class="iconfont icon-jiantou"></i> <i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span> <span class="ios-only">返回</span>
</a> </a>
...@@ -360,7 +360,7 @@ ...@@ -360,7 +360,7 @@
<div class="single-word"> <div class="single-word">
<div class="word-body"> <div class="word-body">
<div class="word-title"> <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> <span class="icon icon-word-prev"></span>
</a> </a>
<h1 class="word-title-inner">象</h1> <h1 class="word-title-inner">象</h1>
...@@ -418,7 +418,7 @@ ...@@ -418,7 +418,7 @@
</li> </li>
<li> <li>
<strong>分布区域：</strong> <strong>分布区域：</strong>
<span>非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。</span> <span>非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。</span>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -427,15 +427,15 @@ ...@@ -427,15 +427,15 @@
<div class="word-tab js-word-tab"> <div class="word-tab js-word-tab">
<ul> <ul>
<li class="active"> <li class="active">
<a href="#">基本释义</a> <a href="#tab01">基本释义</a>
</li> </li>
<li> <li>
<a href="#">图册 <a href="#tab02">图册
<span>(125)</span> <span>(125)</span>
</a> </a>
</li> </li>
<li> <li>
<a href="#">视频 <a href="#tab03">视频
<span>(3)</span> <span>(3)</span>
</a> </a>
</li> </li>
...@@ -443,36 +443,12 @@ ...@@ -443,36 +443,12 @@
</div> </div>
<div class="tab-con js-tab-con"> <div class="tab-con js-tab-con">
<div class="tab-panel active" id="tab01"> <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 class="article">哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</div>
</div> </div>
<div class="tab-panel" id="tab02"> <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 class="article">哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</div>
</div> </div>
<div class="tab-panel" id="tab03"> <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 class="article">哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</div>
</div> </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 \ 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 () { ...@@ -11,18 +11,23 @@ setTimeout(function () {
$loading.hide(); $loading.hide();
},300); },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 * @param url
*/ */
function jumpPage(url) { function jumpPage(url) {
$loading.show(); $loading.show().removeClass('fade-out');
setTimeout(function () { setTimeout(function () {
$loading.removeClass('fade-in'); window.location.href = url;
setTimeout(function () { },300);
window.location.href = url;
},300);
},10);
} }
$('.js-jump-page').click(function () { $('.js-jump-page').click(function () {
......
serverside/cihai-wechat/src/main/webapp/static/专题.html
...@@ -24,9 +24,9 @@ ...@@ -24,9 +24,9 @@
<div class="view view-main view-init ios-edges" data-url="/"> <div class="view view-main view-init ios-edges" data-url="/">
<div class="page"> <div class="page">
<div class="navbar"> <div class="navbar">
<div class="navbar-inner"> <div class="navbar-inner navbar-word-wiki">
<div class="left"> <div class="left">
<a class="link back" href="/"> <a class="link js-jump-page" href="index.html">
<i class="iconfont icon-jiantou"></i> <i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span> <span class="ios-only">返回</span>
</a> </a>
...@@ -364,7 +364,8 @@ ...@@ -364,7 +364,8 @@
font: { font: {
color: '#333' color: '#333'
} }
} },
clickToUse: true
}); });
}; };
var relationPicData = { var relationPicData = {
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!