From d9b2c4b780340d2d2e8ca1a328034f19092fcddb Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: 星期三, 10 七月 2019 17:57:08 +0800
Subject: [PATCH] 提交breadcrumb功能
---
WebService/src/main/resources/static/js/core.js | 10 +++
WebService/src/main/resources/views/demoFlow.html | 7 ++
WebService/src/main/resources/components/list-demo/listDemo.html | 3
WebService/src/main/resources/components/breadcrumb/breadcrumb.html | 19 ++++++
WebService/src/main/resources/components/breadcrumb/breadcrumb.js | 68 ++++++++++++++++++++++
WebService/src/main/resources/views/serviceBindingFlow.html | 33 +++++++++++
6 files changed, 138 insertions(+), 2 deletions(-)
diff --git a/WebService/src/main/resources/components/breadcrumb/breadcrumb.html b/WebService/src/main/resources/components/breadcrumb/breadcrumb.html
new file mode 100644
index 0000000..7c6ea21
--- /dev/null
+++ b/WebService/src/main/resources/components/breadcrumb/breadcrumb.html
@@ -0,0 +1,19 @@
+<div id="breadcrumb" class="border-bottom white-bg page-heading">
+ <div class="row">
+ <div class="col-lg-12" style="margin-left: 5px;">
+ <h2>{{breadCrumbs.length > 0 ? breadCrumbs[breadCrumbs.length-1].pageName : ''}}</h2>
+ <ol class="breadcrumb">
+ <li class="breadcrumb-item">
+ <a href="/">棣栭〉</a>
+ </li>
+ <li class="breadcrumb-item" v-for="breadCrumb in breadCrumbs">
+ <span v-if="breadCrumb.parentPageName == ''">
+ {{breadCrumb.parentPageName}}
+ </span>
+ <strong v-if="breadCrumb.parentPageName != ''">{{breadCrumb.pageName}}</strong>
+ </li>
+
+ </ol>
+ </div>
+ </div>
+</div>
\ No newline at end of file
diff --git a/WebService/src/main/resources/components/breadcrumb/breadcrumb.js b/WebService/src/main/resources/components/breadcrumb/breadcrumb.js
new file mode 100644
index 0000000..cb6e73f
--- /dev/null
+++ b/WebService/src/main/resources/components/breadcrumb/breadcrumb.js
@@ -0,0 +1,68 @@
+/**
+ 鑿滃崟 澶勭悊
+**/
+(function(vc){
+ var vm = new Vue({
+ el:'#breadcrumb',
+ data:{
+ breadCrumbs:[]
+ },
+ mounted:function(){
+ this._freshBreadCrumbByUrl();
+ },
+ methods:{
+ _freshBreadCrumbByUrl:function(){
+
+ var _tmpMenus = vc.getMenus();
+ var _url = vc.getUrl();
+
+ /**
+ 姝ｅ父鎯呭喌涓嬫槸璧颁笉鍒拌繖閲岀殑锛�
+ 鍥犱负绯荤粺鐧诲綍鏃讹紝灏卞凡缁忓姞杞借彍鍗曚俊鎭紦瀛樺埌鏈湴浜�
+
+ **/
+ if(_tmpMenus == null || _tmpMenus == undefined){
+ return ;
+ }
+ for(var menuIndex =0 ; menuIndex < _tmpMenus.length;menuIndex ++){
+ //涓ゅ眰缁撴瀯鐨勬儏鍐�
+ if(_tmpMenus[menuIndex].hasOwnProperty('childs')){
+ var _childs = _tmpMenus[menuIndex].childs;
+ for(var _childIndex = 0; _childIndex < _childs.length; _childIndex ++){
+ if(this._getRealUrl(_childs[_childIndex].href) == _url){
+ var _tmpBreadCrumbInf = {
+ parentPageName: "",
+ pageName: _tmpMenus[menuIndex].name
+ };
+ vm.breadCrumbInfo.breadCrumbs.push(_tmpBreadCrumbInf);
+ _tmpBreadCrumbInf = {
+ parentPageName: _tmpMenus[menuIndex].name,
+ pageName: _childs[_childIndex].name
+ };
+ vm.breadCrumbs.push(_tmpBreadCrumbInf);
+ break;
+ }
+ }
+ }else{
+ if(this._getRealUrl(_tmpMenus[menuIndex].href) == url){
+ var _tmpBreadCrumbInf = {
+ parentPageName: "棣栭〉",
+ pageName: _tmpMenus[menuIndex].name
+ };
+ vm.breadCrumbs.push(_tmpBreadCrumbInf);
+ }
+ }
+ }
+ },
+
+ _getRealUrl:function(_url){
+ if(_url.indexOf('?') != -1){
+ return _url.substring(0, _url.indexOf('?'));
+ }
+ return _url;
+ }
+ },
+
+ });
+
+})(window.vc)
\ No newline at end of file
diff --git a/WebService/src/main/resources/components/list-demo/listDemo.html b/WebService/src/main/resources/components/list-demo/listDemo.html
index 71b6934..f028ea4 100644
--- a/WebService/src/main/resources/components/list-demo/listDemo.html
+++ b/WebService/src/main/resources/components/list-demo/listDemo.html
@@ -1,4 +1,5 @@
-<div id="component" class="wrapper wrapper-content animated fadeInRight ecommerce">
+<div id="component" >
+ <!-- class="wrapper wrapper-content animated fadeInRight ecommerce" -->
<div class="row">
<div class="col-lg-12">
<div class="ibox">
diff --git a/WebService/src/main/resources/static/js/core.js b/WebService/src/main/resources/static/js/core.js
index 37fb1c9..2051eda 100644
--- a/WebService/src/main/resources/static/js/core.js
+++ b/WebService/src/main/resources/static/js/core.js
@@ -225,6 +225,16 @@
return "";
};
+ //鏌ヨurl
+ vc.getUrl = function(){
+ //杩斿洖褰撳墠 URL 鐨勬煡璇㈤儴鍒嗭紙闂彿 ? 涔嬪悗鐨勯儴鍒嗭級銆�
+ var urlParameters = location.search;
+ //濡傛灉璇ユ眰闈掍腑鏈夎姹傜殑鍙傛暟锛屽垯鑾峰彇璇锋眰鐨勫弬鏁帮紝鍚﹀垯鎵撳嵃鎻愮ず姝よ姹傛病鏈夎姹傜殑鍙傛暟
+ if(urlParameters.indexOf('?') != -1){
+ return urlParameters.substring(0, urlParameters.indexOf('?'));
+ }
+ return urlParameters;
+ };
//瀵硅薄杞琯et鍙傛暟
vc.objToGetParam =function(obj){
var str = [];
diff --git a/WebService/src/main/resources/views/demoFlow.html b/WebService/src/main/resources/views/demoFlow.html
index 6f93bad..930e061 100644
--- a/WebService/src/main/resources/views/demoFlow.html
+++ b/WebService/src/main/resources/views/demoFlow.html
@@ -5,7 +5,7 @@
xmlns:vc="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"/>
- <title>灏忓尯妤煎垵濮嬪寲|java110</title>
+ <title>demo瀛︿範|java110</title>
<vc:create name="commonTop"></vc:create>
</head>
<body>
@@ -18,6 +18,11 @@
<div class="row border-bottom">
<vc:create name="nav"></vc:create>
</div>
+
+ <div class="wrapper wrapper-content" style="padding-bottom: 0px;">
+ <vc:create name="breadcrumb"></vc:create>
+ </div>
+
<!-- id="component" -->
<div class="wrapper wrapper-content animated fadeInRight">
<vc:create name="listDemo"></vc:create>
diff --git a/WebService/src/main/resources/views/serviceBindingFlow.html b/WebService/src/main/resources/views/serviceBindingFlow.html
new file mode 100644
index 0000000..80f9a2f
--- /dev/null
+++ b/WebService/src/main/resources/views/serviceBindingFlow.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en"
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:th="http://www.thymeleaf.org"
+ xmlns:vc="http://www.thymeleaf.org">
+<head>
+ <meta charset="UTF-8"/>
+ <title>鏈嶅姟缁戝畾|java110</title>
+ <vc:create name="commonTop"></vc:create>
+</head>
+<body>
+<vc:create name="bodyTop"></vc:create>
+<div id="wrapper">
+ <vc:create name="menu"></vc:create>
+
+
+ <div id="page-wrapper" class="gray-bg dashbard-1">
+ <div class="row border-bottom">
+ <vc:create name="nav"></vc:create>
+ </div>
+ <!-- id="component" -->
+ <div class="wrapper wrapper-content animated fadeInRight">
+ <vc:create name="appManage"></vc:create>
+ </div>
+
+ <vc:create name="copyright"></vc:create>
+
+ </div>
+</div>
+
+<vc:create name="commonBottom"></vc:create>
+</body>
+</html>
--
Gitblit v1.8.0