From a9c86940e251ae307e48f0ab243bfa3a8ef0b39d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9A=AE=E5=85=89=EF=BC=9A=E5=9F=8E=E4=B8=AD=E5=9F=8E?= <806783409@qq.com> Date: Tue, 11 Dec 2018 22:36:02 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0debug=E5=8F=82=E6=95=B0?= =?UTF-8?q?=E7=AE=A1=E7=90=86=EF=BC=8C=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../main/resources/export/js/mgResizeble.js | 210 +- .../webjars/doc-db/js/mgResizeble.js | 210 +- .../config/security/WebSecurityConfig.java | 274 +-- .../webapp/statics/lib/mg/js/mgResizeble.js | 210 +- .../controller/MgStorageController.java | 130 +- .../src/main/resources/document.html | 21 +- .../src/main/resources/export/css/mg-ui.css | 268 +-- .../src/main/resources/export/document.html | 408 ++-- .../src/main/resources/export/js/mg-ui.js | 1416 +++++------ .../main/resources/export/js/mgResizeble.js | 210 +- .../resources/webjars/mg-ui/css/mg-ui.css | 272 ++- .../main/resources/webjars/mg-ui/js/common.js | 48 +- .../webjars/mg-ui/js/mg-ui-cache-keys.js | 1 + .../main/resources/webjars/mg-ui/js/mg-ui.js | 2137 ++++++++--------- .../resources/webjars/mg-ui/js/mgResizable.js | 210 +- .../webjars/zpages/debugDataConfig.html | 131 +- 16 files changed, 3118 insertions(+), 3038 deletions(-) diff --git a/zyplayer-doc-db/src/main/resources/export/js/mgResizeble.js b/zyplayer-doc-db/src/main/resources/export/js/mgResizeble.js index c927aa9e..366e87f6 100644 --- a/zyplayer-doc-db/src/main/resources/export/js/mgResizeble.js +++ b/zyplayer-doc-db/src/main/resources/export/js/mgResizeble.js @@ -1,106 +1,106 @@ - -/** - * 两个元素上下、左右拖动动态改变大小 - * @author 暮光：城中城 - * @since 2017年5月7日 - */ -(function($){ - $.fn.mgResizebleHeight = function(options) { - var defaults = {prev:this,next:this, prevHtMin:0, prevHtMax:999, nextHtMin:0, nextHtMax:999}; - var opts = $.extend(defaults, options); - var disY = 0, prevH = 0, nextH = 0, isStart = false; - var prev, next, thisObj = this; - $(document).mousemove(function(ev){ - if(!isStart){return;} - var ev = ev || window.event; - var H = ev.clientY - disY; - var prevHNow = prevH+H, nextHNow = nextH-H; - if(opts.prevHtMin >= prevHNow) { - prevHNow = opts.prevHtMin; - nextHNow = next.outerHeight(); - } - if(opts.nextHtMin >= nextHNow) { - nextHNow = opts.nextHtMin; - prevHNow = prev.outerHeight(); - } - if(opts.prevHtMax <= prevHNow) { - prevHNow = opts.prevHtMax; - nextHNow = next.outerHeight(); - } - if(opts.nextHtMax <= nextHNow) { - nextHNow = opts.nextHtMax; - prevHNow = prev.outerHeight(); - } - //prev.css("height", prevHNow + 'px'); - //next.css("height", nextHNow + 'px'); - if(typeof opts.onresize == 'function') { - opts.onresize(prevHNow, nextHNow); - } - }).mouseup(function(ev){ - isStart = false; - }); - $(this).mousedown(function(ev){ - var ev = ev || window.event; - disY = ev.clientY; - prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); - next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); - prevH = prev.outerHeight(); - nextH = next.outerHeight(); - isStart = true; - }); - } - /** - * 改变宽度的功能，只是实现各种消息的通知，实际改变大小需要在回调里面自己操作 - */ - $.fn.mgResizebleWidth = function(options) { - var defaults = {prev:this,next:this, prevWtMin:0, prevWtMax:999, nextWtMin:0, nextWtMax:999}; - var opts = $.extend(defaults, options); - var disX = 0, prevW = 0, nextW = 0, isStart = false; - var prev, next, thisObj = this; - $(document).mousemove(function(ev){ - if(!isStart){return;} - var ev = ev || window.event; - var W = ev.clientX - disX; - var prevWNow = prevW+W, nextWNow = nextW-W; - if(opts.prevWtMin >= prevWNow) { - prevWNow = opts.prevWtMin; - nextWNow = next.outerWidth(); - } - if(opts.nextWtMin >= nextWNow) { - nextWNow = opts.nextWtMin; - prevWNow = prev.outerWidth(); - } - if(opts.prevWtMax <= prevWNow) { - prevWNow = opts.prevWtMax; - nextWNow = next.outerWidth(); - } - if(opts.nextWtMax <= nextWNow) { - nextWNow = opts.nextWtMax; - prevWNow = prev.outerWidth(); - } - //prev.css("width", prevWNow + 'px'); - //next.css("width", nextWNow + 'px'); - if(typeof opts.onresize == 'function') { - opts.onresize(prevWNow, nextWNow); - } - }).mouseup(function(ev){ - if(!isStart){return;} - isStart = false; - if(typeof opts.onfinish == 'function') { - opts.onfinish(); - } - }); - $(this).mousedown(function(ev){ - var ev = ev || window.event; - disX = ev.clientX; - prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); - next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); - prevW = prev.outerWidth(); - nextW = next.outerWidth(); - isStart = true; - if(typeof opts.onstart == 'function') { - opts.onstart(); - } - }); - } + +/** + * 两个元素上下、左右拖动动态改变大小 + * @author 暮光：城中城 + * @since 2017年5月7日 + */ +(function($){ + $.fn.mgResizableHeight = function(options) { + var defaults = {prev:this,next:this, prevHtMin:0, prevHtMax:999, nextHtMin:0, nextHtMax:999}; + var opts = $.extend(defaults, options); + var disY = 0, prevH = 0, nextH = 0, isStart = false; + var prev, next, thisObj = this; + $(document).mousemove(function(ev){ + if(!isStart){return;} + var ev = ev || window.event; + var H = ev.clientY - disY; + var prevHNow = prevH+H, nextHNow = nextH-H; + if(opts.prevHtMin >= prevHNow) { + prevHNow = opts.prevHtMin; + nextHNow = next.outerHeight(); + } + if(opts.nextHtMin >= nextHNow) { + nextHNow = opts.nextHtMin; + prevHNow = prev.outerHeight(); + } + if(opts.prevHtMax <= prevHNow) { + prevHNow = opts.prevHtMax; + nextHNow = next.outerHeight(); + } + if(opts.nextHtMax <= nextHNow) { + nextHNow = opts.nextHtMax; + prevHNow = prev.outerHeight(); + } + //prev.css("height", prevHNow + 'px'); + //next.css("height", nextHNow + 'px'); + if(typeof opts.onresize == 'function') { + opts.onresize(prevHNow, nextHNow); + } + }).mouseup(function(ev){ + isStart = false; + }); + $(this).mousedown(function(ev){ + var ev = ev || window.event; + disY = ev.clientY; + prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); + next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); + prevH = prev.outerHeight(); + nextH = next.outerHeight(); + isStart = true; + }); + } + /** + * 改变宽度的功能，只是实现各种消息的通知，实际改变大小需要在回调里面自己操作 + */ + $.fn.mgResizableWidth = function(options) { + var defaults = {prev:this,next:this, prevWtMin:0, prevWtMax:999, nextWtMin:0, nextWtMax:999}; + var opts = $.extend(defaults, options); + var disX = 0, prevW = 0, nextW = 0, isStart = false; + var prev, next, thisObj = this; + $(document).mousemove(function(ev){ + if(!isStart){return;} + var ev = ev || window.event; + var W = ev.clientX - disX; + var prevWNow = prevW+W, nextWNow = nextW-W; + if(opts.prevWtMin >= prevWNow) { + prevWNow = opts.prevWtMin; + nextWNow = next.outerWidth(); + } + if(opts.nextWtMin >= nextWNow) { + nextWNow = opts.nextWtMin; + prevWNow = prev.outerWidth(); + } + if(opts.prevWtMax <= prevWNow) { + prevWNow = opts.prevWtMax; + nextWNow = next.outerWidth(); + } + if(opts.nextWtMax <= nextWNow) { + nextWNow = opts.nextWtMax; + prevWNow = prev.outerWidth(); + } + //prev.css("width", prevWNow + 'px'); + //next.css("width", nextWNow + 'px'); + if(typeof opts.onresize == 'function') { + opts.onresize(prevWNow, nextWNow); + } + }).mouseup(function(ev){ + if(!isStart){return;} + isStart = false; + if(typeof opts.onfinish == 'function') { + opts.onfinish(); + } + }); + $(this).mousedown(function(ev){ + var ev = ev || window.event; + disX = ev.clientX; + prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); + next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); + prevW = prev.outerWidth(); + nextW = next.outerWidth(); + isStart = true; + if(typeof opts.onstart == 'function') { + opts.onstart(); + } + }); + } })(jQuery); \ No newline at end of file diff --git a/zyplayer-doc-db/src/main/resources/webjars/doc-db/js/mgResizeble.js b/zyplayer-doc-db/src/main/resources/webjars/doc-db/js/mgResizeble.js index c927aa9e..366e87f6 100644 --- a/zyplayer-doc-db/src/main/resources/webjars/doc-db/js/mgResizeble.js +++ b/zyplayer-doc-db/src/main/resources/webjars/doc-db/js/mgResizeble.js @@ -1,106 +1,106 @@ - -/** - * 两个元素上下、左右拖动动态改变大小 - * @author 暮光：城中城 - * @since 2017年5月7日 - */ -(function($){ - $.fn.mgResizebleHeight = function(options) { - var defaults = {prev:this,next:this, prevHtMin:0, prevHtMax:999, nextHtMin:0, nextHtMax:999}; - var opts = $.extend(defaults, options); - var disY = 0, prevH = 0, nextH = 0, isStart = false; - var prev, next, thisObj = this; - $(document).mousemove(function(ev){ - if(!isStart){return;} - var ev = ev || window.event; - var H = ev.clientY - disY; - var prevHNow = prevH+H, nextHNow = nextH-H; - if(opts.prevHtMin >= prevHNow) { - prevHNow = opts.prevHtMin; - nextHNow = next.outerHeight(); - } - if(opts.nextHtMin >= nextHNow) { - nextHNow = opts.nextHtMin; - prevHNow = prev.outerHeight(); - } - if(opts.prevHtMax <= prevHNow) { - prevHNow = opts.prevHtMax; - nextHNow = next.outerHeight(); - } - if(opts.nextHtMax <= nextHNow) { - nextHNow = opts.nextHtMax; - prevHNow = prev.outerHeight(); - } - //prev.css("height", prevHNow + 'px'); - //next.css("height", nextHNow + 'px'); - if(typeof opts.onresize == 'function') { - opts.onresize(prevHNow, nextHNow); - } - }).mouseup(function(ev){ - isStart = false; - }); - $(this).mousedown(function(ev){ - var ev = ev || window.event; - disY = ev.clientY; - prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); - next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); - prevH = prev.outerHeight(); - nextH = next.outerHeight(); - isStart = true; - }); - } - /** - * 改变宽度的功能，只是实现各种消息的通知，实际改变大小需要在回调里面自己操作 - */ - $.fn.mgResizebleWidth = function(options) { - var defaults = {prev:this,next:this, prevWtMin:0, prevWtMax:999, nextWtMin:0, nextWtMax:999}; - var opts = $.extend(defaults, options); - var disX = 0, prevW = 0, nextW = 0, isStart = false; - var prev, next, thisObj = this; - $(document).mousemove(function(ev){ - if(!isStart){return;} - var ev = ev || window.event; - var W = ev.clientX - disX; - var prevWNow = prevW+W, nextWNow = nextW-W; - if(opts.prevWtMin >= prevWNow) { - prevWNow = opts.prevWtMin; - nextWNow = next.outerWidth(); - } - if(opts.nextWtMin >= nextWNow) { - nextWNow = opts.nextWtMin; - prevWNow = prev.outerWidth(); - } - if(opts.prevWtMax <= prevWNow) { - prevWNow = opts.prevWtMax; - nextWNow = next.outerWidth(); - } - if(opts.nextWtMax <= nextWNow) { - nextWNow = opts.nextWtMax; - prevWNow = prev.outerWidth(); - } - //prev.css("width", prevWNow + 'px'); - //next.css("width", nextWNow + 'px'); - if(typeof opts.onresize == 'function') { - opts.onresize(prevWNow, nextWNow); - } - }).mouseup(function(ev){ - if(!isStart){return;} - isStart = false; - if(typeof opts.onfinish == 'function') { - opts.onfinish(); - } - }); - $(this).mousedown(function(ev){ - var ev = ev || window.event; - disX = ev.clientX; - prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); - next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); - prevW = prev.outerWidth(); - nextW = next.outerWidth(); - isStart = true; - if(typeof opts.onstart == 'function') { - opts.onstart(); - } - }); - } + +/** + * 两个元素上下、左右拖动动态改变大小 + * @author 暮光：城中城 + * @since 2017年5月7日 + */ +(function($){ + $.fn.mgResizableHeight = function(options) { + var defaults = {prev:this,next:this, prevHtMin:0, prevHtMax:999, nextHtMin:0, nextHtMax:999}; + var opts = $.extend(defaults, options); + var disY = 0, prevH = 0, nextH = 0, isStart = false; + var prev, next, thisObj = this; + $(document).mousemove(function(ev){ + if(!isStart){return;} + var ev = ev || window.event; + var H = ev.clientY - disY; + var prevHNow = prevH+H, nextHNow = nextH-H; + if(opts.prevHtMin >= prevHNow) { + prevHNow = opts.prevHtMin; + nextHNow = next.outerHeight(); + } + if(opts.nextHtMin >= nextHNow) { + nextHNow = opts.nextHtMin; + prevHNow = prev.outerHeight(); + } + if(opts.prevHtMax <= prevHNow) { + prevHNow = opts.prevHtMax; + nextHNow = next.outerHeight(); + } + if(opts.nextHtMax <= nextHNow) { + nextHNow = opts.nextHtMax; + prevHNow = prev.outerHeight(); + } + //prev.css("height", prevHNow + 'px'); + //next.css("height", nextHNow + 'px'); + if(typeof opts.onresize == 'function') { + opts.onresize(prevHNow, nextHNow); + } + }).mouseup(function(ev){ + isStart = false; + }); + $(this).mousedown(function(ev){ + var ev = ev || window.event; + disY = ev.clientY; + prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); + next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); + prevH = prev.outerHeight(); + nextH = next.outerHeight(); + isStart = true; + }); + } + /** + * 改变宽度的功能，只是实现各种消息的通知，实际改变大小需要在回调里面自己操作 + */ + $.fn.mgResizableWidth = function(options) { + var defaults = {prev:this,next:this, prevWtMin:0, prevWtMax:999, nextWtMin:0, nextWtMax:999}; + var opts = $.extend(defaults, options); + var disX = 0, prevW = 0, nextW = 0, isStart = false; + var prev, next, thisObj = this; + $(document).mousemove(function(ev){ + if(!isStart){return;} + var ev = ev || window.event; + var W = ev.clientX - disX; + var prevWNow = prevW+W, nextWNow = nextW-W; + if(opts.prevWtMin >= prevWNow) { + prevWNow = opts.prevWtMin; + nextWNow = next.outerWidth(); + } + if(opts.nextWtMin >= nextWNow) { + nextWNow = opts.nextWtMin; + prevWNow = prev.outerWidth(); + } + if(opts.prevWtMax <= prevWNow) { + prevWNow = opts.prevWtMax; + nextWNow = next.outerWidth(); + } + if(opts.nextWtMax <= nextWNow) { + nextWNow = opts.nextWtMax; + prevWNow = prev.outerWidth(); + } + //prev.css("width", prevWNow + 'px'); + //next.css("width", nextWNow + 'px'); + if(typeof opts.onresize == 'function') { + opts.onresize(prevWNow, nextWNow); + } + }).mouseup(function(ev){ + if(!isStart){return;} + isStart = false; + if(typeof opts.onfinish == 'function') { + opts.onfinish(); + } + }); + $(this).mousedown(function(ev){ + var ev = ev || window.event; + disX = ev.clientX; + prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); + next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); + prevW = prev.outerWidth(); + nextW = next.outerWidth(); + isStart = true; + if(typeof opts.onstart == 'function') { + opts.onstart(); + } + }); + } })(jQuery); \ No newline at end of file diff --git a/zyplayer-doc-manage/src/main/java/com/zyplayer/doc/manage/framework/config/security/WebSecurityConfig.java b/zyplayer-doc-manage/src/main/java/com/zyplayer/doc/manage/framework/config/security/WebSecurityConfig.java index c67e47d9..76803226 100644 --- a/zyplayer-doc-manage/src/main/java/com/zyplayer/doc/manage/framework/config/security/WebSecurityConfig.java +++ b/zyplayer-doc-manage/src/main/java/com/zyplayer/doc/manage/framework/config/security/WebSecurityConfig.java @@ -1,138 +1,138 @@ -package com.zyplayer.doc.manage.framework.config.security; - -import org.springframework.context.annotation.Bean; -import org.springframework.context.annotation.Configuration; -import org.springframework.core.annotation.Order; -import org.springframework.security.authentication.AuthenticationManager; -import org.springframework.security.authentication.RememberMeAuthenticationProvider; -import org.springframework.security.config.annotation.authentication.builders.AuthenticationManagerBuilder; -import org.springframework.security.config.annotation.method.configuration.EnableGlobalMethodSecurity; -import org.springframework.security.config.annotation.web.builders.HttpSecurity; -import org.springframework.security.config.annotation.web.builders.WebSecurity; -import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity; -import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter; -import org.springframework.security.crypto.password.PasswordEncoder; -import org.springframework.security.web.authentication.AuthenticationFailureHandler; -import org.springframework.security.web.authentication.AuthenticationSuccessHandler; -import org.springframework.security.web.authentication.LoginUrlAuthenticationEntryPoint; -import org.springframework.security.web.authentication.SimpleUrlAuthenticationFailureHandler; -import org.springframework.security.web.authentication.SimpleUrlAuthenticationSuccessHandler; -import org.springframework.security.web.authentication.UsernamePasswordAuthenticationFilter; -import org.springframework.security.web.authentication.rememberme.RememberMeAuthenticationFilter; -import org.springframework.security.web.authentication.rememberme.TokenBasedRememberMeServices; -import org.springframework.util.DigestUtils; - -@Order(1) -@Configuration -@EnableWebSecurity -@EnableGlobalMethodSecurity(prePostEnabled = true) -public class WebSecurityConfig extends WebSecurityConfigurerAdapter { - - @Bean - @Override - public AuthenticationManager authenticationManagerBean() throws Exception { - return super.authenticationManagerBean(); - } - - /** - * 忽略静态文件 - */ - @Override - public void configure(WebSecurity web) throws Exception { - web.ignoring().antMatchers("/statics/lib/**", "/css/**", "/js/**", "/img/**", "/swagger-resources", "/v2/api-docs"); - } - - @Override - protected void configure(HttpSecurity http) throws Exception { - String loginPage = "/statics/manage/login.html"; - - http.authorizeRequests().antMatchers("/login/**", "/document.html").permitAll()//为了测试其他功能，设置“ /** ”允许所有请求 - .antMatchers("/document.html").hasAuthority("DOC_ALL") - // 其他地址的访问均需登录 - .anyRequest().authenticated().and() - // 添加验证码验证 - .addFilterAt(myUsernamePasswordAuthenticationFilter(), UsernamePasswordAuthenticationFilter.class) - .exceptionHandling() - .authenticationEntryPoint(new LoginUrlAuthenticationEntryPoint(loginPage)) - .and().addFilterAt(rememberMeAuthenticationFilter(), RememberMeAuthenticationFilter.class) - // 指定登录页面的请求路径 - .formLogin().loginPage(loginPage) - // 登陆处理路径 - .loginProcessingUrl("/login").permitAll() - // 退出请求的默认路径为logout - .and().logout().deleteCookies("remember-me") - .logoutUrl("/logout").logoutSuccessUrl(loginPage) - .permitAll() - // 开启rememberMe，设置一个私钥专供testall项目使用，注意与下面TokenBasedRememberMeServices的key保持一致 - // .rememberMe().key("testallKey").and() - // 关闭csrf - .and().csrf().disable() - // X-Frame-Options: SAMEORIGIN 表示该页面可以在相同域名页面的 frame 中展示 - .headers().frameOptions().sameOrigin(); - } - - @Override - protected void configure(AuthenticationManagerBuilder auth) throws Exception { - auth.userDetailsService(userDetailsServiceImpl()) - .passwordEncoder(new PasswordEncoder() { - @Override - public String encode(CharSequence charSequence) { - return DigestUtils.md5DigestAsHex(charSequence.toString().getBytes()); - } - @Override - public boolean matches(CharSequence charSequence, String s) { - String digestAsHex = DigestUtils.md5DigestAsHex(charSequence.toString().getBytes()); - return s.equals(digestAsHex); - } - }).and().authenticationProvider(rememberMeAuthenticationProvider()); - } - - @Bean - public DocDetailsServiceImpl userDetailsServiceImpl() { - return new DocDetailsServiceImpl(); - } - - @Bean - public DocUsernamePasswordAuthenticationFilter myUsernamePasswordAuthenticationFilter() throws Exception { - DocUsernamePasswordAuthenticationFilter myFilter = new DocUsernamePasswordAuthenticationFilter(); - myFilter.setAuthenticationManager(authenticationManagerBean()); - myFilter.setAuthenticationSuccessHandler(authenticationSuccessHandler()); - myFilter.setAuthenticationFailureHandler(authenticationFailureHandler()); - myFilter.setRememberMeServices(tokenBasedRememberMeServices()); - return myFilter; - } - - @Bean - public AuthenticationSuccessHandler authenticationSuccessHandler() { - return new SimpleUrlAuthenticationSuccessHandler("/login/success"); - } - - @Bean - public AuthenticationFailureHandler authenticationFailureHandler() { - return new SimpleUrlAuthenticationFailureHandler("/login/failure"); - } - - @Bean - public TokenBasedRememberMeServices tokenBasedRememberMeServices() { - TokenBasedRememberMeServices tbrms = new TokenBasedRememberMeServices("testallKey", userDetailsServiceImpl()); - // 设置cookie过期时间为2天 - tbrms.setTokenValiditySeconds(60 * 60 * 24 * 2); - // 设置checkbox的参数名为rememberMe（默认为remember-me），注意如果是ajax请求，参数名不是checkbox的name而是在ajax的data里 - tbrms.setParameter("rememberMe"); - tbrms.setAlwaysRemember(false); - return tbrms; - } - - @Bean - public RememberMeAuthenticationProvider rememberMeAuthenticationProvider() { - RememberMeAuthenticationProvider rmap = new RememberMeAuthenticationProvider("testallKey"); - return rmap; - } - - @Bean - public RememberMeAuthenticationFilter rememberMeAuthenticationFilter() throws Exception { - RememberMeAuthenticationFilter myFilter = new RememberMeAuthenticationFilter(authenticationManagerBean(), tokenBasedRememberMeServices()); - return myFilter; - } - +package com.zyplayer.doc.manage.framework.config.security; + +import org.springframework.context.annotation.Bean; +import org.springframework.context.annotation.Configuration; +import org.springframework.core.annotation.Order; +import org.springframework.security.authentication.AuthenticationManager; +import org.springframework.security.authentication.RememberMeAuthenticationProvider; +import org.springframework.security.config.annotation.authentication.builders.AuthenticationManagerBuilder; +import org.springframework.security.config.annotation.method.configuration.EnableGlobalMethodSecurity; +import org.springframework.security.config.annotation.web.builders.HttpSecurity; +import org.springframework.security.config.annotation.web.builders.WebSecurity; +import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity; +import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter; +import org.springframework.security.crypto.password.PasswordEncoder; +import org.springframework.security.web.authentication.AuthenticationFailureHandler; +import org.springframework.security.web.authentication.AuthenticationSuccessHandler; +import org.springframework.security.web.authentication.LoginUrlAuthenticationEntryPoint; +import org.springframework.security.web.authentication.SimpleUrlAuthenticationFailureHandler; +import org.springframework.security.web.authentication.SimpleUrlAuthenticationSuccessHandler; +import org.springframework.security.web.authentication.UsernamePasswordAuthenticationFilter; +import org.springframework.security.web.authentication.rememberme.RememberMeAuthenticationFilter; +import org.springframework.security.web.authentication.rememberme.TokenBasedRememberMeServices; +import org.springframework.util.DigestUtils; + +@Order(1) +@Configuration +@EnableWebSecurity +@EnableGlobalMethodSecurity(prePostEnabled = true) +public class WebSecurityConfig extends WebSecurityConfigurerAdapter { + + @Bean + @Override + public AuthenticationManager authenticationManagerBean() throws Exception { + return super.authenticationManagerBean(); + } + + /** + * 忽略静态文件 + */ + @Override + public void configure(WebSecurity web) throws Exception { + web.ignoring().antMatchers("/statics/lib/**", "/css/**", "/js/**", "/img/**", "/swagger-resources", "/v2/api-docs"); + } + + @Override + protected void configure(HttpSecurity http) throws Exception { + String loginPage = "/statics/manage/login.html"; + + http.authorizeRequests().antMatchers("/login/**").permitAll()//为了测试其他功能，设置“ /** ”允许所有请求 + .antMatchers("/document.html").hasAuthority("DOC_ALL") + // 其他地址的访问均需登录 + .anyRequest().authenticated().and() + // 添加验证码验证 + .addFilterAt(myUsernamePasswordAuthenticationFilter(), UsernamePasswordAuthenticationFilter.class) + .exceptionHandling() + .authenticationEntryPoint(new LoginUrlAuthenticationEntryPoint(loginPage)) + .and().addFilterAt(rememberMeAuthenticationFilter(), RememberMeAuthenticationFilter.class) + // 指定登录页面的请求路径 + .formLogin().loginPage(loginPage) + // 登陆处理路径 + .loginProcessingUrl("/login").permitAll() + // 退出请求的默认路径为logout + .and().logout().deleteCookies("remember-me") + .logoutUrl("/logout").logoutSuccessUrl(loginPage) + .permitAll() + // 开启rememberMe，设置一个私钥专供testall项目使用，注意与下面TokenBasedRememberMeServices的key保持一致 + // .rememberMe().key("testallKey").and() + // 关闭csrf + .and().csrf().disable() + // X-Frame-Options: SAMEORIGIN 表示该页面可以在相同域名页面的 frame 中展示 + .headers().frameOptions().sameOrigin(); + } + + @Override + protected void configure(AuthenticationManagerBuilder auth) throws Exception { + auth.userDetailsService(userDetailsServiceImpl()) + .passwordEncoder(new PasswordEncoder() { + @Override + public String encode(CharSequence charSequence) { + return DigestUtils.md5DigestAsHex(charSequence.toString().getBytes()); + } + @Override + public boolean matches(CharSequence charSequence, String s) { + String digestAsHex = DigestUtils.md5DigestAsHex(charSequence.toString().getBytes()); + return s.equals(digestAsHex); + } + }).and().authenticationProvider(rememberMeAuthenticationProvider()); + } + + @Bean + public DocDetailsServiceImpl userDetailsServiceImpl() { + return new DocDetailsServiceImpl(); + } + + @Bean + public DocUsernamePasswordAuthenticationFilter myUsernamePasswordAuthenticationFilter() throws Exception { + DocUsernamePasswordAuthenticationFilter myFilter = new DocUsernamePasswordAuthenticationFilter(); + myFilter.setAuthenticationManager(authenticationManagerBean()); + myFilter.setAuthenticationSuccessHandler(authenticationSuccessHandler()); + myFilter.setAuthenticationFailureHandler(authenticationFailureHandler()); + myFilter.setRememberMeServices(tokenBasedRememberMeServices()); + return myFilter; + } + + @Bean + public AuthenticationSuccessHandler authenticationSuccessHandler() { + return new SimpleUrlAuthenticationSuccessHandler("/login/success"); + } + + @Bean + public AuthenticationFailureHandler authenticationFailureHandler() { + return new SimpleUrlAuthenticationFailureHandler("/login/failure"); + } + + @Bean + public TokenBasedRememberMeServices tokenBasedRememberMeServices() { + TokenBasedRememberMeServices tbrms = new TokenBasedRememberMeServices("testallKey", userDetailsServiceImpl()); + // 设置cookie过期时间为2天 + tbrms.setTokenValiditySeconds(60 * 60 * 24 * 2); + // 设置checkbox的参数名为rememberMe（默认为remember-me），注意如果是ajax请求，参数名不是checkbox的name而是在ajax的data里 + tbrms.setParameter("rememberMe"); + tbrms.setAlwaysRemember(false); + return tbrms; + } + + @Bean + public RememberMeAuthenticationProvider rememberMeAuthenticationProvider() { + RememberMeAuthenticationProvider rmap = new RememberMeAuthenticationProvider("testallKey"); + return rmap; + } + + @Bean + public RememberMeAuthenticationFilter rememberMeAuthenticationFilter() throws Exception { + RememberMeAuthenticationFilter myFilter = new RememberMeAuthenticationFilter(authenticationManagerBean(), tokenBasedRememberMeServices()); + return myFilter; + } + } \ No newline at end of file diff --git a/zyplayer-doc-manage/src/main/webapp/statics/lib/mg/js/mgResizeble.js b/zyplayer-doc-manage/src/main/webapp/statics/lib/mg/js/mgResizeble.js index c927aa9e..366e87f6 100644 --- a/zyplayer-doc-manage/src/main/webapp/statics/lib/mg/js/mgResizeble.js +++ b/zyplayer-doc-manage/src/main/webapp/statics/lib/mg/js/mgResizeble.js @@ -1,106 +1,106 @@ - -/** - * 两个元素上下、左右拖动动态改变大小 - * @author 暮光：城中城 - * @since 2017年5月7日 - */ -(function($){ - $.fn.mgResizebleHeight = function(options) { - var defaults = {prev:this,next:this, prevHtMin:0, prevHtMax:999, nextHtMin:0, nextHtMax:999}; - var opts = $.extend(defaults, options); - var disY = 0, prevH = 0, nextH = 0, isStart = false; - var prev, next, thisObj = this; - $(document).mousemove(function(ev){ - if(!isStart){return;} - var ev = ev || window.event; - var H = ev.clientY - disY; - var prevHNow = prevH+H, nextHNow = nextH-H; - if(opts.prevHtMin >= prevHNow) { - prevHNow = opts.prevHtMin; - nextHNow = next.outerHeight(); - } - if(opts.nextHtMin >= nextHNow) { - nextHNow = opts.nextHtMin; - prevHNow = prev.outerHeight(); - } - if(opts.prevHtMax <= prevHNow) { - prevHNow = opts.prevHtMax; - nextHNow = next.outerHeight(); - } - if(opts.nextHtMax <= nextHNow) { - nextHNow = opts.nextHtMax; - prevHNow = prev.outerHeight(); - } - //prev.css("height", prevHNow + 'px'); - //next.css("height", nextHNow + 'px'); - if(typeof opts.onresize == 'function') { - opts.onresize(prevHNow, nextHNow); - } - }).mouseup(function(ev){ - isStart = false; - }); - $(this).mousedown(function(ev){ - var ev = ev || window.event; - disY = ev.clientY; - prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); - next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); - prevH = prev.outerHeight(); - nextH = next.outerHeight(); - isStart = true; - }); - } - /** - * 改变宽度的功能，只是实现各种消息的通知，实际改变大小需要在回调里面自己操作 - */ - $.fn.mgResizebleWidth = function(options) { - var defaults = {prev:this,next:this, prevWtMin:0, prevWtMax:999, nextWtMin:0, nextWtMax:999}; - var opts = $.extend(defaults, options); - var disX = 0, prevW = 0, nextW = 0, isStart = false; - var prev, next, thisObj = this; - $(document).mousemove(function(ev){ - if(!isStart){return;} - var ev = ev || window.event; - var W = ev.clientX - disX; - var prevWNow = prevW+W, nextWNow = nextW-W; - if(opts.prevWtMin >= prevWNow) { - prevWNow = opts.prevWtMin; - nextWNow = next.outerWidth(); - } - if(opts.nextWtMin >= nextWNow) { - nextWNow = opts.nextWtMin; - prevWNow = prev.outerWidth(); - } - if(opts.prevWtMax <= prevWNow) { - prevWNow = opts.prevWtMax; - nextWNow = next.outerWidth(); - } - if(opts.nextWtMax <= nextWNow) { - nextWNow = opts.nextWtMax; - prevWNow = prev.outerWidth(); - } - //prev.css("width", prevWNow + 'px'); - //next.css("width", nextWNow + 'px'); - if(typeof opts.onresize == 'function') { - opts.onresize(prevWNow, nextWNow); - } - }).mouseup(function(ev){ - if(!isStart){return;} - isStart = false; - if(typeof opts.onfinish == 'function') { - opts.onfinish(); - } - }); - $(this).mousedown(function(ev){ - var ev = ev || window.event; - disX = ev.clientX; - prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); - next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); - prevW = prev.outerWidth(); - nextW = next.outerWidth(); - isStart = true; - if(typeof opts.onstart == 'function') { - opts.onstart(); - } - }); - } + +/** + * 两个元素上下、左右拖动动态改变大小 + * @author 暮光：城中城 + * @since 2017年5月7日 + */ +(function($){ + $.fn.mgResizableHeight = function(options) { + var defaults = {prev:this,next:this, prevHtMin:0, prevHtMax:999, nextHtMin:0, nextHtMax:999}; + var opts = $.extend(defaults, options); + var disY = 0, prevH = 0, nextH = 0, isStart = false; + var prev, next, thisObj = this; + $(document).mousemove(function(ev){ + if(!isStart){return;} + var ev = ev || window.event; + var H = ev.clientY - disY; + var prevHNow = prevH+H, nextHNow = nextH-H; + if(opts.prevHtMin >= prevHNow) { + prevHNow = opts.prevHtMin; + nextHNow = next.outerHeight(); + } + if(opts.nextHtMin >= nextHNow) { + nextHNow = opts.nextHtMin; + prevHNow = prev.outerHeight(); + } + if(opts.prevHtMax <= prevHNow) { + prevHNow = opts.prevHtMax; + nextHNow = next.outerHeight(); + } + if(opts.nextHtMax <= nextHNow) { + nextHNow = opts.nextHtMax; + prevHNow = prev.outerHeight(); + } + //prev.css("height", prevHNow + 'px'); + //next.css("height", nextHNow + 'px'); + if(typeof opts.onresize == 'function') { + opts.onresize(prevHNow, nextHNow); + } + }).mouseup(function(ev){ + isStart = false; + }); + $(this).mousedown(function(ev){ + var ev = ev || window.event; + disY = ev.clientY; + prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); + next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); + prevH = prev.outerHeight(); + nextH = next.outerHeight(); + isStart = true; + }); + } + /** + * 改变宽度的功能，只是实现各种消息的通知，实际改变大小需要在回调里面自己操作 + */ + $.fn.mgResizableWidth = function(options) { + var defaults = {prev:this,next:this, prevWtMin:0, prevWtMax:999, nextWtMin:0, nextWtMax:999}; + var opts = $.extend(defaults, options); + var disX = 0, prevW = 0, nextW = 0, isStart = false; + var prev, next, thisObj = this; + $(document).mousemove(function(ev){ + if(!isStart){return;} + var ev = ev || window.event; + var W = ev.clientX - disX; + var prevWNow = prevW+W, nextWNow = nextW-W; + if(opts.prevWtMin >= prevWNow) { + prevWNow = opts.prevWtMin; + nextWNow = next.outerWidth(); + } + if(opts.nextWtMin >= nextWNow) { + nextWNow = opts.nextWtMin; + prevWNow = prev.outerWidth(); + } + if(opts.prevWtMax <= prevWNow) { + prevWNow = opts.prevWtMax; + nextWNow = next.outerWidth(); + } + if(opts.nextWtMax <= nextWNow) { + nextWNow = opts.nextWtMax; + prevWNow = prev.outerWidth(); + } + //prev.css("width", prevWNow + 'px'); + //next.css("width", nextWNow + 'px'); + if(typeof opts.onresize == 'function') { + opts.onresize(prevWNow, nextWNow); + } + }).mouseup(function(ev){ + if(!isStart){return;} + isStart = false; + if(typeof opts.onfinish == 'function') { + opts.onfinish(); + } + }); + $(this).mousedown(function(ev){ + var ev = ev || window.event; + disX = ev.clientX; + prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); + next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); + prevW = prev.outerWidth(); + nextW = next.outerWidth(); + isStart = true; + if(typeof opts.onstart == 'function') { + opts.onstart(); + } + }); + } })(jQuery); \ No newline at end of file diff --git a/zyplayer-doc-swagger/src/main/java/com/zyplayer/doc/swagger/controller/MgStorageController.java b/zyplayer-doc-swagger/src/main/java/com/zyplayer/doc/swagger/controller/MgStorageController.java index cf2e4e75..ff31cfc3 100644 --- a/zyplayer-doc-swagger/src/main/java/com/zyplayer/doc/swagger/controller/MgStorageController.java +++ b/zyplayer-doc-swagger/src/main/java/com/zyplayer/doc/swagger/controller/MgStorageController.java @@ -1,66 +1,66 @@ -package com.zyplayer.doc.swagger.controller; - -import java.util.List; - -import org.springframework.beans.factory.annotation.Autowired; -import org.springframework.web.bind.annotation.GetMapping; -import org.springframework.web.bind.annotation.PostMapping; -import org.springframework.web.bind.annotation.RequestMapping; -import org.springframework.web.bind.annotation.RestController; - -import com.zyplayer.doc.core.json.DocResponseJson; -import com.zyplayer.doc.swagger.framework.service.MgStorage; -import com.zyplayer.doc.swagger.framework.service.MgStorageService; - -/** - * 后台存储服务控制器 - * - * @author 暮光：城中城 - * @since 2018年8月21日 - */ -@RestController -@RequestMapping("/swagger-mg-ui/storage") -public class MgStorageController { - - @Autowired - private MgStorageService storageService; - - @PostMapping(value = "/checkConfig") - public DocResponseJson checkConfig() { - return DocResponseJson.ok(); - } - - @PostMapping(value = "/data") - public DocResponseJson setData(String key, String value) { - if (key == null || value == null) { - return DocResponseJson.warn("参数名或值不能为空"); - } - storageService.put(key, value); - return DocResponseJson.ok(); - } - - @GetMapping(value = "/data") - public DocResponseJson getData(String key) { - if (key == null) { - return DocResponseJson.warn("参数名不能为空"); - } - String value = storageService.get(key); - value = (value == null) ? "" : value; - return DocResponseJson.ok(value); - } - - @PostMapping(value = "/delete") - public DocResponseJson delete(String key) { - if (key == null) { - return DocResponseJson.warn("参数名不能为空"); - } - storageService.remove(key); - return DocResponseJson.ok(); - } - - @PostMapping(value = "/like") - public DocResponseJson like(String key, String value) { - List likeList = storageService.like(key, value); - return DocResponseJson.ok(likeList); - } +package com.zyplayer.doc.swagger.controller; + +import java.util.List; + +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.web.bind.annotation.GetMapping; +import org.springframework.web.bind.annotation.PostMapping; +import org.springframework.web.bind.annotation.RequestMapping; +import org.springframework.web.bind.annotation.RestController; + +import com.zyplayer.doc.core.json.DocResponseJson; +import com.zyplayer.doc.swagger.framework.service.MgStorage; +import com.zyplayer.doc.swagger.framework.service.MgStorageService; + +/** + * 后台存储服务控制器 + * + * @author 暮光：城中城 + * @since 2018年8月21日 + */ +@RestController +@RequestMapping("/swagger-mg-ui/storage") +public class MgStorageController { + + @Autowired + private MgStorageService storageService; + + @PostMapping(value = "/checkConfig") + public DocResponseJson checkConfig() { + return DocResponseJson.ok(); + } + + @PostMapping(value = "/data") + public DocResponseJson setData(String key, String value) { + if (key == null || value == null) { + return DocResponseJson.warn("参数名或值不能为空"); + } + storageService.put(key, value); + return DocResponseJson.ok(); + } + + @GetMapping(value = "/data") + public DocResponseJson getData(String key) { + if (key == null) { + return DocResponseJson.warn("参数名不能为空"); + } + String value = storageService.get(key); + value = (value == null) ? "" : value; + return DocResponseJson.ok(value); + } + + @PostMapping(value = "/delete") + public DocResponseJson delete(String key) { + if (key == null) { + return DocResponseJson.warn("参数名不能为空"); + } + storageService.remove(key); + return DocResponseJson.ok(); + } + + @PostMapping(value = "/like") + public DocResponseJson> like(String key, String value) { + List likeList = storageService.like(key, value); + return DocResponseJson.ok(likeList); + } } \ No newline at end of file diff --git a/zyplayer-doc-swagger/src/main/resources/document.html b/zyplayer-doc-swagger/src/main/resources/document.html index 7ebf091a..945adc3c 100644 --- a/zyplayer-doc-swagger/src/main/resources/document.html +++ b/zyplayer-doc-swagger/src/main/resources/document.html @@ -44,7 +44,7 @@ -
+
@@ -74,25 +74,6 @@
- -
-
-
- 每次点击在线调试的发送请求后，都会默认保存一次请求的form、header、body数据到网页的本地存储中，以备下次使用，在此页面可以管理这些数据。 - 一般浏览都有5M左右存储空间，如果存储过多有可能会导致部分功能异常，请随时清理一下不再使用的。 -
- - - - -
- - - - - -
接口地址参数配置操作
-
  • 接口说明
    • diff --git a/zyplayer-doc-swagger/src/main/resources/export/css/mg-ui.css b/zyplayer-doc-swagger/src/main/resources/export/css/mg-ui.css index 4807d6cb..817923ea 100644 --- a/zyplayer-doc-swagger/src/main/resources/export/css/mg-ui.css +++ b/zyplayer-doc-swagger/src/main/resources/export/css/mg-ui.css @@ -1,134 +1,134 @@ -body{width: 100%;height: 100%;margin: 0;padding: 0;} -a:focus{outline:none;} -ul{list-style: none;list-style-type: none;} -.tree li a{white-space: nowrap;} -.tree-menu li > ul{background-color: #f1f1f1;} -.tree-menu li li li li a{padding-left: 68px;} -.tree-menu li li li li li a{padding-left: 88px;} -.tree-menu li li li li li li a{padding-left: 108px;} -.tree-menu li li li li li li li a{padding-left: 128px;} -.tree-menu li li li li li li li li a{padding-left: 148px;} -.tree-menu li li li li li li li li li a{padding-left: 168px;} -.tree-menu li li li li li li li li li li a{padding-left: 188px;} -.table td, .table th {vertical-align: middle;} -#tabDocInfo{position: absolute; bottom: 0;top: 60px;overflow-y: auto; right: 0; left: 10px;} -#tabOnlineDebug .param-response-box{position: absolute; bottom: 0;top: 100px;overflow-y: auto; right: 0; left: 10px;} -.tab-online-debug-page{overflow-y: auto;position: absolute; bottom: 0;top: 10px; right: 0; left: 10px;} -.tab-online-debug-page .title-info{padding-bottom: 10px;} -.tab-online-debug-page .title-info .btn{margin-right: 20px;} -.tab-online-debug-page .title-info .text{padding-bottom: 10px;} - -.local-storage{display: none;} - -/**lable的覆盖样式*/ -.label{font-size: 100%;} -.label-warning {background-color: #f9f5ee; color: #f1a325;} -label{font-weight: normal;} - -.nav.gray{background-color: #f1f1f1;margin-bottom: 10px;} - -.doc-table tr .info{text-align: right; width: 100px;} -.setting-table tr .info{text-align: right; max-width: 150px;} -.show-doc span{color: #aaa;} - -.mgresizebleW{z-index: 90;height: 100%; width: 10px; cursor: e-resize;} -.ui-resizable-handle {display: block;font-size: 0.1px;position: absolute;} -#resizebleLeftRight{left: 360px;} -.unselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} - -#homePageDashboard{overflow-y: auto;bottom: 0;top: 0;right: 0;left: 0;position: absolute;overflow-x: hidden;padding: 10px;} -#homePageDashboard .panel-body{padding: 10px;} - -#homePageLi{margin-top: 5px;} - -.left-body{ - width: 360px; height:100%; position: fixed; top: 0; bottom: 0; left: 0; -} -.left-header{ - background: #3280fc;width: 100%; height:60px;line-height:60px; - position: absolute; top: 0; bottom: 0; left: 0;text-align: center; -} -.left-header .logo{ - font-size: 30px;color: #fff; -} -.left-header .icon-bars{ - font-size: 24px;float: right;margin: 18px 18px 0 0;color: #fff;cursor: pointer; -} -.left-container{ - width: 100%;position: absolute;background: #f1f1f1;color: rgba(163, 175, 183, .9); - top: 60px; bottom: 0; left: 0; overflow-y: auto; padding: 10px; -} -.left-container .projects{border: 0px; border-radius: 0px;} - -.right-container{ - position: fixed;top: 0px; bottom: 0; left: 360px; right: 0;padding: 10px; -} - -#docResponseModel td:first-child{width: 100px;} -#docResponseExample td:first-child{width: 100px;} - -.modal-table-box{margin-top: 10px; max-height: 500px;overflow-y: auto;} -.modal-table-box{list-style: none;} -.modal-table-box ul{padding-left: 10px;} -.modal-table-box li{padding: 10px 15px; margin: 0 10px 10px 0; background-color: #f1f1f1;cursor: pointer;} -.modal-table-box li.checked{background-color: #8666b8;color:#fff;} - -#exportDocumentText{height: 350px;} - -/* 在线调试框样式 */ -#tabParamBody .tab-content{padding-top: 10px;} - -.post-url-box{padding: 10px 0;} -.post-url-box .input-group-btn:nth-child(2) button{border-right: 0;border-radius: 0;} -.post-url-box .send-request .hide{display: none;} - -.param-box{} -.param-box .panel-collapse{padding: 10px;} -.param-box .nav{background-color: #f1f1f1;} -/* .param-box .nav > li > *{padding: 8px 25px;} */ -.param-box .nav > li > span{position: relative; display: block;background-color: #ccc;padding: 9px 25px;} -.param-box .nav > .form-to-url{position: relative; display: block;padding: 10px 0 0 25px;} -.param-box .nav > .form-to-url label{margin: 0;} -.param-box .nav > .form-to-url input{margin: 0;} -.param-box .tab-content .tab-param-pane{padding: 10px 10px 0 10px;} -.param-box .table.param-table td, .param-box .table.param-table th{padding: 4px 5px;} -.param-box .param-table td:first-child{width: 250px;} -.param-box .param-table tbody td:nth-child(2){border-right: 0;} -.param-box .param-table tbody td:nth-child(3){border-left: 0;padding: 0 10px 0 0;width: 10px;} -.param-box .param-table tbody td:nth-child(3) i{cursor: pointer;color: #ccc;} -.param-box .param-table tbody td:nth-child(3) i:hover{color: #888;} -.param-box .param-table tbody tr.base td:last-child{display: none;} -#bulkEditHeaderCheck{margin-left: 10px;} -#bulkEditHeader,#bulkEditForm{display: none;} - -.response-box{margin-top: 20px;} -.response-box .nav > li > *{padding: 8px 25px;} -.response-box .nav > li span{position: relative; display: block;padding: 9px 25px;} -.response-box .nav > li.info span{background-color: #ccc;} -.response-box .nav > li.right{float: right;} -.response-box .nav > li.right i{color: #3280fc;} -.response-box .nav{background-color: #f1f1f1;} -.response-box .tab-content .tab-response-pane{padding: 10px;} - -#responseBodyJsonIframe{width: 100%;height: 300px;border: 0;} - -/* S-模拟请求 */ -#tabSimulationResult{padding: 10px 0;} -/* E-模拟请求 */ - -/* S-JSON展示的样式 */ -pre.json{margin-top:0px;margin-bottom:0px;} -pre.json .canvas{font:10pt georgia;background-color:#ececec;color:#000000;border:1px solid #cecece;} -pre.json .object-brace{color:#00aa00;font-weight:bold;} -pre.json .array-brace{color:#0033ff;font-weight:bold;} -pre.json .property-name{color:#cc0000;font-weight:bold;} -pre.json .string{color:#007777;} -pre.json .number{color:#aa00aa;} -pre.json .boolean{color:#0000ff;} -pre.json .function{color:#aa6633;text-decoration:italic;} -pre.json .null{color:#0000ff;} -pre.json .comma{color:#000000;font-weight:bold;} -pre.json .annotation{color:#aaa;} -pre img{cursor: pointer;} -/* E-JSON展示的样式 */ - +body{width: 100%;height: 100%;margin: 0;padding: 0;} +a:focus{outline:none;} +ul{list-style: none;list-style-type: none;} +.tree li a{white-space: nowrap;} +.tree-menu li > ul{background-color: #f1f1f1;} +.tree-menu li li li li a{padding-left: 68px;} +.tree-menu li li li li li a{padding-left: 88px;} +.tree-menu li li li li li li a{padding-left: 108px;} +.tree-menu li li li li li li li a{padding-left: 128px;} +.tree-menu li li li li li li li li a{padding-left: 148px;} +.tree-menu li li li li li li li li li a{padding-left: 168px;} +.tree-menu li li li li li li li li li li a{padding-left: 188px;} +.table td, .table th {vertical-align: middle;} +#tabDocInfo{position: absolute; bottom: 0;top: 60px;overflow-y: auto; right: 0; left: 10px;} +#tabOnlineDebug .param-response-box{position: absolute; bottom: 0;top: 100px;overflow-y: auto; right: 0; left: 10px;} +.tab-online-debug-page{overflow-y: auto;position: absolute; bottom: 0;top: 10px; right: 0; left: 10px;} +.tab-online-debug-page .title-info{padding-bottom: 10px;} +.tab-online-debug-page .title-info .btn{margin-right: 20px;} +.tab-online-debug-page .title-info .text{padding-bottom: 10px;} + +.local-storage{display: none;} + +/**lable的覆盖样式*/ +.label{font-size: 100%;} +.label-warning {background-color: #f9f5ee; color: #f1a325;} +label{font-weight: normal;} + +.nav.gray{background-color: #f1f1f1;margin-bottom: 10px;} + +.doc-table tr .info{text-align: right; width: 100px;} +.setting-table tr .info{text-align: right; max-width: 150px;} +.show-doc span{color: #aaa;} + +.mgresizableW{z-index: 90;height: 100%; width: 10px; cursor: e-resize;} +.ui-resizable-handle {display: block;font-size: 0.1px;position: absolute;} +#resizableLeftRight{left: 360px;} +.unselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} + +#homePageDashboard{overflow-y: auto;bottom: 0;top: 0;right: 0;left: 0;position: absolute;overflow-x: hidden;padding: 10px;} +#homePageDashboard .panel-body{padding: 10px;} + +#homePageLi{margin-top: 5px;} + +.left-body{ + width: 360px; height:100%; position: fixed; top: 0; bottom: 0; left: 0; +} +.left-header{ + background: #3280fc;width: 100%; height:60px;line-height:60px; + position: absolute; top: 0; bottom: 0; left: 0;text-align: center; +} +.left-header .logo{ + font-size: 30px;color: #fff; +} +.left-header .icon-bars{ + font-size: 24px;float: right;margin: 18px 18px 0 0;color: #fff;cursor: pointer; +} +.left-container{ + width: 100%;position: absolute;background: #f1f1f1;color: rgba(163, 175, 183, .9); + top: 60px; bottom: 0; left: 0; overflow-y: auto; padding: 10px; +} +.left-container .projects{border: 0px; border-radius: 0px;} + +.right-container{ + position: fixed;top: 0px; bottom: 0; left: 360px; right: 0;padding: 10px; +} + +#docResponseModel td:first-child{width: 100px;} +#docResponseExample td:first-child{width: 100px;} + +.modal-table-box{margin-top: 10px; max-height: 500px;overflow-y: auto;} +.modal-table-box{list-style: none;} +.modal-table-box ul{padding-left: 10px;} +.modal-table-box li{padding: 10px 15px; margin: 0 10px 10px 0; background-color: #f1f1f1;cursor: pointer;} +.modal-table-box li.checked{background-color: #8666b8;color:#fff;} + +#exportDocumentText{height: 350px;} + +/* 在线调试框样式 */ +#tabParamBody .tab-content{padding-top: 10px;} + +.post-url-box{padding: 10px 0;} +.post-url-box .input-group-btn:nth-child(2) button{border-right: 0;border-radius: 0;} +.post-url-box .send-request .hide{display: none;} + +.param-box{} +.param-box .panel-collapse{padding: 10px;} +.param-box .nav{background-color: #f1f1f1;} +/* .param-box .nav > li > *{padding: 8px 25px;} */ +.param-box .nav > li > span{position: relative; display: block;background-color: #ccc;padding: 9px 25px;} +.param-box .nav > .form-to-url{position: relative; display: block;padding: 10px 0 0 25px;} +.param-box .nav > .form-to-url label{margin: 0;} +.param-box .nav > .form-to-url input{margin: 0;} +.param-box .tab-content .tab-param-pane{padding: 10px 10px 0 10px;} +.param-box .table.param-table td, .param-box .table.param-table th{padding: 4px 5px;} +.param-box .param-table td:first-child{width: 250px;} +.param-box .param-table tbody td:nth-child(2){border-right: 0;} +.param-box .param-table tbody td:nth-child(3){border-left: 0;padding: 0 10px 0 0;width: 10px;} +.param-box .param-table tbody td:nth-child(3) i{cursor: pointer;color: #ccc;} +.param-box .param-table tbody td:nth-child(3) i:hover{color: #888;} +.param-box .param-table tbody tr.base td:last-child{display: none;} +#bulkEditHeaderCheck{margin-left: 10px;} +#bulkEditHeader,#bulkEditForm{display: none;} + +.response-box{margin-top: 20px;} +.response-box .nav > li > *{padding: 8px 25px;} +.response-box .nav > li span{position: relative; display: block;padding: 9px 25px;} +.response-box .nav > li.info span{background-color: #ccc;} +.response-box .nav > li.right{float: right;} +.response-box .nav > li.right i{color: #3280fc;} +.response-box .nav{background-color: #f1f1f1;} +.response-box .tab-content .tab-response-pane{padding: 10px;} + +#responseBodyJsonIframe{width: 100%;height: 300px;border: 0;} + +/* S-模拟请求 */ +#tabSimulationResult{padding: 10px 0;} +/* E-模拟请求 */ + +/* S-JSON展示的样式 */ +pre.json{margin-top:0px;margin-bottom:0px;} +pre.json .canvas{font:10pt georgia;background-color:#ececec;color:#000000;border:1px solid #cecece;} +pre.json .object-brace{color:#00aa00;font-weight:bold;} +pre.json .array-brace{color:#0033ff;font-weight:bold;} +pre.json .property-name{color:#cc0000;font-weight:bold;} +pre.json .string{color:#007777;} +pre.json .number{color:#aa00aa;} +pre.json .boolean{color:#0000ff;} +pre.json .function{color:#aa6633;text-decoration:italic;} +pre.json .null{color:#0000ff;} +pre.json .comma{color:#000000;font-weight:bold;} +pre.json .annotation{color:#aaa;} +pre img{cursor: pointer;} +/* E-JSON展示的样式 */ + diff --git a/zyplayer-doc-swagger/src/main/resources/export/document.html b/zyplayer-doc-swagger/src/main/resources/export/document.html index e8c37298..6f15f3c9 100644 --- a/zyplayer-doc-swagger/src/main/resources/export/document.html +++ b/zyplayer-doc-swagger/src/main/resources/export/document.html @@ -1,204 +1,204 @@ - - - - - - swagger-mg-ui - - - - - - -
    -
    - - -
    -
    - - -
    -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      配置中心
      -
      -
      -
      - - - - - - - - - - - - - - - - - - - - -
      目录展示方式 - - -
      树形菜单展示方式 - - - - - -
      是否展示字段的类型 - - -
      自动填充请求参数 - - - -
      -
      简介
      - swagger-mg-ui是swagger-ui的一个前端实现，使用简单、解析速度快、走心的设计， - 支持多项目同时展示，多种文档目录的展示方案，多种自定义配置，满足各种使用习惯。 - 本项目是完全从头写的，所以有任何属性未解析到、UI上有何建议都能及时处理得到。 - 使用中您有任何的意见和建议都可到源码地址处反馈哦！
      - 源码地址：swagger-mg-ui， - 前端框架：zui， - 我的网站：空间轴 -
      -
      -
      -
      -
      -
      -
      -
      -
      - -
      -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      接口地址
      说明
      请求方式
      consumes
      produces
      请求参数 - -
      -
      - - - - - -
      参数名说明类型参数位置是否必填
      -
      -
      - - - - - -
      参数名说明类型参数位置是否必填
      -
      -
      -
      响应Model - -
      -
      - - - - - -
      状态码说明
      -
      -
      - - - - - -
      状态码说明
      -
      -
      -
      -
      -
      -
      -
      - - - - - - - - - - - - - - - - - + + + + + + swagger-mg-ui + + + + + + +
      +
      + + +
      +
      + + +
      +
        +
        +
        +
        +
        +
        +
        +
        +
        +
        +
        +
        +
        配置中心
        +
        +
        +
        + + + + + + + + + + + + + + + + + + + + +
        目录展示方式 + + +
        树形菜单展示方式 + + + + + +
        是否展示字段的类型 + + +
        自动填充请求参数 + + + +
        +
        简介
        + swagger-mg-ui是swagger-ui的一个前端实现，使用简单、解析速度快、走心的设计， + 支持多项目同时展示，多种文档目录的展示方案，多种自定义配置，满足各种使用习惯。 + 本项目是完全从头写的，所以有任何属性未解析到、UI上有何建议都能及时处理得到。 + 使用中您有任何的意见和建议都可到源码地址处反馈哦！
        + 源码地址：swagger-mg-ui， + 前端框架：zui， + 我的网站：空间轴 +
        +
        +
        +
        +
        +
        +
        +
        +
        + +
        +
        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
        接口地址
        说明
        请求方式
        consumes
        produces
        请求参数 + +
        +
        + + + + + +
        参数名说明类型参数位置是否必填
        +
        +
        + + + + + +
        参数名说明类型参数位置是否必填
        +
        +
        +
        响应Model + +
        +
        + + + + + +
        状态码说明
        +
        +
        + + + + + +
        状态码说明
        +
        +
        +
        +
        +
        +
        +
        + + + + + + + + + + + + + + + + + diff --git a/zyplayer-doc-swagger/src/main/resources/export/js/mg-ui.js b/zyplayer-doc-swagger/src/main/resources/export/js/mg-ui.js index dfd95bd4..8617d934 100644 --- a/zyplayer-doc-swagger/src/main/resources/export/js/mg-ui.js +++ b/zyplayer-doc-swagger/src/main/resources/export/js/mg-ui.js @@ -1,708 +1,708 @@ -/** - * swagger-mg-ui是swagger-ui的一个前端实现，使用简单、解析速度快、走心的设计 - * 支持多项目同时展示，多种文档目录的展示方案，多种自定义配置，满足各种使用习惯。 - * 使用中您有任何的意见和建议都可到源码地址处反馈哦！ - * git地址：https://gitee.com/zyplayer/swagger-mg-ui - * @author 暮光：城中城 - * @since 2018年5月20日 - */ - -// 参数说明对于的map全局对象 -var definitionsDataMap = new Map(); -// 依据目录树存储的map全局对象 -var treePathDataMap = new Map(); - -var globalLoadingMessager; -// 树的下表 -var projectTreeIdIndex = 1; -// 文档url加载的下标 -var projectLoadingIndex = 0; -// 请求到的文档列表 -var documentJsonArr = []; -// 用户的配置对象 -var userSettings = {}; -// 默认用户的配置对象 -var defaultUserSettings = { - autoFillParam : 1,// 自动填充参数 - onlyUseLastParam : 0,// 是否仅使用上次请求参数 - showParamType : 1,// 是否展示字段的类型 - catalogShowType : 2,// 目录的展示方式，1=url分成一层一层的展示、2=整个url显示为一层展示 - treeShowType : 1,// 树形菜单展示方式，1=tree-angles、2=tree-menu、3=默认，4=tree-folders、5=tree-chevrons - projects : [],// 所有的项目列表 - removedProjects : [],// 被移除的项目列表 - prevWNow : 360 -}; - -var swaggerApiDocsArr = []; - -/** - * 网页加载完毕后的处理 - */ -$(document).ready(function(){ - userSettings = defaultUserSettings; - changeContentWidth(userSettings.prevWNow); - updateTreeShowType(); - updateUserSettingsUi(); - - globalLoadingMessager = new $.zui.Messager({type: 'primary', close: false, time: 0}).show(); - showGlobalLoadingMessage('文档解析中，请稍候...', true); - if(isEmptyObject(mgUiDataArr)) { - Toast.error("文档数据错误，请检查！"); - return; - } - for (var i = 0; i < mgUiDataArr.length; i++) { - showGlobalLoadingMessage('解析第'+(i+1)+'份文档，请稍候...', true); - var tempDoc = mgUiDataArr[i]; - console.log(tempDoc); - documentJsonArr.push(tempDoc);// 加到所有文档 - addHomePageDashboard(tempDoc, tempDoc.fullUrl); - createDefinitionsMapByJson(tempDoc); - if(userSettings.catalogShowType == 1) { - createTreeViewByTree(tempDoc);// url分成一层一层的展示 - } else if(userSettings.catalogShowType == 2){ - createTreeViewByTag(tempDoc);// tag方式，整个url显示为一层 - } else { - createTreeViewByTree(tempDoc);// url分成一层一层的展示 - } - } - documentLoadFinish(); -}); - -/** - * 自由拖动改变左右框架的宽度 - */ -$("#resizebleLeftRight").mgResizebleWidth({ - prev:"#leftContent", - prevWtMin: 120, prevWtMax: 999999, - nextWtMin: 360, nextWtMax: 999999, - onresize:function(prevWNow, nextWNow){ - changeContentWidth(prevWNow); - }, - onstart:function(){ - $("body").addClass("unselect"); - }, - onfinish:function(){ - $("body").removeClass("unselect"); - storeUserSettings(); - } -}); - -/** - * 切换导航栏的宽度到最小或最大 - */ -$("#changeContentWidth").click(function(){ - var isMinWidth = ($("#leftContent").width() == 120); - changeContentWidth(isMinWidth ? 360 : 120); -}); - -/** - * 修改tree的class - */ -$("input[name='treeShowType']").change(function() { - userSettings.treeShowType = $("input[name='treeShowType']:checked").val(); - updateTreeShowType(); - storeUserSettings(); -}); - -/** - * 切换url分成一层一层的展示、整个url显示为一层展示 - */ -$("input[name='catalogShowType']").change(function() { - userSettings.catalogShowType = $("input[name='catalogShowType']:checked").val(); - regeneratePathTree(); - storeUserSettings(); -}); - -/** - * 是否展示参数类型 - */ -$("input[name='showParamType']").change(function() { - userSettings.showParamType = $("input[name='showParamType']:checked").val(); - storeUserSettings(); -}); - -/** - * 是否自动填充请求参数 - */ -$("input[name='autoFillParam']").change(function() { - userSettings.autoFillParam = $("input[name='autoFillParam']:checked").val(); - storeUserSettings(); -}); - -/** - * 搜索框回车事件 - */ -$("#searchDocInput").keyup(function(e) { - if (e.keyCode == 13) { - searchDoc(); - } -}); - -/** - * 搜索按钮点击 - */ -$("#searchDocBt").click(function(){ - searchDoc(); -}); - -/** - * 主页li点击事件，展示主页 - */ -$("#homePageLi").click(function(){ - $(".tab-page").hide(); - $(".tab-home-page").show(); -}); - -/** - * api文档最后的节点点击，展示文档页面 - */ -$("#apiPathTree").on("click", ".show-doc", function(){ - $(".tab-page").hide(); - $(".tab-document").show(); - var path = $(this).attr("path"); - var data = treePathDataMap.get(path); - var docInfo = getNotEmptyStr(data.description); - var docUrl = getNotEmptyStr(data.url); - if(isEmpty(docInfo)) { - docInfo = getNotEmptyStr(data.summary); - } - // 处理在线文档 - $("#docUrl").text(docUrl); - $("#docRequestMethod").text(getNotEmptyStr(data.method)); - $("#docInfo").text(docInfo); - $("#docConsumes").text(arrToString(data.consumes)); - $("#docProduces").text(arrToString(data.produces)); - // 遍历参数列表 - $("#docRequestParam table tbody").empty(); - $("#docRequestExample table tbody").empty(); - Formatjson.annotationObject = {}; - if(isNotEmpty(data.parameters)) { - Object.keys(data.parameters).forEach(function(key){ - var tempParameters = data.parameters[key]; - var htmlStr = "", htmlStrExample = ""; - var responsesJson = []; - var responsesExample = []; - var required = tempParameters.required; - var paramName = getNotEmptyStr(tempParameters.name); - var paramType = getNotEmptyStr(tempParameters.type); - var paramDesc = getNotEmptyStr(tempParameters.description); - var paramIn = getNotEmptyStr(tempParameters.in); - var example = getNotEmptyStr(tempParameters.example, tempParameters.default); - if(isNotEmpty(tempParameters.items)) { - htmlStr = paramName + "[0]"; - htmlStrExample = paramName + "[0]"; - } else if(isNotEmpty(tempParameters.schema)) { - if("array" == tempParameters.schema.type) { - var responsesObj = definitionsDataMap.get(tempParameters.schema.items.$ref); - if(responsesObj != null) { - responsesJson[0] = getResponsesJson(responsesObj, "", false, 1); - responsesExample[0] = getResponsesJson(responsesObj, "", true, 1); - } else { - responsesJson = [""]; - responsesExample = [""]; - if(tempParameters.schema.items.type == "boolean") { - responsesJson = [true]; - responsesExample = [true]; - } else if(tempParameters.schema.items.type == "integer") { - responsesJson = [0]; - responsesExample = [0]; - } - } - var arrTmp = tempParameters.schema.$ref.split("/"); - paramType = arrTmp[arrTmp.length - 1]; - htmlStr = Formatjson.processObjectToHtmlPre(responsesJson, 0, false, false, false, true); - htmlStrExample = Formatjson.processObjectToHtmlPre(responsesExample, 0, false, false, false, false); - } else if(isNotEmpty(tempParameters.schema.$ref)){ - var responsesObj = definitionsDataMap.get(tempParameters.schema.$ref); - var arrTmp = tempParameters.schema.$ref.split("/"); - paramType = arrTmp[arrTmp.length - 1]; - if(isNotEmpty(responsesObj)) { - responsesJson = getResponsesJson(responsesObj, "", false, 1); - responsesExample = getResponsesJson(responsesObj, "", true, 1); - htmlStr = Formatjson.processObjectToHtmlPre(responsesJson, 0, false, false, false, true); - htmlStrExample = Formatjson.processObjectToHtmlPre(responsesExample, 0, false, false, false, false); - } else { - htmlStr = paramName; - htmlStrExample = paramName; - } - } else if("string" == tempParameters.schema.type) { - htmlStr = paramName; - htmlStrExample = paramName; - } else { - htmlStr = paramName; - htmlStrExample = paramName; - } - } else { - htmlStr = paramName; - htmlStrExample = paramName; - } - $("#docRequestParam table tbody").append( - '' - +'' + htmlStr + '' - +'' + paramDesc + '' - +'' + paramType + '' - +'' + paramIn + '' - +'' + required + '' - +'' - ); - $("#docRequestExample table tbody").append( - '' - +'' + htmlStrExample + '' - +'' + paramDesc + '' - +'' + paramType + '' - +'' + paramIn + '' - +'' + required + '' - +'' - ); - }); - } - // 遍历结果集列表 - $("#docResponseModel table tbody").empty(); - $("#docResponseExample table tbody").empty(); - Formatjson.annotationObject = {}; - if(isNotEmpty(data.responses)) { - Object.keys(data.responses).forEach(function(key){ - var tempRespones = data.responses[key]; - if(isNotEmpty(tempRespones.schema)) { - var responsesJson, responsesExample; - if("array" == tempRespones.schema.type) { - responsesJson = []; - responsesExample = []; - var responsesObj = definitionsDataMap.get(tempRespones.schema.items.$ref); - if(responsesObj != null) { - responsesJson[0] = getResponsesJson(responsesObj, "", false, 1); - responsesExample[0] = getResponsesJson(responsesObj, "", true, 1); - } else { - responsesJson = [""]; - responsesExample = [""]; - if(tempParameters.schema.items.type == "boolean") { - responsesJson = [true]; - responsesExample = [true]; - } else if(tempParameters.schema.items.type == "integer") { - responsesJson = [0]; - responsesExample = [0]; - } - } - } else if(isNotEmpty(tempRespones.schema.$ref)){ - var responsesObj = definitionsDataMap.get(tempRespones.schema.$ref); - if(isEmptyObject(responsesObj)) { - var arrTmp = tempRespones.schema.$ref.split("/"); - var lastObjName = arrTmp[arrTmp.length - 1]; - responsesJson = lastObjName; - responsesExample = lastObjName; - } else { - responsesJson = getResponsesJson(responsesObj, "", false, 1); - responsesExample = getResponsesJson(responsesObj, "", true, 1); - } - } else { - responsesJson = ""; - responsesExample = ""; - } - if(isEmptyObject(responsesJson)) { - return; - } - //console.log(Formatjson.annotationObject); - var htmlStr = Formatjson.processObjectToHtmlPre(responsesJson, 0, false, false, false, true); - $("#docResponseModel table tbody").append( - '' - +'' + key + '' - +'' + htmlStr + '' - +'' - ); - htmlStr = Formatjson.processObjectToHtmlPre(responsesExample, 0, false, false, false, false); - $("#docResponseExample table tbody").append( - '' - +'' + key + '' - +'' + htmlStr + '' - +'' - ); - } - }); - } -}); - -/** - * 搜索文档 - * @returns - */ -function searchDoc() { - var keywords = $("#searchDocInput").val(); - // 重新生成 - regeneratePathTree(keywords); - if (isEmpty(keywords)){ - return; - } - $('#apiPathTree .projects').tree('expand'); -} - -// 重新生成文档 -function regeneratePathTree(keywords){ - projectTreeIdIndex = 1; - treePathDataMap = new Map(); - $('#apiPathTree').empty(); - $('#apiPathTree').append('
          '); - for (var i = 0; i < documentJsonArr.length; i++) { - var json = documentJsonArr[i]; - if(userSettings.catalogShowType == 1) { - createTreeViewByTree(json, keywords);// url分成一层一层的展示 - } else if(userSettings.catalogShowType == 2){ - createTreeViewByTag(json, keywords);// tag方式，整个url显示为一层 - } else { - createTreeViewByTree(json, keywords);// url分成一层一层的展示 - } - } - $('#apiPathTree .projects').tree(); - updateTreeShowType(); -} - -function findInPathsValue(key, pathsValue, keywords) { - if(isEmpty(keywords) || isEmpty(key)) { - return true; - } - key = key.toLowerCase(); - keywords = keywords.toLowerCase(); - // 路径中有就不用再去找了 - if(key.indexOf(keywords) >= 0) { - return true; - } - for ( var subKey in pathsValue) { - // 找路径和说明里面包含关键字的 - var tagsTmp = pathsValue[subKey].tags; - var pathTmp = pathsValue[subKey].path; - var summaryTmp = pathsValue[subKey].summary; - var descriptionTmp = pathsValue[subKey].description; - if(isNotEmpty(pathTmp) && pathTmp.toLowerCase().indexOf(keywords) >= 0) { - return true; - } - if(isNotEmpty(summaryTmp) && summaryTmp.toLowerCase().indexOf(keywords) >= 0) { - return true; - } - if(isNotEmpty(descriptionTmp) && descriptionTmp.toLowerCase().indexOf(keywords) >= 0) { - return true; - } - if(isNotEmpty(tagsTmp) && arrToString(tagsTmp).toLowerCase().indexOf(keywords) >= 0) { - return true; - } - } - return false; -} - -function getResponsesJson(responsesObj, prevRef, isExample, recursiveCount) { - var responsesJson = {}; - recursiveCount++;// 多层递归，最多递归10层，防止无限递归 - if(isEmpty(responsesObj) || isEmpty(responsesObj.properties) || recursiveCount > 10) { - return responsesJson; - } - var requiredArr = responsesObj.required; - Object.keys(responsesObj.properties).forEach(function(prop){ - var tmpData = responsesObj.properties[prop]; - if("array" == tmpData.type) {// 数组 - Formatjson.annotationObject[prop] = getNotEmptyStr(tmpData.description); - if(prevRef != tmpData.items.$ref) { - var tempObj = definitionsDataMap.get(tmpData.items.$ref); - if(tempObj != null) { - var tempArr = responsesJson[prop] = []; - tempArr[0] = getResponsesJson(tempObj, tmpData.items.$ref, isExample, recursiveCount); - } else { - var responsesJsonSub = []; - var bodyFor = responsesJsonSub; - var items = tmpData.items; - for (var i = 0; i < 10; i++) { - if("array" == items.type) { - bodyFor = bodyFor[0] = []; - items = items.items; - } else { - tempObj = definitionsDataMap.get(items.$ref); - if(tempObj != null) { - bodyFor[0] = getResponsesJson(tempObj, items.$ref, isExample, recursiveCount); - } else { - if(items.type == "boolean") { - bodyFor[0] = true; - } else if(items.type == "integer") { - bodyFor[0] = 0; - } else { - bodyFor[0] = ""; - } - } - break; - } - } - responsesJson[prop] = responsesJsonSub; - } - } else { - responsesJson[prop] = "{}" + getNotEmptyStr(tmpData.description); - } - } else if(isNotEmpty(tmpData.$ref)) {// 对象 - Formatjson.annotationObject[prop] = getNotEmptyStr(tmpData.description); - if(prevRef != tmpData.$ref) { - var tempObj = definitionsDataMap.get(tmpData.$ref); - responsesJson[prop] = getResponsesJson(tempObj, tmpData.$ref, isExample, recursiveCount); - } else { - responsesJson[prop] = "{}" + getNotEmptyStr(tmpData.description); - } - } else {// 字段 - var enumExample = ""; - var enumObj = tmpData["enum"]; - if(!isEmptyObject(enumObj) && enumObj.length > 0) { - enumExample = "枚举值："; - for (var i = 0; i < enumObj.length; i++) { - if(i > 0) {enumExample += "、";} - enumExample += enumObj[i]; - } - } - var typeStr = getNotEmptyStr(tmpData.format); - if(isEmpty(typeStr)) { - typeStr = getNotEmptyStr(tmpData.type); - } - if(isExample) { - var tempVal = getNotEmptyStr(tmpData.example); - if(isEmpty(tempVal)) { - tempVal = getAutoFillValue(typeStr, prop); - } - if(isNotEmpty(tempVal) && isNotEmpty(enumExample)) { - tempVal = tempVal + "，" + enumExample; - } - responsesJson[prop] = tempVal; - } else { - if(userSettings.showParamType == 1) { - if(haveString(requiredArr, prop)) { - typeStr = (isNotEmpty(typeStr) ? typeStr + "," : "") + "required"; - } - if(isNotEmpty(typeStr)) { - typeStr = "(" + typeStr + ")"; - } - } - var descriptionStr = typeStr + getNotEmptyStr(tmpData.description); - if(isNotEmpty(descriptionStr) && isNotEmpty(enumExample)) { - descriptionStr = descriptionStr + "，" + enumExample; - } - responsesJson[prop] = descriptionStr; - } - } - }); - return responsesJson; -} - -function getRequestParamObj(responsesObj, prevRef) { - var responsesJson = {}; - if(isEmpty(responsesObj) || isEmpty(responsesObj.properties)) { - return responsesJson; - } - var requiredArr = responsesObj.required; - Object.keys(responsesObj.properties).forEach(function(prop){ - var tmpData = responsesObj.properties[prop]; - if("array" == tmpData.type) {// 数组 - if(prevRef != tmpData.items.$ref) { - var tempObj = definitionsDataMap.get(tmpData.items.$ref); - if(tempObj != null) { - var tempArr = responsesJson[prop] = []; - tempArr[0] = getRequestParamObj(tempObj, tmpData.items.$ref); - } else { - var responsesJsonSub = []; - var bodyFor = responsesJsonSub; - var items = tmpData.items; - for (var i = 0; i < 10; i++) { - if("array" == items.type) { - bodyFor = bodyFor[0] = []; - items = items.items; - } else { - tempObj = definitionsDataMap.get(items.$ref); - if(tempObj != null) { - bodyFor[0] = getRequestParamObj(tempObj, items.$ref); - } else { - if(items.type == "boolean") { - bodyFor[0] = true; - } else if(items.type == "integer") { - bodyFor[0] = 0; - } else { - bodyFor[0] = ""; - } - } - break; - } - } - responsesJson[prop] = responsesJsonSub; - } - } else { - var required = haveString(requiredArr, prop); - var paramType = getNotEmptyStr(tmpData.format); - var paramDesc = getNotEmptyStr(tmpData.description); - var example = getNotEmptyStr(tmpData.example, tmpData.default); - if(isEmpty(paramType)) { - paramType = getNotEmptyStr(tmpData.type); - } - addRequestParamObj(responsesJson, prop, paramType, "", required, paramDesc, example); - } - } else if(isNotEmpty(tmpData.$ref)) {// 对象 - if(prevRef != tmpData.$ref) { - var tempObj = definitionsDataMap.get(tmpData.$ref); - responsesJson[prop] = getRequestParamObj(tempObj, tmpData.$ref); - } else { - var required = haveString(requiredArr, prop); - var paramType = getNotEmptyStr(tmpData.format); - var paramDesc = getNotEmptyStr(tmpData.description); - var example = getNotEmptyStr(tmpData.example, tmpData.default); - if(isEmpty(paramType)) { - paramType = getNotEmptyStr(tmpData.type); - } - addRequestParamObj(responsesJson, prop, paramType, "", required, paramDesc, example); - } - } else {// 字段 - var required = haveString(requiredArr, prop); - var paramType = getNotEmptyStr(tmpData.format); - var paramDesc = getNotEmptyStr(tmpData.description); - var example = getNotEmptyStr(tmpData.example, tmpData.default); - if(isEmpty(paramType)) { - paramType = getNotEmptyStr(tmpData.type); - } - addRequestParamObj(responsesJson, prop, paramType, "", required, paramDesc, example); - } - }); - return responsesJson; -} - -/** - * 通过原始json生成引用的字典Map - * @param json swagger的原始json - * @returns - */ -function createDefinitionsMapByJson(json) { - var pathIndex = {}; - var definitions = json.definitions; - //console.log(paths); - if(isNotEmpty(definitions)) { - Object.keys(definitions).forEach(function(key){ - //console.log(key); - definitionsDataMap.set("#/definitions/" + key, definitions[key]); - }); - } -} - -/** - * 修改左右框架的宽度 - * @param width 左侧导航栏的宽度 - * @returns - */ -function changeContentWidth(width) { - $("#leftContent").css("width", width + 'px'); - $("#resizebleLeftRight").css("left", width + 'px'); - $("#rightContent").css("left", width + 'px'); - var logoText = "swagger-mg-ui"; - if(width < 270 && width > 140){ - logoText = "mg-ui"; - } else if(width < 140){ - logoText = "mui"; - } - $("#logoText").text(logoText); - userSettings.prevWNow = width; -} - -/** - * 增加项目文档 - * @param json - * @returns - */ -function addHomePageDashboard(json, fullUrl) { - var info = json.info||{}; - var contactName = ""; - if(isNotEmpty(info.contact)) { - contactName = "昵称：" + getNotEmptyStr(info.contact.name, "-"); - contactName += "
          邮箱：" + getNotEmptyStr(info.contact.email, "-"); - contactName += "
          网站：" + getNotEmptyStr(info.contact.url, "-"); - } - $("#homePageDashboard section").append( - '
          ' - +'
          ' - +'
          ' - +'
          '+info.title+'
          ' - +'
          ' - +'
          ' - +'
          ' - +'
          ' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - //+'' - // +'' - // +'' - //+'' - +'
          简介'+info.description+'
          作者'+contactName+'
          版本'+info.version+'
          地址'+fullUrl+'
          ' - +'
          ' - +'
          ' - +'
          ' - +'
          ' - ); -} - -/** - * 初始化用户的设置 - * @param - * @returns - */ -function documentLoadFinish() { - showGlobalLoadingMessage('文档解析完成！', false); - setTimeout(function() { - globalLoadingMessager.hide(); - }, 1000); - $('#apiPathTree .projects').tree(); - $('#homePageDashboard').dashboard({draggable: true}); -} - -/** - * 修改用户的选项的显示 - * @param - * @returns - */ -function updateUserSettingsUi() { - $("input[name='treeShowType'][value='"+userSettings.treeShowType+"']").prop("checked",true); - $("input[name='catalogShowType'][value='"+userSettings.catalogShowType+"']").prop("checked",true); - $("input[name='showParamType'][value='"+userSettings.showParamType+"']").prop("checked",true); - $("input[name='onlyUseLastParam'][value='"+userSettings.onlyUseLastParam+"']").prop("checked",true); - $("input[name='autoFillParam'][value='"+userSettings.autoFillParam+"']").prop("checked",true); -} - -/** - * 修改树形菜单展示类型 - * @param - * @returns - */ -function updateTreeShowType() { - $('#apiPathTree .projects').removeClass("tree-angles tree-menu tree-folders tree-chevrons"); - //tree-angles、2=tree-menu、3=默认，4=tree-folders、5=tree-chevrons - $('#apiPathTree .projects').addClass("tree-lines"); - var treeShowType = "tree-angles"; - if(userSettings.treeShowType == 1) { - treeShowType = "tree-angles"; - } else if(userSettings.treeShowType == 2) { - treeShowType = "tree-menu"; - $('#apiPathTree .projects').removeClass("tree-lines"); - } else if(userSettings.treeShowType == 3) { - treeShowType = ""; - } else if(userSettings.treeShowType == 4) { - treeShowType = "tree-folders"; - } else if(userSettings.treeShowType == 5) { - treeShowType = "tree-chevrons"; - } else { - userSettings.treeShowType = 1; - } - if(isNotEmpty(treeShowType)) { - $('#apiPathTree .projects').addClass(treeShowType); - } -} - -function showGlobalLoadingMessage(text, loading) { - if(loading) { - text += ''; - } - globalLoadingMessager.$.find(".messager-content").html(text); -} +/** + * swagger-mg-ui是swagger-ui的一个前端实现，使用简单、解析速度快、走心的设计 + * 支持多项目同时展示，多种文档目录的展示方案，多种自定义配置，满足各种使用习惯。 + * 使用中您有任何的意见和建议都可到源码地址处反馈哦！ + * git地址：https://gitee.com/zyplayer/swagger-mg-ui + * @author 暮光：城中城 + * @since 2018年5月20日 + */ + +// 参数说明对于的map全局对象 +var definitionsDataMap = new Map(); +// 依据目录树存储的map全局对象 +var treePathDataMap = new Map(); + +var globalLoadingMessager; +// 树的下表 +var projectTreeIdIndex = 1; +// 文档url加载的下标 +var projectLoadingIndex = 0; +// 请求到的文档列表 +var documentJsonArr = []; +// 用户的配置对象 +var userSettings = {}; +// 默认用户的配置对象 +var defaultUserSettings = { + autoFillParam : 1,// 自动填充参数 + onlyUseLastParam : 0,// 是否仅使用上次请求参数 + showParamType : 1,// 是否展示字段的类型 + catalogShowType : 2,// 目录的展示方式，1=url分成一层一层的展示、2=整个url显示为一层展示 + treeShowType : 1,// 树形菜单展示方式，1=tree-angles、2=tree-menu、3=默认，4=tree-folders、5=tree-chevrons + projects : [],// 所有的项目列表 + removedProjects : [],// 被移除的项目列表 + prevWNow : 360 +}; + +var swaggerApiDocsArr = []; + +/** + * 网页加载完毕后的处理 + */ +$(document).ready(function(){ + userSettings = defaultUserSettings; + changeContentWidth(userSettings.prevWNow); + updateTreeShowType(); + updateUserSettingsUi(); + + globalLoadingMessager = new $.zui.Messager({type: 'primary', close: false, time: 0}).show(); + showGlobalLoadingMessage('文档解析中，请稍候...', true); + if(isEmptyObject(mgUiDataArr)) { + Toast.error("文档数据错误，请检查！"); + return; + } + for (var i = 0; i < mgUiDataArr.length; i++) { + showGlobalLoadingMessage('解析第'+(i+1)+'份文档，请稍候...', true); + var tempDoc = mgUiDataArr[i]; + console.log(tempDoc); + documentJsonArr.push(tempDoc);// 加到所有文档 + addHomePageDashboard(tempDoc, tempDoc.fullUrl); + createDefinitionsMapByJson(tempDoc); + if(userSettings.catalogShowType == 1) { + createTreeViewByTree(tempDoc);// url分成一层一层的展示 + } else if(userSettings.catalogShowType == 2){ + createTreeViewByTag(tempDoc);// tag方式，整个url显示为一层 + } else { + createTreeViewByTree(tempDoc);// url分成一层一层的展示 + } + } + documentLoadFinish(); +}); + +/** + * 自由拖动改变左右框架的宽度 + */ +$("#resizableLeftRight").mgResizableWidth({ + prev:"#leftContent", + prevWtMin: 120, prevWtMax: 999999, + nextWtMin: 360, nextWtMax: 999999, + onresize:function(prevWNow, nextWNow){ + changeContentWidth(prevWNow); + }, + onstart:function(){ + $("body").addClass("unselect"); + }, + onfinish:function(){ + $("body").removeClass("unselect"); + storeUserSettings(); + } +}); + +/** + * 切换导航栏的宽度到最小或最大 + */ +$("#changeContentWidth").click(function(){ + var isMinWidth = ($("#leftContent").width() == 120); + changeContentWidth(isMinWidth ? 360 : 120); +}); + +/** + * 修改tree的class + */ +$("input[name='treeShowType']").change(function() { + userSettings.treeShowType = $("input[name='treeShowType']:checked").val(); + updateTreeShowType(); + storeUserSettings(); +}); + +/** + * 切换url分成一层一层的展示、整个url显示为一层展示 + */ +$("input[name='catalogShowType']").change(function() { + userSettings.catalogShowType = $("input[name='catalogShowType']:checked").val(); + regeneratePathTree(); + storeUserSettings(); +}); + +/** + * 是否展示参数类型 + */ +$("input[name='showParamType']").change(function() { + userSettings.showParamType = $("input[name='showParamType']:checked").val(); + storeUserSettings(); +}); + +/** + * 是否自动填充请求参数 + */ +$("input[name='autoFillParam']").change(function() { + userSettings.autoFillParam = $("input[name='autoFillParam']:checked").val(); + storeUserSettings(); +}); + +/** + * 搜索框回车事件 + */ +$("#searchDocInput").keyup(function(e) { + if (e.keyCode == 13) { + searchDoc(); + } +}); + +/** + * 搜索按钮点击 + */ +$("#searchDocBt").click(function(){ + searchDoc(); +}); + +/** + * 主页li点击事件，展示主页 + */ +$("#homePageLi").click(function(){ + $(".tab-page").hide(); + $(".tab-home-page").show(); +}); + +/** + * api文档最后的节点点击，展示文档页面 + */ +$("#apiPathTree").on("click", ".show-doc", function(){ + $(".tab-page").hide(); + $(".tab-document").show(); + var path = $(this).attr("path"); + var data = treePathDataMap.get(path); + var docInfo = getNotEmptyStr(data.description); + var docUrl = getNotEmptyStr(data.url); + if(isEmpty(docInfo)) { + docInfo = getNotEmptyStr(data.summary); + } + // 处理在线文档 + $("#docUrl").text(docUrl); + $("#docRequestMethod").text(getNotEmptyStr(data.method)); + $("#docInfo").text(docInfo); + $("#docConsumes").text(arrToString(data.consumes)); + $("#docProduces").text(arrToString(data.produces)); + // 遍历参数列表 + $("#docRequestParam table tbody").empty(); + $("#docRequestExample table tbody").empty(); + Formatjson.annotationObject = {}; + if(isNotEmpty(data.parameters)) { + Object.keys(data.parameters).forEach(function(key){ + var tempParameters = data.parameters[key]; + var htmlStr = "", htmlStrExample = ""; + var responsesJson = []; + var responsesExample = []; + var required = tempParameters.required; + var paramName = getNotEmptyStr(tempParameters.name); + var paramType = getNotEmptyStr(tempParameters.type); + var paramDesc = getNotEmptyStr(tempParameters.description); + var paramIn = getNotEmptyStr(tempParameters.in); + var example = getNotEmptyStr(tempParameters.example, tempParameters.default); + if(isNotEmpty(tempParameters.items)) { + htmlStr = paramName + "[0]"; + htmlStrExample = paramName + "[0]"; + } else if(isNotEmpty(tempParameters.schema)) { + if("array" == tempParameters.schema.type) { + var responsesObj = definitionsDataMap.get(tempParameters.schema.items.$ref); + if(responsesObj != null) { + responsesJson[0] = getResponsesJson(responsesObj, "", false, 1); + responsesExample[0] = getResponsesJson(responsesObj, "", true, 1); + } else { + responsesJson = [""]; + responsesExample = [""]; + if(tempParameters.schema.items.type == "boolean") { + responsesJson = [true]; + responsesExample = [true]; + } else if(tempParameters.schema.items.type == "integer") { + responsesJson = [0]; + responsesExample = [0]; + } + } + var arrTmp = tempParameters.schema.$ref.split("/"); + paramType = arrTmp[arrTmp.length - 1]; + htmlStr = Formatjson.processObjectToHtmlPre(responsesJson, 0, false, false, false, true); + htmlStrExample = Formatjson.processObjectToHtmlPre(responsesExample, 0, false, false, false, false); + } else if(isNotEmpty(tempParameters.schema.$ref)){ + var responsesObj = definitionsDataMap.get(tempParameters.schema.$ref); + var arrTmp = tempParameters.schema.$ref.split("/"); + paramType = arrTmp[arrTmp.length - 1]; + if(isNotEmpty(responsesObj)) { + responsesJson = getResponsesJson(responsesObj, "", false, 1); + responsesExample = getResponsesJson(responsesObj, "", true, 1); + htmlStr = Formatjson.processObjectToHtmlPre(responsesJson, 0, false, false, false, true); + htmlStrExample = Formatjson.processObjectToHtmlPre(responsesExample, 0, false, false, false, false); + } else { + htmlStr = paramName; + htmlStrExample = paramName; + } + } else if("string" == tempParameters.schema.type) { + htmlStr = paramName; + htmlStrExample = paramName; + } else { + htmlStr = paramName; + htmlStrExample = paramName; + } + } else { + htmlStr = paramName; + htmlStrExample = paramName; + } + $("#docRequestParam table tbody").append( + '' + +'' + htmlStr + '' + +'' + paramDesc + '' + +'' + paramType + '' + +'' + paramIn + '' + +'' + required + '' + +'' + ); + $("#docRequestExample table tbody").append( + '' + +'' + htmlStrExample + '' + +'' + paramDesc + '' + +'' + paramType + '' + +'' + paramIn + '' + +'' + required + '' + +'' + ); + }); + } + // 遍历结果集列表 + $("#docResponseModel table tbody").empty(); + $("#docResponseExample table tbody").empty(); + Formatjson.annotationObject = {}; + if(isNotEmpty(data.responses)) { + Object.keys(data.responses).forEach(function(key){ + var tempRespones = data.responses[key]; + if(isNotEmpty(tempRespones.schema)) { + var responsesJson, responsesExample; + if("array" == tempRespones.schema.type) { + responsesJson = []; + responsesExample = []; + var responsesObj = definitionsDataMap.get(tempRespones.schema.items.$ref); + if(responsesObj != null) { + responsesJson[0] = getResponsesJson(responsesObj, "", false, 1); + responsesExample[0] = getResponsesJson(responsesObj, "", true, 1); + } else { + responsesJson = [""]; + responsesExample = [""]; + if(tempParameters.schema.items.type == "boolean") { + responsesJson = [true]; + responsesExample = [true]; + } else if(tempParameters.schema.items.type == "integer") { + responsesJson = [0]; + responsesExample = [0]; + } + } + } else if(isNotEmpty(tempRespones.schema.$ref)){ + var responsesObj = definitionsDataMap.get(tempRespones.schema.$ref); + if(isEmptyObject(responsesObj)) { + var arrTmp = tempRespones.schema.$ref.split("/"); + var lastObjName = arrTmp[arrTmp.length - 1]; + responsesJson = lastObjName; + responsesExample = lastObjName; + } else { + responsesJson = getResponsesJson(responsesObj, "", false, 1); + responsesExample = getResponsesJson(responsesObj, "", true, 1); + } + } else { + responsesJson = ""; + responsesExample = ""; + } + if(isEmptyObject(responsesJson)) { + return; + } + //console.log(Formatjson.annotationObject); + var htmlStr = Formatjson.processObjectToHtmlPre(responsesJson, 0, false, false, false, true); + $("#docResponseModel table tbody").append( + '' + +'' + key + '' + +'' + htmlStr + '' + +'' + ); + htmlStr = Formatjson.processObjectToHtmlPre(responsesExample, 0, false, false, false, false); + $("#docResponseExample table tbody").append( + '' + +'' + key + '' + +'' + htmlStr + '' + +'' + ); + } + }); + } +}); + +/** + * 搜索文档 + * @returns + */ +function searchDoc() { + var keywords = $("#searchDocInput").val(); + // 重新生成 + regeneratePathTree(keywords); + if (isEmpty(keywords)){ + return; + } + $('#apiPathTree .projects').tree('expand'); +} + +// 重新生成文档 +function regeneratePathTree(keywords){ + projectTreeIdIndex = 1; + treePathDataMap = new Map(); + $('#apiPathTree').empty(); + $('#apiPathTree').append('
            '); + for (var i = 0; i < documentJsonArr.length; i++) { + var json = documentJsonArr[i]; + if(userSettings.catalogShowType == 1) { + createTreeViewByTree(json, keywords);// url分成一层一层的展示 + } else if(userSettings.catalogShowType == 2){ + createTreeViewByTag(json, keywords);// tag方式，整个url显示为一层 + } else { + createTreeViewByTree(json, keywords);// url分成一层一层的展示 + } + } + $('#apiPathTree .projects').tree(); + updateTreeShowType(); +} + +function findInPathsValue(key, pathsValue, keywords) { + if(isEmpty(keywords) || isEmpty(key)) { + return true; + } + key = key.toLowerCase(); + keywords = keywords.toLowerCase(); + // 路径中有就不用再去找了 + if(key.indexOf(keywords) >= 0) { + return true; + } + for ( var subKey in pathsValue) { + // 找路径和说明里面包含关键字的 + var tagsTmp = pathsValue[subKey].tags; + var pathTmp = pathsValue[subKey].path; + var summaryTmp = pathsValue[subKey].summary; + var descriptionTmp = pathsValue[subKey].description; + if(isNotEmpty(pathTmp) && pathTmp.toLowerCase().indexOf(keywords) >= 0) { + return true; + } + if(isNotEmpty(summaryTmp) && summaryTmp.toLowerCase().indexOf(keywords) >= 0) { + return true; + } + if(isNotEmpty(descriptionTmp) && descriptionTmp.toLowerCase().indexOf(keywords) >= 0) { + return true; + } + if(isNotEmpty(tagsTmp) && arrToString(tagsTmp).toLowerCase().indexOf(keywords) >= 0) { + return true; + } + } + return false; +} + +function getResponsesJson(responsesObj, prevRef, isExample, recursiveCount) { + var responsesJson = {}; + recursiveCount++;// 多层递归，最多递归10层，防止无限递归 + if(isEmpty(responsesObj) || isEmpty(responsesObj.properties) || recursiveCount > 10) { + return responsesJson; + } + var requiredArr = responsesObj.required; + Object.keys(responsesObj.properties).forEach(function(prop){ + var tmpData = responsesObj.properties[prop]; + if("array" == tmpData.type) {// 数组 + Formatjson.annotationObject[prop] = getNotEmptyStr(tmpData.description); + if(prevRef != tmpData.items.$ref) { + var tempObj = definitionsDataMap.get(tmpData.items.$ref); + if(tempObj != null) { + var tempArr = responsesJson[prop] = []; + tempArr[0] = getResponsesJson(tempObj, tmpData.items.$ref, isExample, recursiveCount); + } else { + var responsesJsonSub = []; + var bodyFor = responsesJsonSub; + var items = tmpData.items; + for (var i = 0; i < 10; i++) { + if("array" == items.type) { + bodyFor = bodyFor[0] = []; + items = items.items; + } else { + tempObj = definitionsDataMap.get(items.$ref); + if(tempObj != null) { + bodyFor[0] = getResponsesJson(tempObj, items.$ref, isExample, recursiveCount); + } else { + if(items.type == "boolean") { + bodyFor[0] = true; + } else if(items.type == "integer") { + bodyFor[0] = 0; + } else { + bodyFor[0] = ""; + } + } + break; + } + } + responsesJson[prop] = responsesJsonSub; + } + } else { + responsesJson[prop] = "{}" + getNotEmptyStr(tmpData.description); + } + } else if(isNotEmpty(tmpData.$ref)) {// 对象 + Formatjson.annotationObject[prop] = getNotEmptyStr(tmpData.description); + if(prevRef != tmpData.$ref) { + var tempObj = definitionsDataMap.get(tmpData.$ref); + responsesJson[prop] = getResponsesJson(tempObj, tmpData.$ref, isExample, recursiveCount); + } else { + responsesJson[prop] = "{}" + getNotEmptyStr(tmpData.description); + } + } else {// 字段 + var enumExample = ""; + var enumObj = tmpData["enum"]; + if(!isEmptyObject(enumObj) && enumObj.length > 0) { + enumExample = "枚举值："; + for (var i = 0; i < enumObj.length; i++) { + if(i > 0) {enumExample += "、";} + enumExample += enumObj[i]; + } + } + var typeStr = getNotEmptyStr(tmpData.format); + if(isEmpty(typeStr)) { + typeStr = getNotEmptyStr(tmpData.type); + } + if(isExample) { + var tempVal = getNotEmptyStr(tmpData.example); + if(isEmpty(tempVal)) { + tempVal = getAutoFillValue(typeStr, prop); + } + if(isNotEmpty(tempVal) && isNotEmpty(enumExample)) { + tempVal = tempVal + "，" + enumExample; + } + responsesJson[prop] = tempVal; + } else { + if(userSettings.showParamType == 1) { + if(haveString(requiredArr, prop)) { + typeStr = (isNotEmpty(typeStr) ? typeStr + "," : "") + "required"; + } + if(isNotEmpty(typeStr)) { + typeStr = "(" + typeStr + ")"; + } + } + var descriptionStr = typeStr + getNotEmptyStr(tmpData.description); + if(isNotEmpty(descriptionStr) && isNotEmpty(enumExample)) { + descriptionStr = descriptionStr + "，" + enumExample; + } + responsesJson[prop] = descriptionStr; + } + } + }); + return responsesJson; +} + +function getRequestParamObj(responsesObj, prevRef) { + var responsesJson = {}; + if(isEmpty(responsesObj) || isEmpty(responsesObj.properties)) { + return responsesJson; + } + var requiredArr = responsesObj.required; + Object.keys(responsesObj.properties).forEach(function(prop){ + var tmpData = responsesObj.properties[prop]; + if("array" == tmpData.type) {// 数组 + if(prevRef != tmpData.items.$ref) { + var tempObj = definitionsDataMap.get(tmpData.items.$ref); + if(tempObj != null) { + var tempArr = responsesJson[prop] = []; + tempArr[0] = getRequestParamObj(tempObj, tmpData.items.$ref); + } else { + var responsesJsonSub = []; + var bodyFor = responsesJsonSub; + var items = tmpData.items; + for (var i = 0; i < 10; i++) { + if("array" == items.type) { + bodyFor = bodyFor[0] = []; + items = items.items; + } else { + tempObj = definitionsDataMap.get(items.$ref); + if(tempObj != null) { + bodyFor[0] = getRequestParamObj(tempObj, items.$ref); + } else { + if(items.type == "boolean") { + bodyFor[0] = true; + } else if(items.type == "integer") { + bodyFor[0] = 0; + } else { + bodyFor[0] = ""; + } + } + break; + } + } + responsesJson[prop] = responsesJsonSub; + } + } else { + var required = haveString(requiredArr, prop); + var paramType = getNotEmptyStr(tmpData.format); + var paramDesc = getNotEmptyStr(tmpData.description); + var example = getNotEmptyStr(tmpData.example, tmpData.default); + if(isEmpty(paramType)) { + paramType = getNotEmptyStr(tmpData.type); + } + addRequestParamObj(responsesJson, prop, paramType, "", required, paramDesc, example); + } + } else if(isNotEmpty(tmpData.$ref)) {// 对象 + if(prevRef != tmpData.$ref) { + var tempObj = definitionsDataMap.get(tmpData.$ref); + responsesJson[prop] = getRequestParamObj(tempObj, tmpData.$ref); + } else { + var required = haveString(requiredArr, prop); + var paramType = getNotEmptyStr(tmpData.format); + var paramDesc = getNotEmptyStr(tmpData.description); + var example = getNotEmptyStr(tmpData.example, tmpData.default); + if(isEmpty(paramType)) { + paramType = getNotEmptyStr(tmpData.type); + } + addRequestParamObj(responsesJson, prop, paramType, "", required, paramDesc, example); + } + } else {// 字段 + var required = haveString(requiredArr, prop); + var paramType = getNotEmptyStr(tmpData.format); + var paramDesc = getNotEmptyStr(tmpData.description); + var example = getNotEmptyStr(tmpData.example, tmpData.default); + if(isEmpty(paramType)) { + paramType = getNotEmptyStr(tmpData.type); + } + addRequestParamObj(responsesJson, prop, paramType, "", required, paramDesc, example); + } + }); + return responsesJson; +} + +/** + * 通过原始json生成引用的字典Map + * @param json swagger的原始json + * @returns + */ +function createDefinitionsMapByJson(json) { + var pathIndex = {}; + var definitions = json.definitions; + //console.log(paths); + if(isNotEmpty(definitions)) { + Object.keys(definitions).forEach(function(key){ + //console.log(key); + definitionsDataMap.set("#/definitions/" + key, definitions[key]); + }); + } +} + +/** + * 修改左右框架的宽度 + * @param width 左侧导航栏的宽度 + * @returns + */ +function changeContentWidth(width) { + $("#leftContent").css("width", width + 'px'); + $("#resizableLeftRight").css("left", width + 'px'); + $("#rightContent").css("left", width + 'px'); + var logoText = "swagger-mg-ui"; + if(width < 270 && width > 140){ + logoText = "mg-ui"; + } else if(width < 140){ + logoText = "mui"; + } + $("#logoText").text(logoText); + userSettings.prevWNow = width; +} + +/** + * 增加项目文档 + * @param json + * @returns + */ +function addHomePageDashboard(json, fullUrl) { + var info = json.info||{}; + var contactName = ""; + if(isNotEmpty(info.contact)) { + contactName = "昵称：" + getNotEmptyStr(info.contact.name, "-"); + contactName += "
            邮箱：" + getNotEmptyStr(info.contact.email, "-"); + contactName += "
            网站：" + getNotEmptyStr(info.contact.url, "-"); + } + $("#homePageDashboard section").append( + '
            ' + +'
            ' + +'
            ' + +'
            '+info.title+'
            ' + +'
            ' + +'
            ' + +'
            ' + +'
            ' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + //+'' + // +'' + // +'' + //+'' + +'
            简介'+info.description+'
            作者'+contactName+'
            版本'+info.version+'
            地址'+fullUrl+'
            ' + +'
            ' + +'
            ' + +'
            ' + +'
            ' + ); +} + +/** + * 初始化用户的设置 + * @param + * @returns + */ +function documentLoadFinish() { + showGlobalLoadingMessage('文档解析完成！', false); + setTimeout(function() { + globalLoadingMessager.hide(); + }, 1000); + $('#apiPathTree .projects').tree(); + $('#homePageDashboard').dashboard({draggable: true}); +} + +/** + * 修改用户的选项的显示 + * @param + * @returns + */ +function updateUserSettingsUi() { + $("input[name='treeShowType'][value='"+userSettings.treeShowType+"']").prop("checked",true); + $("input[name='catalogShowType'][value='"+userSettings.catalogShowType+"']").prop("checked",true); + $("input[name='showParamType'][value='"+userSettings.showParamType+"']").prop("checked",true); + $("input[name='onlyUseLastParam'][value='"+userSettings.onlyUseLastParam+"']").prop("checked",true); + $("input[name='autoFillParam'][value='"+userSettings.autoFillParam+"']").prop("checked",true); +} + +/** + * 修改树形菜单展示类型 + * @param + * @returns + */ +function updateTreeShowType() { + $('#apiPathTree .projects').removeClass("tree-angles tree-menu tree-folders tree-chevrons"); + //tree-angles、2=tree-menu、3=默认，4=tree-folders、5=tree-chevrons + $('#apiPathTree .projects').addClass("tree-lines"); + var treeShowType = "tree-angles"; + if(userSettings.treeShowType == 1) { + treeShowType = "tree-angles"; + } else if(userSettings.treeShowType == 2) { + treeShowType = "tree-menu"; + $('#apiPathTree .projects').removeClass("tree-lines"); + } else if(userSettings.treeShowType == 3) { + treeShowType = ""; + } else if(userSettings.treeShowType == 4) { + treeShowType = "tree-folders"; + } else if(userSettings.treeShowType == 5) { + treeShowType = "tree-chevrons"; + } else { + userSettings.treeShowType = 1; + } + if(isNotEmpty(treeShowType)) { + $('#apiPathTree .projects').addClass(treeShowType); + } +} + +function showGlobalLoadingMessage(text, loading) { + if(loading) { + text += ''; + } + globalLoadingMessager.$.find(".messager-content").html(text); +} diff --git a/zyplayer-doc-swagger/src/main/resources/export/js/mgResizeble.js b/zyplayer-doc-swagger/src/main/resources/export/js/mgResizeble.js index c927aa9e..366e87f6 100644 --- a/zyplayer-doc-swagger/src/main/resources/export/js/mgResizeble.js +++ b/zyplayer-doc-swagger/src/main/resources/export/js/mgResizeble.js @@ -1,106 +1,106 @@ - -/** - * 两个元素上下、左右拖动动态改变大小 - * @author 暮光：城中城 - * @since 2017年5月7日 - */ -(function($){ - $.fn.mgResizebleHeight = function(options) { - var defaults = {prev:this,next:this, prevHtMin:0, prevHtMax:999, nextHtMin:0, nextHtMax:999}; - var opts = $.extend(defaults, options); - var disY = 0, prevH = 0, nextH = 0, isStart = false; - var prev, next, thisObj = this; - $(document).mousemove(function(ev){ - if(!isStart){return;} - var ev = ev || window.event; - var H = ev.clientY - disY; - var prevHNow = prevH+H, nextHNow = nextH-H; - if(opts.prevHtMin >= prevHNow) { - prevHNow = opts.prevHtMin; - nextHNow = next.outerHeight(); - } - if(opts.nextHtMin >= nextHNow) { - nextHNow = opts.nextHtMin; - prevHNow = prev.outerHeight(); - } - if(opts.prevHtMax <= prevHNow) { - prevHNow = opts.prevHtMax; - nextHNow = next.outerHeight(); - } - if(opts.nextHtMax <= nextHNow) { - nextHNow = opts.nextHtMax; - prevHNow = prev.outerHeight(); - } - //prev.css("height", prevHNow + 'px'); - //next.css("height", nextHNow + 'px'); - if(typeof opts.onresize == 'function') { - opts.onresize(prevHNow, nextHNow); - } - }).mouseup(function(ev){ - isStart = false; - }); - $(this).mousedown(function(ev){ - var ev = ev || window.event; - disY = ev.clientY; - prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); - next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); - prevH = prev.outerHeight(); - nextH = next.outerHeight(); - isStart = true; - }); - } - /** - * 改变宽度的功能，只是实现各种消息的通知，实际改变大小需要在回调里面自己操作 - */ - $.fn.mgResizebleWidth = function(options) { - var defaults = {prev:this,next:this, prevWtMin:0, prevWtMax:999, nextWtMin:0, nextWtMax:999}; - var opts = $.extend(defaults, options); - var disX = 0, prevW = 0, nextW = 0, isStart = false; - var prev, next, thisObj = this; - $(document).mousemove(function(ev){ - if(!isStart){return;} - var ev = ev || window.event; - var W = ev.clientX - disX; - var prevWNow = prevW+W, nextWNow = nextW-W; - if(opts.prevWtMin >= prevWNow) { - prevWNow = opts.prevWtMin; - nextWNow = next.outerWidth(); - } - if(opts.nextWtMin >= nextWNow) { - nextWNow = opts.nextWtMin; - prevWNow = prev.outerWidth(); - } - if(opts.prevWtMax <= prevWNow) { - prevWNow = opts.prevWtMax; - nextWNow = next.outerWidth(); - } - if(opts.nextWtMax <= nextWNow) { - nextWNow = opts.nextWtMax; - prevWNow = prev.outerWidth(); - } - //prev.css("width", prevWNow + 'px'); - //next.css("width", nextWNow + 'px'); - if(typeof opts.onresize == 'function') { - opts.onresize(prevWNow, nextWNow); - } - }).mouseup(function(ev){ - if(!isStart){return;} - isStart = false; - if(typeof opts.onfinish == 'function') { - opts.onfinish(); - } - }); - $(this).mousedown(function(ev){ - var ev = ev || window.event; - disX = ev.clientX; - prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); - next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); - prevW = prev.outerWidth(); - nextW = next.outerWidth(); - isStart = true; - if(typeof opts.onstart == 'function') { - opts.onstart(); - } - }); - } + +/** + * 两个元素上下、左右拖动动态改变大小 + * @author 暮光：城中城 + * @since 2017年5月7日 + */ +(function($){ + $.fn.mgResizableHeight = function(options) { + var defaults = {prev:this,next:this, prevHtMin:0, prevHtMax:999, nextHtMin:0, nextHtMax:999}; + var opts = $.extend(defaults, options); + var disY = 0, prevH = 0, nextH = 0, isStart = false; + var prev, next, thisObj = this; + $(document).mousemove(function(ev){ + if(!isStart){return;} + var ev = ev || window.event; + var H = ev.clientY - disY; + var prevHNow = prevH+H, nextHNow = nextH-H; + if(opts.prevHtMin >= prevHNow) { + prevHNow = opts.prevHtMin; + nextHNow = next.outerHeight(); + } + if(opts.nextHtMin >= nextHNow) { + nextHNow = opts.nextHtMin; + prevHNow = prev.outerHeight(); + } + if(opts.prevHtMax <= prevHNow) { + prevHNow = opts.prevHtMax; + nextHNow = next.outerHeight(); + } + if(opts.nextHtMax <= nextHNow) { + nextHNow = opts.nextHtMax; + prevHNow = prev.outerHeight(); + } + //prev.css("height", prevHNow + 'px'); + //next.css("height", nextHNow + 'px'); + if(typeof opts.onresize == 'function') { + opts.onresize(prevHNow, nextHNow); + } + }).mouseup(function(ev){ + isStart = false; + }); + $(this).mousedown(function(ev){ + var ev = ev || window.event; + disY = ev.clientY; + prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); + next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); + prevH = prev.outerHeight(); + nextH = next.outerHeight(); + isStart = true; + }); + } + /** + * 改变宽度的功能，只是实现各种消息的通知，实际改变大小需要在回调里面自己操作 + */ + $.fn.mgResizableWidth = function(options) { + var defaults = {prev:this,next:this, prevWtMin:0, prevWtMax:999, nextWtMin:0, nextWtMax:999}; + var opts = $.extend(defaults, options); + var disX = 0, prevW = 0, nextW = 0, isStart = false; + var prev, next, thisObj = this; + $(document).mousemove(function(ev){ + if(!isStart){return;} + var ev = ev || window.event; + var W = ev.clientX - disX; + var prevWNow = prevW+W, nextWNow = nextW-W; + if(opts.prevWtMin >= prevWNow) { + prevWNow = opts.prevWtMin; + nextWNow = next.outerWidth(); + } + if(opts.nextWtMin >= nextWNow) { + nextWNow = opts.nextWtMin; + prevWNow = prev.outerWidth(); + } + if(opts.prevWtMax <= prevWNow) { + prevWNow = opts.prevWtMax; + nextWNow = next.outerWidth(); + } + if(opts.nextWtMax <= nextWNow) { + nextWNow = opts.nextWtMax; + prevWNow = prev.outerWidth(); + } + //prev.css("width", prevWNow + 'px'); + //next.css("width", nextWNow + 'px'); + if(typeof opts.onresize == 'function') { + opts.onresize(prevWNow, nextWNow); + } + }).mouseup(function(ev){ + if(!isStart){return;} + isStart = false; + if(typeof opts.onfinish == 'function') { + opts.onfinish(); + } + }); + $(this).mousedown(function(ev){ + var ev = ev || window.event; + disX = ev.clientX; + prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); + next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); + prevW = prev.outerWidth(); + nextW = next.outerWidth(); + isStart = true; + if(typeof opts.onstart == 'function') { + opts.onstart(); + } + }); + } })(jQuery); \ No newline at end of file diff --git a/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/css/mg-ui.css b/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/css/mg-ui.css index edd00d82..e9879f91 100644 --- a/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/css/mg-ui.css +++ b/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/css/mg-ui.css @@ -1,138 +1,134 @@ -body{width: 100%;height: 100%;margin: 0;padding: 0;} -a:focus{outline:none;} -ul{list-style: none;list-style-type: none;} -.tree li a{white-space: nowrap;} -.tree-menu li > ul{background-color: #f1f1f1;} -.tree-menu li li li li a{padding-left: 68px;} -.tree-menu li li li li li a{padding-left: 88px;} -.tree-menu li li li li li li a{padding-left: 108px;} -.tree-menu li li li li li li li a{padding-left: 128px;} -.tree-menu li li li li li li li li a{padding-left: 148px;} -.tree-menu li li li li li li li li li a{padding-left: 168px;} -.tree-menu li li li li li li li li li li a{padding-left: 188px;} -.table td, .table th {vertical-align: middle;} -#tabDocInfo{position: absolute; bottom: 0;top: 60px;overflow-y: auto; right: 0; left: 10px;} -#tabOnlineDebug .param-response-box{position: absolute; bottom: 0;top: 100px;overflow-y: auto; right: 0; left: 10px;} -.tab-online-debug-page{overflow-y: auto;position: absolute; bottom: 0;top: 10px; right: 0; left: 10px;} -.tab-online-debug-page .title-info{padding-bottom: 10px;} -.tab-online-debug-page .title-info .btn{margin-right: 20px;} -.tab-online-debug-page .title-info .text{padding-bottom: 10px;} - -.local-storage{display: none;} - -/**lable的覆盖样式*/ -.label{font-size: 100%;} -.label-warning {background-color: #f9f5ee; color: #f1a325;} -label{font-weight: normal;} - -.nav.gray{background-color: #f1f1f1;margin-bottom: 10px;} - -.doc-table tr .info{text-align: right; width: 100px;} -.setting-table tr .info{text-align: right; max-width: 150px;} -.show-doc span{color: #aaa;} - -.mgresizebleW{z-index: 90;height: 100%; width: 10px; cursor: e-resize;} -.ui-resizable-handle {display: block;font-size: 0.1px;position: absolute;} -#resizebleLeftRight{left: 360px;} -.unselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} - -#homePageDashboard{overflow-y: auto;bottom: 0;top: 0;right: 0;left: 0;position: absolute;overflow-x: hidden;padding: 10px;} -#homePageDashboard .panel-body{padding: 10px;} -.content.about{line-height: 30px;} - -#homePageLi{margin-top: 5px;} - -.left-body{ - width: 360px; height:100%; position: fixed; top: 0; bottom: 0; left: 0; -} -.left-header{ - background: #3280fc;width: 100%; height:60px;line-height:60px; - position: absolute; top: 0; bottom: 0; left: 0;text-align: center; -} -.left-header .logo{ - font-size: 30px;color: #fff; -} -.left-header .icon-bars{ - font-size: 24px;float: right;margin: 18px 18px 0 0;color: #fff;cursor: pointer; -} -.left-container{ - width: 100%;position: absolute;background: #f1f1f1;color: rgba(163, 175, 183, .9); - top: 60px; bottom: 0; left: 0; overflow-y: auto; padding: 10px; -} -.left-container .projects{border: 0px; border-radius: 0px;} - -.right-container{ - position: fixed;top: 0px; bottom: 0; left: 360px; right: 0;padding: 10px; -} - -#docResponseModel td:first-child{width: 100px;} -#docResponseExample td:first-child{width: 100px;} - -.modal-table-box{margin-top: 10px; max-height: 500px;overflow-y: auto;} -.modal-table-box{list-style: none;} -.modal-table-box ul{padding-left: 10px;} -.modal-table-box li{padding: 10px 15px; margin: 0 10px 10px 0; background-color: #f1f1f1;cursor: pointer;} -.modal-table-box li.checked{background-color: #8666b8;color:#fff;} - -#exportDocumentText{height: 350px;} - -#rightContentMask{background-color: rgba(0, 0, 0, 0);padding: 0;z-index:9999; height: 100%;display: none;position: absolute;top: 0;bottom: 0;left:0;right: 0;} -#rightZpages{height: 100%;position: relative;top: 0;bottom: 0;left:0;right: 0;} - -/* 在线调试框样式 */ -#tabParamBody .tab-content{padding-top: 10px;} - -.post-url-box{padding: 10px 0;} -.post-url-box .input-group-btn:nth-child(2) button{border-right: 0;border-radius: 0;} -.post-url-box .send-request .hide{display: none;} - -.param-box{} -.param-box .panel-collapse{padding: 10px;} -.param-box .nav{background-color: #f1f1f1;} -/* .param-box .nav > li > *{padding: 8px 25px;} */ -.param-box .nav > li > span{position: relative; display: block;background-color: #ccc;padding: 9px 25px;} -.param-box .nav > .form-to-url{position: relative; display: block;padding: 10px 0 0 25px;} -.param-box .nav > .form-to-url label{margin: 0;} -.param-box .nav > .form-to-url input{margin: 0;} -.param-box .tab-content .tab-param-pane{padding: 10px 10px 0 10px;} -.param-box .table.param-table td, .param-box .table.param-table th{padding: 4px 5px;} -.param-box .param-table td:first-child{width: 250px;} -.param-box .param-table tbody td:nth-child(2){border-right: 0;} -.param-box .param-table tbody td:nth-child(3){border-left: 0;padding: 0 10px 0 0;width: 10px;} -.param-box .param-table tbody td:nth-child(3) i{cursor: pointer;color: #ccc;} -.param-box .param-table tbody td:nth-child(3) i:hover{color: #888;} -.param-box .param-table tbody tr.base td:last-child i{display: none;} -#bulkEditHeaderCheck{margin-left: 10px;} -#bulkEditHeader,#bulkEditForm{display: none;} - -.response-box{margin-top: 20px;} -.response-box .nav > li > *{padding: 8px 25px;} -.response-box .nav > li span{position: relative; display: block;padding: 9px 25px;} -.response-box .nav > li.info span{background-color: #ccc;} -.response-box .nav > li.right{float: right;} -.response-box .nav > li.right i{color: #3280fc;} -.response-box .nav{background-color: #f1f1f1;} -.response-box .tab-content .tab-response-pane{padding: 10px;} - -#responseBodyJsonIframe{width: 100%;height: 300px;border: 0;} - -/* S-模拟请求 */ -#tabSimulationResult{padding: 10px 0;} -/* E-模拟请求 */ - -/* S-JSON展示的样式 */ -pre.json{margin-top:0px;margin-bottom:0px;} -pre.json .canvas{font:10pt georgia;background-color:#ececec;color:#000000;border:1px solid #cecece;} -pre.json .object-brace{color:#00aa00;font-weight:bold;} -pre.json .array-brace{color:#0033ff;font-weight:bold;} -pre.json .property-name{color:#cc0000;font-weight:bold;} -pre.json .string{color:#007777;} -pre.json .number{color:#aa00aa;} -pre.json .boolean{color:#0000ff;} -pre.json .function{color:#aa6633;text-decoration:italic;} -pre.json .null{color:#0000ff;} -pre.json .comma{color:#000000;font-weight:bold;} -pre.json .annotation{color:#aaa;} -pre img{cursor: pointer;} -/* E-JSON展示的样式 */ - +body{width: 100%;height: 100%;margin: 0;padding: 0;} +a:focus{outline:none;} +ul{list-style: none;list-style-type: none;} +.tree li a{white-space: nowrap;} +.tree-menu li > ul{background-color: #f1f1f1;} +.tree-menu li li li li a{padding-left: 68px;} +.tree-menu li li li li li a{padding-left: 88px;} +.tree-menu li li li li li li a{padding-left: 108px;} +.tree-menu li li li li li li li a{padding-left: 128px;} +.tree-menu li li li li li li li li a{padding-left: 148px;} +.tree-menu li li li li li li li li li a{padding-left: 168px;} +.tree-menu li li li li li li li li li li a{padding-left: 188px;} +.table td, .table th {vertical-align: middle;} +#tabDocInfo{position: absolute; bottom: 0;top: 60px;overflow-y: auto; right: 0; left: 10px;} +#tabOnlineDebug .param-response-box{position: absolute; bottom: 0;top: 100px;overflow-y: auto; right: 0; left: 10px;} + +.local-storage{display: none;} + +/**lable的覆盖样式*/ +.label{font-size: 100%;} +.label-warning {background-color: #f9f5ee; color: #f1a325;} +label{font-weight: normal;} + +.nav.gray{background-color: #f1f1f1;margin-bottom: 10px;} + +.doc-table tr .info{text-align: right; width: 100px;} +.setting-table tr .info{text-align: right; max-width: 150px;} +.show-doc span{color: #aaa;} + +.mgresizableW{z-index: 90;height: 100%; width: 10px; cursor: e-resize;} +.ui-resizable-handle {display: block;font-size: 0.1px;position: absolute;} +#resizableLeftRight{left: 360px;} +.unselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} + +#homePageDashboard{overflow-y: auto;bottom: 0;top: 0;right: 0;left: 0;position: absolute;overflow-x: hidden;padding: 10px;} +#homePageDashboard .panel-body{padding: 10px;} +.content.about{line-height: 30px;} + +#homePageLi{margin-top: 5px;} + +.left-body{ + width: 360px; height:100%; position: fixed; top: 0; bottom: 0; left: 0; +} +.left-header{ + background: #3280fc;width: 100%; height:60px;line-height:60px; + position: absolute; top: 0; bottom: 0; left: 0;text-align: center; +} +.left-header .logo{ + font-size: 30px;color: #fff; +} +.left-header .icon-bars{ + font-size: 24px;float: right;margin: 18px 18px 0 0;color: #fff;cursor: pointer; +} +.left-container{ + width: 100%;position: absolute;background: #f1f1f1;color: rgba(163, 175, 183, .9); + top: 60px; bottom: 0; left: 0; overflow-y: auto; padding: 10px; +} +.left-container .projects{border: 0px; border-radius: 0px;} + +.right-container{ + position: fixed;top: 0px; bottom: 0; left: 360px; right: 0;padding: 10px; +} + +#docResponseModel td:first-child{width: 100px;} +#docResponseExample td:first-child{width: 100px;} + +.modal-table-box{margin-top: 10px; max-height: 500px;overflow-y: auto;} +.modal-table-box{list-style: none;} +.modal-table-box ul{padding-left: 10px;} +.modal-table-box li{padding: 10px 15px; margin: 0 10px 10px 0; background-color: #f1f1f1;cursor: pointer;} +.modal-table-box li.checked{background-color: #8666b8;color:#fff;} + +#exportDocumentText{height: 350px;} + +#rightContentMask{background-color: rgba(0, 0, 0, 0);padding: 0;z-index:9999; height: 100%;display: none;position: absolute;top: 0;bottom: 0;left:0;right: 0;} +#rightZpages{height: 100%;position: relative;top: 0;bottom: 0;left:0;right: 0;} + +/* 在线调试框样式 */ +#tabParamBody .tab-content{padding-top: 10px;} + +.post-url-box{padding: 10px 0;} +.post-url-box .input-group-btn:nth-child(2) button{border-right: 0;border-radius: 0;} +.post-url-box .send-request .hide{display: none;} + +.param-box{} +.param-box .panel-collapse{padding: 10px;} +.param-box .nav{background-color: #f1f1f1;} +/* .param-box .nav > li > *{padding: 8px 25px;} */ +.param-box .nav > li > span{position: relative; display: block;background-color: #ccc;padding: 9px 25px;} +.param-box .nav > .form-to-url{position: relative; display: block;padding: 10px 0 0 25px;} +.param-box .nav > .form-to-url label{margin: 0;} +.param-box .nav > .form-to-url input{margin: 0;} +.param-box .tab-content .tab-param-pane{padding: 10px 10px 0 10px;} +.param-box .table.param-table td, .param-box .table.param-table th{padding: 4px 5px;} +.param-box .param-table td:first-child{width: 250px;} +.param-box .param-table tbody td:nth-child(2){border-right: 0;} +.param-box .param-table tbody td:nth-child(3){border-left: 0;padding: 0 10px 0 0;width: 10px;} +.param-box .param-table tbody td:nth-child(3) i{cursor: pointer;color: #ccc;} +.param-box .param-table tbody td:nth-child(3) i:hover{color: #888;} +.param-box .param-table tbody tr.base td:last-child i{display: none;} +#bulkEditHeaderCheck{margin-left: 10px;} +#bulkEditHeader,#bulkEditForm{display: none;} + +.response-box{margin-top: 20px;} +.response-box .nav > li > *{padding: 8px 25px;} +.response-box .nav > li span{position: relative; display: block;padding: 9px 25px;} +.response-box .nav > li.info span{background-color: #ccc;} +.response-box .nav > li.right{float: right;} +.response-box .nav > li.right i{color: #3280fc;} +.response-box .nav{background-color: #f1f1f1;} +.response-box .tab-content .tab-response-pane{padding: 10px;} + +#responseBodyJsonIframe{width: 100%;height: 300px;border: 0;} + +/* S-模拟请求 */ +#tabSimulationResult{padding: 10px 0;} +/* E-模拟请求 */ + +/* S-JSON展示的样式 */ +pre.json{margin-top:0px;margin-bottom:0px;} +pre.json .canvas{font:10pt georgia;background-color:#ececec;color:#000000;border:1px solid #cecece;} +pre.json .object-brace{color:#00aa00;font-weight:bold;} +pre.json .array-brace{color:#0033ff;font-weight:bold;} +pre.json .property-name{color:#cc0000;font-weight:bold;} +pre.json .string{color:#007777;} +pre.json .number{color:#aa00aa;} +pre.json .boolean{color:#0000ff;} +pre.json .function{color:#aa6633;text-decoration:italic;} +pre.json .null{color:#0000ff;} +pre.json .comma{color:#000000;font-weight:bold;} +pre.json .annotation{color:#aaa;} +pre img{cursor: pointer;} +/* E-JSON展示的样式 */ + diff --git a/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/common.js b/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/common.js index 9d2cc678..166e7491 100644 --- a/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/common.js +++ b/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/common.js @@ -13,7 +13,7 @@ function serialize(value) { function deserialize(value) { if (typeof value !== 'string' || isEmpty(value)) { - return undefined; + return value; } try { return JSON.parse(value); @@ -266,6 +266,29 @@ String.prototype.startWith = function(str) { return (this.substr(0, str.length) == str); }; +/** + * 获取数据，异步的操作 + */ +function getStorageLike(key, success, fail) { + var start = (typeof urlBase === 'string') ? urlBase : ''; + ajaxTemp(start + "swagger-mg-ui/storage/like", "post", "json", {key: key}, function(json){ + if(json.errCode == 200) { + if(typeof success == "function") { + var result = deserialize(json.data); + success(result); + } + } else { + if(typeof fail == "function") { + fail(); + } + } + }, function(msg){ + if(typeof fail == "function") { + fail(); + } + }); +} + /** * 获取数据，异步的操作 */ @@ -313,6 +336,29 @@ function setStorage(key, value, success, fail) { }); } +/** + * 删除数据 + */ +function deleteStorage(key, success, fail) { + var start = (typeof urlBase === 'string') ? urlBase : ''; + ajaxTemp(start + "swagger-mg-ui/storage/delete", "post", "json", {key: key}, function(json){ + if(json.errCode == 200) { + if(typeof success == "function") { + success(); + } + } else { + if(typeof fail == "function") { + fail(getNotEmptyStr(json.errMsg)); + } + } + }, function(msg){ + if(typeof fail == "function") { + fail(""); + } + console.log("存储数据到服务器失败，请检查"); + }); +} + /** * 获取父窗口的exports * @returns diff --git a/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/mg-ui-cache-keys.js b/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/mg-ui-cache-keys.js index 05a2b146..853bbbb1 100644 --- a/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/mg-ui-cache-keys.js +++ b/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/mg-ui-cache-keys.js @@ -2,4 +2,5 @@ var cacheKeys = { userSettings: 'userSettings', swaggerResourcesList: 'swagger-resources-list', globalParamList: 'zyplayer-doc-global-param-list', + pRequestObjStart: 'p-request-obj-', } \ No newline at end of file diff --git a/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/mg-ui.js b/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/mg-ui.js index cbe85ab8..9bb0d29a 100644 --- a/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/mg-ui.js +++ b/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/mg-ui.js @@ -1,1069 +1,1068 @@ -/** - * zyplayer-doc-swagger是swagger-ui的一个前端实现，使用简单、解析速度快、走心的设计 - * 支持多项目同时展示，多种文档目录的展示方案，多种自定义配置，满足各种使用习惯。 - * 使用中您有任何的意见和建议都可到源码地址处反馈哦！ - * git地址：https://gitee.com/zyplayer/zyplayer-doc-swagger - * @author 暮光：城中城 - * @since 2018年5月20日 - */ - -// 参数说明对于的map全局对象 -var definitionsDataMap = new Map(); -// 依据目录树存储的map全局对象 -var treePathDataMap = new Map(); - -var globalLoadingMessager; -// 树的下表 -var projectTreeIdIndex = 1; -// 文档url加载的下标 -var projectLoadingIndex = 0; -// 请求到的文档列表 -var documentJsonArr = []; -// 用户的配置对象 -var userSettings = {}; -// 默认用户的配置对象 -var defaultUserSettings = { - autoFillParam : 0,// 自动填充参数，0=否 1=智能填充 2=全部填充 - onlyUseLastParam : 0,// 是否仅使用上次请求参数 - showParamType : 1,// 是否展示字段的类型 - catalogShowType : 1,// 目录的展示方式，1=url分成一层一层的展示、2=整个url显示为一层展示 - treeShowType : 1,// 树形菜单展示方式，1=tree-angles、2=tree-menu、3=默认，4=tree-folders、5=tree-chevrons - projects : [],// 所有的项目列表 - removedProjects : [],// 被移除的项目列表 - prevWNow : 360 -}; - -var swaggerApiDocsArr = []; - -var requestParamObj = {}; -// 模板示例 -var requestParamObjTemp = { - taskId: { - value: 1,// 参数值 - paramType: 'string',// 参数类型，string int boolean - required: true,// 是否必填 - paramIn: 'body',// 参数位置，body query header - paramDesc: '参数说明' - } -}; - -var rightContentTabs; - -/** - * 网页加载完毕后的处理 - */ -$(document).ready(function(){ - globalLoadingMessager = new $.zui.Messager({type: 'primary', close: false, time: 0}).show(); - showGlobalLoadingMessage('检查服务中，请稍候...', true); - ajaxTemp("swagger-mg-ui/storage/checkConfig", "post", "json", { - }, function(json){ - }, function(msg){ - }, function(xhr){ - showGlobalLoadingMessage('服务检查完成，请稍候...', true); - var serverStorage = false; - if(!isEmptyObject(xhr.responseJSON)) { - serverStorage = (xhr.responseJSON.errCode == 200); - } - if(!serverStorage) { - Toast.error("服务器端能力配置有误，新版本必须开启才能使用", 999999); - documentLoadFinish(); - } else { - initUserSettings(); - } - } - ); -}); - -/** - * 获取所有文档列表提供选择 - * @returns - */ -function getDocumentListByService() { - $("#choiseDocListUl").empty(); - showGlobalLoadingMessage('获取文档列表中，请稍候...', true); - ajaxTemp("swagger-mg-ui/document/resourcesList", "post", "json", {}, function(json){ - if(validateResult(json) && json.data.length > 1) { - showGlobalLoadingMessage('等待选择需展示的文档，请选择...', true); - for (var i = 0; i < json.data.length; i++) { - var item = json.data[i]; - $("#choiseDocListUl").append('
          • '+item+'
            • '); - } - $('#choiseDocModal').modal({moveable:true, backdrop:'static', keyboard: false}); - } else { - addDocumentByService(); - } - }); -} - -/** - * 增加文档-通过服务器接口 - * @returns - */ -function addDocumentByService(choiseDocList) { - // 获取原始的swagger的json对象 - showGlobalLoadingMessage('通过服务器端获取文档中，请稍候...', true); - ajaxTemp("swagger-mg-ui/document/docs", "post", "json", {choiseDocList: choiseDocList}, function(json){ - //console.log(json); - showGlobalLoadingMessage('文档获取成功，解析中，请稍候...', true); - if(isEmptyObject(json) || json.errCode != 200) { - Toast.error("获取文档错误，请检查！"); - return; - } - for (var i = 0; i < json.data.length; i++) { - showGlobalLoadingMessage('解析第'+(i+1)+'份文档，请稍候...', true); - var tempDoc = deserialize(json.data[i]); - console.log(tempDoc); - documentJsonArr.push(tempDoc);// 加到所有文档 - addHomePageDashboard(tempDoc, tempDoc.fullUrl); - createDefinitionsMapByJson(tempDoc); - if(userSettings.catalogShowType == 1) { - createTreeViewByTree(tempDoc);// url分成一层一层的展示 - } else if(userSettings.catalogShowType == 2){ - createTreeViewByTag(tempDoc);// tag方式，整个url显示为一层 - } else { - createTreeViewByTree(tempDoc);// url分成一层一层的展示 - } - } - documentLoadFinish(); - }, function(msg){ - Toast.error("获取文档失败，请检查！"); - }); -} - -/** - * 自由拖动改变左右框架的宽度 - */ -$("#resizebleLeftRight").mgResizebleWidth({ - prev:"#leftContent", - prevWtMin: 120, prevWtMax: 999999, - nextWtMin: 360, nextWtMax: 999999, - onresize:function(prevWNow, nextWNow){ - changeContentWidth(prevWNow); - }, - onstart:function(){ - $("body").addClass("unselect"); - $("#rightContentMask").show(); - }, - onfinish:function(){ - $("body").removeClass("unselect"); - $("#rightContentMask").hide(); - storeUserSettings(); - } -}); - -/** - * 切换导航栏的宽度到最小或最大 - */ -$("#changeContentWidth").click(function(){ - var isMinWidth = ($("#leftContent").width() == 120); - changeContentWidth(isMinWidth ? 360 : 120); -}); - -/** - * 修改tree的class - */ -$("input[name='treeShowType']").change(function() { - userSettings.treeShowType = $("input[name='treeShowType']:checked").val(); - updateTreeShowType(); - storeUserSettings(); -}); - -/** - * 切换url分成一层一层的展示、整个url显示为一层展示 - */ -$("input[name='catalogShowType']").change(function() { - userSettings.catalogShowType = $("input[name='catalogShowType']:checked").val(); - regeneratePathTree(); - storeUserSettings(); -}); - -/** - * 是否展示参数类型 - */ -$("input[name='showParamType']").change(function() { - userSettings.showParamType = $("input[name='showParamType']:checked").val(); - storeUserSettings(); -}); - -/** - * 是否仅使用上次请求参数 - */ -$("input[name='onlyUseLastParam']").change(function() { - userSettings.onlyUseLastParam = $("input[name='onlyUseLastParam']:checked").val(); - storeUserSettings(); -}); - -/** - * 是否自动填充请求参数 - */ -$("input[name='autoFillParam']").change(function() { - userSettings.autoFillParam = $("input[name='autoFillParam']:checked").val(); - storeUserSettings(); -}); - -/** - * 搜索框回车事件 - */ -$("#searchDocInput").keyup(function(e) { - if (e.keyCode == 13) { - searchDoc(); - } -}); -/** - * 搜索按钮点击 - */ -$("#searchDocBt").click(function(){ - searchDoc(); -}); - -/** - * 导出文档 - */ -function exportDocument(){ - // 清空 - $("#exportDocumentText").val(""); - $("#exportDocumentUl").show(); - $("#exportDocumentModal .bottom-box").show(); - $("#exportDocumentModal .alert").addClass("hidden"); - $("#exportDocumentText").addClass("hidden"); - - $('#exportDocumentUl').empty(); - for (var i = 0; i < documentJsonArr.length; i++) { - $("#exportDocumentUl").append('
          • '+decodeURI(documentJsonArr[i].fullUrl)+'
            • '); - } - $('#exportDocumentModal').modal({moveable:true, backdrop: 'static'}); - $('#exportDocumentModal').modal('ajustPosition', 'fit'); -} - -$("#doExportBtn").click(function(){ - var jsonStrAll = ""; - var mgUiDataArr = "var mgUiDataArr = ["; - $('#exportDocumentUl li.checked').each(function(i){ - var index = $(this).attr("index"); - var jsonObj = documentJsonArr[index]; - var jsonStr = JSON.stringify(jsonObj); - jsonStrAll += "var mgUiData" + index + "=" + jsonStr + ";\n\n"; - if(i > 0) { - mgUiDataArr += ", "; - } - mgUiDataArr += "mgUiData" + index; - }); - if(isEmpty(jsonStrAll)){ - Toast.warn("请输选择需要导出的文档");return; - } - jsonStrAll += mgUiDataArr + "];"; - $("#exportDocumentText").val(jsonStrAll); - $("#exportDocumentUl").hide(); - $("#exportDocumentModal .bottom-box").hide(); - $("#exportDocumentModal .alert").removeClass("hidden"); - $("#exportDocumentText").removeClass("hidden"); - $('#exportDocumentModal').modal('ajustPosition', 'fit'); -}); - -/** - * 切换选中和非选中样式 - */ -$(".choise").on("click", "li", function(){ - $(this).toggleClass("checked"); -}); - -/** - * 页面导航切换 - */ -$("#tabZpagesNavigationLi").on("click", ".page-nav", function(){ - var id = $(this).data("id"); - var href = $(this).data("href"); - var icon = $(this).data("icon"); - var reload = $(this).data("reload"); - $(".tab-page").hide(); - $(".tab-online-debug-page").hide(); - $(".tab-zpages").show(); - if(reload || $("#tab-"+id).length <= 0) { - var newTab = {id: id, url: href, type: 'iframe', icon: icon}; - rightContentTabs.open(newTab); - } else { - $("#tab-nav-item-"+id+" .tab-nav-link").click(); - } -}); - -/** - * 选择文档-确认 - */ -$("#choiseDocBtn").click(function(){ - var choiseDocList = "", choiseDocListObj = []; - var allDocListObj = []; - $('#choiseDocListUl li').each(function(k){ - var tempUrl = $(this).attr("value"); - if($(this).hasClass('checked')) { - if(k == 0){ - choiseDocList = tempUrl; - }else{ - choiseDocList += ',' + tempUrl; - } - choiseDocListObj.push(tempUrl); - } - allDocListObj.push(tempUrl); - }); - addDocumentByService(choiseDocList); - $('#choiseDocModal').modal('hide'); -}); - -/** - * 增加文档的保存按钮 - */ -$("#addNewDocumentBtn").click(function(){ - var addNewDocumentInput = $("#addNewDocumentInput").val(); - if(isEmpty(addNewDocumentInput)) { - Toast.error("地址不可以为空");return; - } - projectLoadingIndex = 1; - ajaxTemp("swagger-mg-ui/document/addSwaggerResources", "post", "json", {resourcesUrl: addNewDocumentInput}, function(json){ - if(validateResult(json)) { - document.location.reload(); - } - }); -}); - -/** - * 主页li点击事件，展示主页 - */ -$("#homePageLi").click(function(){ - $(".tab-page,.tab-zpages").hide(); - $(".tab-home-page").show(); -}); - -/** - * 多行编辑header - */ -$("#bulkEditHeaderCheck").change(function() { - //console.log($(this).prop('checked')); - if($(this).prop('checked')) { - var requestHeaderForm = $("#requestHeaderForm").serializeArray(); - var formStr = serializeArrayToBulkEdit(requestHeaderForm); - $("#bulkEditHeader").val(formStr); - $("#bulkEditHeader").show(); - $("#requestHeaderForm table").hide(); - } else { - var bulkEdit = $("#bulkEditHeader").val(); - bulkEditToTable("#tabParamHeader", bulkEdit); - $("#requestHeaderForm table").show(); - $("#bulkEditHeader").hide(); - } -}); - -/** - * 多行编辑form - */ -$("#bulkEditFormCheck").change(function() { - //console.log($(this).prop('checked')); - if($(this).prop('checked')) { - var requestParamForm = $("#requestParamForm").serializeArray(); - var formStr = serializeArrayToBulkEdit(requestParamForm); - $("#bulkEditForm").val(formStr); - $("#bulkEditForm").show(); - $("#tabParamTypeForm table").hide(); - } else { - var bulkEdit = $("#bulkEditForm").val(); - bulkEditToTable("#tabParamTypeForm", bulkEdit); - $("#tabParamTypeForm table").show(); - $("#bulkEditForm").hide(); - } -}); - -$('[data-tab]').on('shown.zui.tab', function(e) { - var href = $(e.target).attr("href"); - if("#tabParamTypeForm" == href) { - $(".form-to-url").show(); - } else if("#tabParamTypeBody" == href) { - $(".form-to-url").hide(); - } - //console.log('当前被激活的标签页', e.target); - //console.log('上一个标签页', e.relatedTarget); -}); - -/** - * api文档最后的节点点击，展示文档页面 - */ -$("#apiPathTree").on("click", ".show-doc", function(){ - $(".tab-page").hide(); - $(".tab-document").show(); - var path = $(this).attr("path"); - var data = treePathDataMap.get(path); - var docInfo = getNotEmptyStr(data.description); - var docUrl = getNotEmptyStr(data.url); - if(isEmpty(docInfo)) { - docInfo = getNotEmptyStr(data.summary); - } - // 处理在线调试 - $("#postUrlInput").val(data.domain + docUrl); - // 处理模拟返回 - $("#simulationResultUrl").text(docUrl); - $("#simulationResultUrlTest").text(data.domain + docUrl + "?mgUiTestFlag=1"); - $("#simulationResultUrlTest").attr("href", data.domain + docUrl + "?mgUiTestFlag=1"); - $("#simulationResultText").val(""); - getStorage('p-simulation-response-' + docUrl, function(data){ - var resultText = getNotEmptyStr(data); - resultText = (typeof resultText === 'string') ? resultText : JSON.stringify(resultText, null, 4); - $("#simulationResultText").val(resultText); - }); - // 处理在线文档 - $("#docUrl").text(docUrl); - $("#docRequestMethod").text(getNotEmptyStr(data.method)); - $("#docInfo").text(docInfo); - $("#docConsumes").text(arrToString(data.consumes)); - $("#docProduces").text(arrToString(data.produces)); - $("#debugRequstType .btn .options").text(data.method.toUpperCase()); - $("#tabParamTypeBody textarea").val(""); - // 遍历参数列表 - $("#docRequestParam table tbody").empty(); - $("#docRequestExample table tbody").empty(); - requestParamObj = {}; - Formatjson.annotationObject = {}; - //addRequestParamObj(requestParamObj, "Content-Type", "string", "header", false, "", arrToString(data.consumes)); - if(isNotEmpty(data.parameters)) { - Object.keys(data.parameters).forEach(function(key){ - var tempParameters = data.parameters[key]; - var htmlStr = "", htmlStrExample = ""; - var responsesJson = []; - var responsesExample = []; - var tempRequestParamObj = []; - var required = tempParameters.required; - var paramName = getNotEmptyStr(tempParameters.name); - var paramType = getNotEmptyStr(tempParameters.type); - var paramDesc = getNotEmptyStr(tempParameters.description); - var paramIn = getNotEmptyStr(tempParameters.in); - var example = getNotEmptyStr(tempParameters.example, tempParameters.default); - if(isNotEmpty(tempParameters.items)) { - htmlStr = paramName + "[0]"; - htmlStrExample = paramName + "[0]"; - } else if(isNotEmpty(tempParameters.schema)) { - if("array" == tempParameters.schema.type) { - var responsesObj = definitionsDataMap.get(tempParameters.schema.items.$ref); - if(responsesObj != null) { - responsesJson[0] = getResponsesJson(responsesObj, "", false, 1); - responsesExample[0] = getResponsesJson(responsesObj, "", true, 1); - tempRequestParamObj[0] = getRequestParamObj(responsesObj, ""); - } else { - responsesJson = [""]; - responsesExample = [""]; - tempRequestParamObj = [""]; - if(tempParameters.schema.items.type == "boolean") { - responsesJson = [true]; - responsesExample = [true]; - tempRequestParamObj = [true]; - } else if(tempParameters.schema.items.type == "integer") { - responsesJson = [0]; - responsesExample = [0]; - tempRequestParamObj = [0]; - } - } - requestParamObj["p-body-obj"] = tempRequestParamObj; - var arrTmp = tempParameters.schema.$ref.split("/"); - paramType = arrTmp[arrTmp.length - 1]; - htmlStr = Formatjson.processObjectToHtmlPre(responsesJson, 0, false, false, false, true); - htmlStrExample = Formatjson.processObjectToHtmlPre(responsesExample, 0, false, false, false, false); - } else if(isNotEmpty(tempParameters.schema.$ref)){ - var responsesObj = definitionsDataMap.get(tempParameters.schema.$ref); - var arrTmp = tempParameters.schema.$ref.split("/"); - paramType = arrTmp[arrTmp.length - 1]; - if(isNotEmpty(responsesObj)) { - responsesJson = getResponsesJson(responsesObj, "", false, 1); - responsesExample = getResponsesJson(responsesObj, "", true, 1); - htmlStr = Formatjson.processObjectToHtmlPre(responsesJson, 0, false, false, false, true); - htmlStrExample = Formatjson.processObjectToHtmlPre(responsesExample, 0, false, false, false, false); - tempRequestParamObj = getRequestParamObj(responsesObj, ""); - requestParamObj["p-body-obj"] = tempRequestParamObj; - } else { - htmlStr = paramName; - htmlStrExample = paramName; - addRequestParamObj(requestParamObj, paramName, paramType, paramIn, required, paramDesc, example); - } - } else if("string" == tempParameters.schema.type) { - htmlStr = paramName; - htmlStrExample = paramName; - addRequestParamObj(requestParamObj, paramName, paramType, paramIn, required, paramDesc, example); - } else { - htmlStr = paramName; - htmlStrExample = paramName; - addRequestParamObj(requestParamObj, paramName, paramType, paramIn, required, paramDesc, example); - } - } else { - htmlStr = paramName; - htmlStrExample = paramName; - addRequestParamObj(requestParamObj, paramName, paramType, paramIn, required, paramDesc, example); - } - $("#docRequestParam table tbody").append( - '' - +'' + htmlStr + '' - +'' + paramDesc + '' - +'' + paramType + '' - +'' + paramIn + '' - +'' + required + '' - +'' - ); - $("#docRequestExample table tbody").append( - '' - +'' + htmlStrExample + '' - +'' + paramDesc + '' - +'' + paramType + '' - +'' + paramIn + '' - +'' + required + '' - +'' - ); - }); - } -// console.log(requestParamObj); -// var htmlStrTemp = Formatjson.processObjectToHtmlPre(requestParamObj, 0, false, false, false); -// $("#htmlStrTemp").html(htmlStrTemp); - $("#htmlStrTemp").parents("tr").hide(); - createOnlineDebugRequestParam(requestParamObj, getNotEmptyStr(data.url)); - // 遍历结果集列表 - $("#docResponseModel table tbody").empty(); - $("#docResponseExample table tbody").empty(); - Formatjson.annotationObject = {}; - if(isNotEmpty(data.responses)) { - Object.keys(data.responses).forEach(function(key){ - var tempRespones = data.responses[key]; - if(isNotEmpty(tempRespones.schema)) { - var responsesJson, responsesExample; - if("array" == tempRespones.schema.type) { - responsesJson = []; - responsesExample = []; - var responsesObj = definitionsDataMap.get(tempRespones.schema.items.$ref); - if(responsesObj != null) { - responsesJson[0] = getResponsesJson(responsesObj, "", false, 1); - responsesExample[0] = getResponsesJson(responsesObj, "", true, 1); - } else { - responsesJson = [""]; - responsesExample = [""]; - if(tempParameters.schema.items.type == "boolean") { - responsesJson = [true]; - responsesExample = [true]; - } else if(tempParameters.schema.items.type == "integer") { - responsesJson = [0]; - responsesExample = [0]; - } - } - } else if(isNotEmpty(tempRespones.schema.$ref)){ - var responsesObj = definitionsDataMap.get(tempRespones.schema.$ref); - if(isEmptyObject(responsesObj)) { - var arrTmp = tempRespones.schema.$ref.split("/"); - var lastObjName = arrTmp[arrTmp.length - 1]; - responsesJson = lastObjName; - responsesExample = lastObjName; - } else { - responsesJson = getResponsesJson(responsesObj, "", false, 1); - responsesExample = getResponsesJson(responsesObj, "", true, 1); - } - } else { - responsesJson = ""; - responsesExample = ""; - } - if(isEmptyObject(responsesJson)) { - return; - } - //console.log(Formatjson.annotationObject); - var htmlStr = Formatjson.processObjectToHtmlPre(responsesJson, 0, false, false, false, true); - $("#docResponseModel table tbody").append( - '' - +'' + key + '' - +'' + htmlStr + '' - +'' - ); - htmlStr = Formatjson.processObjectToHtmlPre(responsesExample, 0, false, false, false, false); - $("#docResponseExample table tbody").append( - '' - +'' + key + '' - +'' + htmlStr + '' - +'' - ); - } - }); - } -}); - -/** - * 新增全局请求参数对象 - */ -function addRequestParamObj(paramObj, paramName, paramType, paramIn, required, paramDesc, value) { - var tempObj = {}; - tempObj.paramType = paramType; - tempObj.paramIn = paramIn; - tempObj.required = required; - tempObj.paramDesc = paramDesc; - tempObj.isParamObj = true; - tempObj.value = value; - paramObj[paramName] = tempObj; -} - -/** - * 搜索文档 - * @returns - */ -function searchDoc() { - var keywords = $("#searchDocInput").val(); - // 重新生成 - regeneratePathTree(keywords); - if (isEmpty(keywords)){ - return; - } - $('#apiPathTree .projects').tree('expand'); -// // 先全部收起 -// $('#apiPathTree .projects').tree('collapse'); -// for (var mapData of treePathDataMap) { -// if (mapData[0].toLowerCase().indexOf(keywords.toLowerCase()) >= 0) { -// var treeNode = $('#apiPathTree .projects').find("[m-id="+mapData[1].treeId+"]"); -// $('#apiPathTree .projects').tree('show', treeNode); -// } -// } -} - -// 重新生成文档 -function regeneratePathTree(keywords){ - projectTreeIdIndex = 1; - treePathDataMap = new Map(); - $('#apiPathTree').empty(); - $('#apiPathTree').append('
              '); - for (var i = 0; i < documentJsonArr.length; i++) { - var json = documentJsonArr[i]; - if(userSettings.catalogShowType == 1) { - createTreeViewByTree(json, keywords);// url分成一层一层的展示 - } else if(userSettings.catalogShowType == 2){ - createTreeViewByTag(json, keywords);// tag方式，整个url显示为一层 - } else { - createTreeViewByTree(json, keywords);// url分成一层一层的展示 - } - } - $('#apiPathTree .projects').tree(); - updateTreeShowType(); -} - -function findInPathsValue(key, pathsValue, keywords) { - if(isEmpty(keywords) || isEmpty(key)) { - return true; - } - key = key.toLowerCase(); - keywords = keywords.toLowerCase(); - // 路径中有就不用再去找了 - if(key.indexOf(keywords) >= 0) { - return true; - } - for ( var subKey in pathsValue) { - // 找路径和说明里面包含关键字的 - var tagsTmp = pathsValue[subKey].tags; - var pathTmp = pathsValue[subKey].path; - var summaryTmp = pathsValue[subKey].summary; - var descriptionTmp = pathsValue[subKey].description; - if(isNotEmpty(pathTmp) && pathTmp.toLowerCase().indexOf(keywords) >= 0) { - return true; - } - if(isNotEmpty(summaryTmp) && summaryTmp.toLowerCase().indexOf(keywords) >= 0) { - return true; - } - if(isNotEmpty(descriptionTmp) && descriptionTmp.toLowerCase().indexOf(keywords) >= 0) { - return true; - } - if(isNotEmpty(tagsTmp) && arrToString(tagsTmp).toLowerCase().indexOf(keywords) >= 0) { - return true; - } - } - return false; -} - -function getResponsesJson(responsesObj, prevRef, isExample, recursiveCount) { - var responsesJson = {}; - recursiveCount++;// 多层递归，最多递归10层，防止无限递归 - if(isEmpty(responsesObj) || isEmpty(responsesObj.properties) || recursiveCount > 10) { - return responsesJson; - } - var requiredArr = responsesObj.required; - Object.keys(responsesObj.properties).forEach(function(prop){ - var tmpData = responsesObj.properties[prop]; - if("array" == tmpData.type) {// 数组 - Formatjson.annotationObject[prop] = getNotEmptyStr(tmpData.description); - if(prevRef != tmpData.items.$ref) { - var tempObj = definitionsDataMap.get(tmpData.items.$ref); - if(tempObj != null) { - var tempArr = responsesJson[prop] = []; - tempArr[0] = getResponsesJson(tempObj, tmpData.items.$ref, isExample, recursiveCount); - } else { - var responsesJsonSub = []; - var bodyFor = responsesJsonSub; - var items = tmpData.items; - for (var i = 0; i < 10; i++) { - if("array" == items.type) { - bodyFor = bodyFor[0] = []; - items = items.items; - } else { - tempObj = definitionsDataMap.get(items.$ref); - if(tempObj != null) { - bodyFor[0] = getResponsesJson(tempObj, items.$ref, isExample, recursiveCount); - } else { - if(items.type == "boolean") { - bodyFor[0] = true; - } else if(items.type == "integer") { - bodyFor[0] = 0; - } else { - bodyFor[0] = ""; - } - } - break; - } - } - responsesJson[prop] = responsesJsonSub; - } - } else { - responsesJson[prop] = "{}" + getNotEmptyStr(tmpData.description); - } - } else if(isNotEmpty(tmpData.$ref)) {// 对象 - Formatjson.annotationObject[prop] = getNotEmptyStr(tmpData.description); - if(prevRef != tmpData.$ref) { - var tempObj = definitionsDataMap.get(tmpData.$ref); - responsesJson[prop] = getResponsesJson(tempObj, tmpData.$ref, isExample, recursiveCount); - } else { - responsesJson[prop] = "{}" + getNotEmptyStr(tmpData.description); - } - } else {// 字段 - var enumExample = ""; - var enumObj = tmpData["enum"]; - if(!isEmptyObject(enumObj) && enumObj.length > 0) { - enumExample = "枚举值："; - for (var i = 0; i < enumObj.length; i++) { - if(i > 0) {enumExample += "、";} - enumExample += enumObj[i]; - } - } - var typeStr = getNotEmptyStr(tmpData.format); - if(isEmpty(typeStr)) { - typeStr = getNotEmptyStr(tmpData.type); - } - if(isExample) { - var tempVal = getNotEmptyStr(tmpData.example); - if(isEmpty(tempVal)) { - tempVal = getAutoFillValue(typeStr, prop); - } - if(isNotEmpty(tempVal) && isNotEmpty(enumExample)) { - tempVal = tempVal + "，" + enumExample; - } - responsesJson[prop] = tempVal; - } else { - if(userSettings.showParamType == 1) { - if(haveString(requiredArr, prop)) { - typeStr = (isNotEmpty(typeStr) ? typeStr + "," : "") + "required"; - } - if(isNotEmpty(typeStr)) { - typeStr = "(" + typeStr + ")"; - } - } - var descriptionStr = typeStr + getNotEmptyStr(tmpData.description); - if(isNotEmpty(descriptionStr) && isNotEmpty(enumExample)) { - descriptionStr = descriptionStr + "，" + enumExample; - } - responsesJson[prop] = descriptionStr; - } - } - }); - return responsesJson; -} - -function getRequestParamObj(responsesObj, prevRef) { - var responsesJson = {}; - if(isEmpty(responsesObj) || isEmpty(responsesObj.properties)) { - return responsesJson; - } - var requiredArr = responsesObj.required; - Object.keys(responsesObj.properties).forEach(function(prop){ - var tmpData = responsesObj.properties[prop]; - if("array" == tmpData.type) {// 数组 - if(prevRef != tmpData.items.$ref) { - var tempObj = definitionsDataMap.get(tmpData.items.$ref); - if(tempObj != null) { - var tempArr = responsesJson[prop] = []; - tempArr[0] = getRequestParamObj(tempObj, tmpData.items.$ref); - } else { - var responsesJsonSub = []; - var bodyFor = responsesJsonSub; - var items = tmpData.items; - for (var i = 0; i < 10; i++) { - if("array" == items.type) { - bodyFor = bodyFor[0] = []; - items = items.items; - } else { - tempObj = definitionsDataMap.get(items.$ref); - if(tempObj != null) { - bodyFor[0] = getRequestParamObj(tempObj, items.$ref); - } else { - if(items.type == "boolean") { - bodyFor[0] = true; - } else if(items.type == "integer") { - bodyFor[0] = 0; - } else { - bodyFor[0] = ""; - } - } - break; - } - } - responsesJson[prop] = responsesJsonSub; - } - } else { - var required = haveString(requiredArr, prop); - var paramType = getNotEmptyStr(tmpData.format); - var paramDesc = getNotEmptyStr(tmpData.description); - var example = getNotEmptyStr(tmpData.example, tmpData.default); - if(isEmpty(paramType)) { - paramType = getNotEmptyStr(tmpData.type); - } - addRequestParamObj(responsesJson, prop, paramType, "", required, paramDesc, example); - } - } else if(isNotEmpty(tmpData.$ref)) {// 对象 - if(prevRef != tmpData.$ref) { - var tempObj = definitionsDataMap.get(tmpData.$ref); - responsesJson[prop] = getRequestParamObj(tempObj, tmpData.$ref); - } else { - var required = haveString(requiredArr, prop); - var paramType = getNotEmptyStr(tmpData.format); - var paramDesc = getNotEmptyStr(tmpData.description); - var example = getNotEmptyStr(tmpData.example, tmpData.default); - if(isEmpty(paramType)) { - paramType = getNotEmptyStr(tmpData.type); - } - addRequestParamObj(responsesJson, prop, paramType, "", required, paramDesc, example); - } - } else {// 字段 - var required = haveString(requiredArr, prop); - var paramType = getNotEmptyStr(tmpData.format); - var paramDesc = getNotEmptyStr(tmpData.description); - var example = getNotEmptyStr(tmpData.example, tmpData.default); - if(isEmpty(paramType)) { - paramType = getNotEmptyStr(tmpData.type); - } - addRequestParamObj(responsesJson, prop, paramType, "", required, paramDesc, example); - } - }); - return responsesJson; -} - -/** - * 修改左右框架的宽度 - * @param width 左侧导航栏的宽度 - * @returns - */ -function changeContentWidth(width) { - $("#leftContent").css("width", width + 'px'); - $("#resizebleLeftRight").css("left", width + 'px'); - $("#rightContent").css("left", width + 'px'); - var logoText = "zyplayer-doc-swagger"; - if(width < 370 && width > 290){ - logoText = "zyplayer-doc"; - } else if(width < 290){ - logoText = "doc"; - } - $("#logoText").text(logoText); - userSettings.prevWNow = width; -} - -/** - * 通过原始json生成引用的字典Map - * @param json swagger的原始json - * @returns - */ -function createDefinitionsMapByJson(json) { - var pathIndex = {}; - var definitions = json.definitions; - //console.log(paths); - if(isNotEmpty(definitions)) { - Object.keys(definitions).forEach(function(key){ - //console.log(key); - definitionsDataMap.set("#/definitions/" + key, definitions[key]); - }); - } -} - -/** - * 增加项目文档 - * @param json - * @returns - */ -function addHomePageDashboard(json, fullUrl) { - var info = json.info||{}; - var contactName = ""; - if(isNotEmpty(info.contact)) { - contactName = "昵称：" + getNotEmptyStr(info.contact.name, "-"); - contactName += "
              邮箱：" + getNotEmptyStr(info.contact.email, "-"); - contactName += "
              网站：" + getNotEmptyStr(info.contact.url, "-"); - } - $("#homePageDashboard section").append( - '
              ' - +'
              ' - +'
              ' - +'
              '+info.title+'
              ' - +'
              ' -// +'' - +'
              ' - +'
              ' - +'
              ' - +'
              ' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'' - +'
              简介'+info.description+'
              作者'+contactName+'
              版本'+info.version+'
              地址'+decodeURI(fullUrl)+'
              ' - +'
              ' - +'
              ' - +'
              ' - +'
              ' - ); -} - -/** - * 初始化用户的设置 - * @param - * @returns - */ -function documentLoadFinish() { - showGlobalLoadingMessage('文档解析完成！', false); - // 定义配置的标签页 - var tabsArr = [ - {id: 'docShowConfig', url: 'webjars/zpages/docShowConfig.html', type: 'iframe', icon: 'icon-cog', forbidClose: true}, - ]; - $('#rightZpages').tabs({tabs: tabsArr}); - rightContentTabs = $('#rightZpages').data('zui.tabs'); - // 隐藏提示框 - setTimeout(function() { - globalLoadingMessager.hide(); - }, 1000); - $('#apiPathTree .projects').tree(); - $('#homePageDashboard').dashboard({draggable: false, - // 修改排序 - afterOrdered:function(newOrders){ - /*//console.log(newOrders); - var tempProjects = [], nowIndex = 0, settingTableIndex = 1; - Object.keys(newOrders).forEach(function(key){ - if(key == 1) { - settingTableIndex = newOrders[key]; - return; - } - var subCount = (newOrders[key] > settingTableIndex) ? 2 : 1; - tempProjects[newOrders[key] - subCount] = key; - }); - userSettings.projects = tempProjects; - storeUserSettings(); - */ - // 应该是控件问题，拖动之后单选项被值空了，需要重新设置选中，而且还必须等一会设置才有效果。。 - setTimeout("updateUserSettingsUi();", 500); - }, - // 修改大小 - onResize:function(){ - - }, - // 被移除 - afterPanelRemoved:function(id){ - //console.log(id); - ajaxTemp("swagger-mg-ui/document/deleteSwaggerDoc", "post", "json", {docUrl: id}, function(json){ - if(validateResult(json)) { - document.location.reload(); - } - }); - }, - }); -} - -/** - * 修改用户的选项的显示 - * @param - * @returns - */ -function updateUserSettingsUi() { - $("input[name='treeShowType'][value='"+userSettings.treeShowType+"']").prop("checked",true); - $("input[name='catalogShowType'][value='"+userSettings.catalogShowType+"']").prop("checked",true); - $("input[name='showParamType'][value='"+userSettings.showParamType+"']").prop("checked",true); - $("input[name='onlyUseLastParam'][value='"+userSettings.onlyUseLastParam+"']").prop("checked",true); - $("input[name='autoFillParam'][value='"+userSettings.autoFillParam+"']").prop("checked",true); - //$(".local-storage").show();// 服务器存储了就不用管理了 -} - -/** - * 修改树形菜单展示类型 - * @param - * @returns - */ -function updateTreeShowType() { - $('#apiPathTree .projects').removeClass("tree-angles tree-menu tree-folders tree-chevrons"); - //tree-angles、2=tree-menu、3=默认，4=tree-folders、5=tree-chevrons - $('#apiPathTree .projects').addClass("tree-lines"); - var treeShowType = "tree-angles"; - if(userSettings.treeShowType == 1) { - treeShowType = "tree-angles"; - } else if(userSettings.treeShowType == 2) { - treeShowType = "tree-menu"; - $('#apiPathTree .projects').removeClass("tree-lines"); - } else if(userSettings.treeShowType == 3) { - treeShowType = ""; - } else if(userSettings.treeShowType == 4) { - treeShowType = "tree-folders"; - } else if(userSettings.treeShowType == 5) { - treeShowType = "tree-chevrons"; - } else { - userSettings.treeShowType = 1; - } - if(isNotEmpty(treeShowType)) { - $('#apiPathTree .projects').addClass(treeShowType); - } -} - -/** - * 存储用户设置 - */ -function storeUserSettings() { - setStorage('userSettings', userSettings); -} - -/** - * 更新用户设置 - */ -function updateUserSettings(newSetting) { - userSettings = newSetting; -} - -/** - * 初始化用户的设置 - * @param - * @returns - */ -function initUserSettings() { - getStorage('userSettings', function(data) { - userSettings = data; - if(isEmpty(userSettings) || isEmptyObject(userSettings)) { - userSettings = defaultUserSettings; - } - changeContentWidth(userSettings.prevWNow); - updateTreeShowType(); - updateUserSettingsUi(); - // 增加文档 - getDocumentListByService(); - }); -} - -function showGlobalLoadingMessage(text, loading) { - if(loading) { - text += ''; - } - globalLoadingMessager.$.find(".messager-content").html(text); -} - +/** + * zyplayer-doc-swagger是swagger-ui的一个前端实现，使用简单、解析速度快、走心的设计 + * 支持多项目同时展示，多种文档目录的展示方案，多种自定义配置，满足各种使用习惯。 + * 使用中您有任何的意见和建议都可到源码地址处反馈哦！ + * git地址：https://gitee.com/zyplayer/zyplayer-doc-swagger + * @author 暮光：城中城 + * @since 2018年5月20日 + */ + +// 参数说明对于的map全局对象 +var definitionsDataMap = new Map(); +// 依据目录树存储的map全局对象 +var treePathDataMap = new Map(); + +var globalLoadingMessager; +// 树的下表 +var projectTreeIdIndex = 1; +// 文档url加载的下标 +var projectLoadingIndex = 0; +// 请求到的文档列表 +var documentJsonArr = []; +// 用户的配置对象 +var userSettings = {}; +// 默认用户的配置对象 +var defaultUserSettings = { + autoFillParam : 0,// 自动填充参数，0=否 1=智能填充 2=全部填充 + onlyUseLastParam : 0,// 是否仅使用上次请求参数 + showParamType : 1,// 是否展示字段的类型 + catalogShowType : 1,// 目录的展示方式，1=url分成一层一层的展示、2=整个url显示为一层展示 + treeShowType : 1,// 树形菜单展示方式，1=tree-angles、2=tree-menu、3=默认，4=tree-folders、5=tree-chevrons + projects : [],// 所有的项目列表 + removedProjects : [],// 被移除的项目列表 + prevWNow : 360 +}; + +var swaggerApiDocsArr = []; + +var requestParamObj = {}; +// 模板示例 +var requestParamObjTemp = { + taskId: { + value: 1,// 参数值 + paramType: 'string',// 参数类型，string int boolean + required: true,// 是否必填 + paramIn: 'body',// 参数位置，body query header + paramDesc: '参数说明' + } +}; + +var rightContentTabs; + +/** + * 网页加载完毕后的处理 + */ +$(document).ready(function(){ + globalLoadingMessager = new $.zui.Messager({type: 'primary', close: false, time: 0}).show(); + showGlobalLoadingMessage('检查服务中，请稍候...', true); + ajaxTemp("swagger-mg-ui/storage/checkConfig", "post", "json", { + }, function(json){ + }, function(msg){ + }, function(xhr){ + showGlobalLoadingMessage('服务检查完成，请稍候...', true); + var serverStorage = false; + if(!isEmptyObject(xhr.responseJSON)) { + serverStorage = (xhr.responseJSON.errCode == 200); + } + if(!serverStorage) { + Toast.error("服务器端能力配置有误，新版本必须开启才能使用", 999999); + documentLoadFinish(); + } else { + initUserSettings(); + } + } + ); +}); + +/** + * 获取所有文档列表提供选择 + * @returns + */ +function getDocumentListByService() { + $("#choiseDocListUl").empty(); + showGlobalLoadingMessage('获取文档列表中，请稍候...', true); + ajaxTemp("swagger-mg-ui/document/resourcesList", "post", "json", {}, function(json){ + if(validateResult(json) && json.data.length > 1) { + showGlobalLoadingMessage('等待选择需展示的文档，请选择...', true); + for (var i = 0; i < json.data.length; i++) { + var item = json.data[i]; + $("#choiseDocListUl").append('
            • '+item+'
              • '); + } + $('#choiseDocModal').modal({moveable:true, backdrop:'static', keyboard: false}); + } else { + addDocumentByService(); + } + }); +} + +/** + * 增加文档-通过服务器接口 + * @returns + */ +function addDocumentByService(choiseDocList) { + // 获取原始的swagger的json对象 + showGlobalLoadingMessage('通过服务器端获取文档中，请稍候...', true); + ajaxTemp("swagger-mg-ui/document/docs", "post", "json", {choiseDocList: choiseDocList}, function(json){ + //console.log(json); + showGlobalLoadingMessage('文档获取成功，解析中，请稍候...', true); + if(isEmptyObject(json) || json.errCode != 200) { + Toast.error("获取文档错误，请检查！"); + return; + } + for (var i = 0; i < json.data.length; i++) { + showGlobalLoadingMessage('解析第'+(i+1)+'份文档，请稍候...', true); + var tempDoc = deserialize(json.data[i]); + console.log(tempDoc); + documentJsonArr.push(tempDoc);// 加到所有文档 + addHomePageDashboard(tempDoc, tempDoc.fullUrl); + createDefinitionsMapByJson(tempDoc); + if(userSettings.catalogShowType == 1) { + createTreeViewByTree(tempDoc);// url分成一层一层的展示 + } else if(userSettings.catalogShowType == 2){ + createTreeViewByTag(tempDoc);// tag方式，整个url显示为一层 + } else { + createTreeViewByTree(tempDoc);// url分成一层一层的展示 + } + } + documentLoadFinish(); + }, function(msg){ + Toast.error("获取文档失败，请检查！"); + }); +} + +/** + * 自由拖动改变左右框架的宽度 + */ +$("#resizableLeftRight").mgResizableWidth({ + prev:"#leftContent", + prevWtMin: 120, prevWtMax: 999999, + nextWtMin: 360, nextWtMax: 999999, + onresize:function(prevWNow, nextWNow){ + changeContentWidth(prevWNow); + }, + onstart:function(){ + $("body").addClass("unselect"); + $("#rightContentMask").show(); + }, + onfinish:function(){ + $("body").removeClass("unselect"); + $("#rightContentMask").hide(); + storeUserSettings(); + } +}); + +/** + * 切换导航栏的宽度到最小或最大 + */ +$("#changeContentWidth").click(function(){ + var isMinWidth = ($("#leftContent").width() == 120); + changeContentWidth(isMinWidth ? 360 : 120); +}); + +/** + * 修改tree的class + */ +$("input[name='treeShowType']").change(function() { + userSettings.treeShowType = $("input[name='treeShowType']:checked").val(); + updateTreeShowType(); + storeUserSettings(); +}); + +/** + * 切换url分成一层一层的展示、整个url显示为一层展示 + */ +$("input[name='catalogShowType']").change(function() { + userSettings.catalogShowType = $("input[name='catalogShowType']:checked").val(); + regeneratePathTree(); + storeUserSettings(); +}); + +/** + * 是否展示参数类型 + */ +$("input[name='showParamType']").change(function() { + userSettings.showParamType = $("input[name='showParamType']:checked").val(); + storeUserSettings(); +}); + +/** + * 是否仅使用上次请求参数 + */ +$("input[name='onlyUseLastParam']").change(function() { + userSettings.onlyUseLastParam = $("input[name='onlyUseLastParam']:checked").val(); + storeUserSettings(); +}); + +/** + * 是否自动填充请求参数 + */ +$("input[name='autoFillParam']").change(function() { + userSettings.autoFillParam = $("input[name='autoFillParam']:checked").val(); + storeUserSettings(); +}); + +/** + * 搜索框回车事件 + */ +$("#searchDocInput").keyup(function(e) { + if (e.keyCode == 13) { + searchDoc(); + } +}); +/** + * 搜索按钮点击 + */ +$("#searchDocBt").click(function(){ + searchDoc(); +}); + +/** + * 导出文档 + */ +function exportDocument(){ + // 清空 + $("#exportDocumentText").val(""); + $("#exportDocumentUl").show(); + $("#exportDocumentModal .bottom-box").show(); + $("#exportDocumentModal .alert").addClass("hidden"); + $("#exportDocumentText").addClass("hidden"); + + $('#exportDocumentUl').empty(); + for (var i = 0; i < documentJsonArr.length; i++) { + $("#exportDocumentUl").append('
            • '+decodeURI(documentJsonArr[i].fullUrl)+'
              • '); + } + $('#exportDocumentModal').modal({moveable:true, backdrop: 'static'}); + $('#exportDocumentModal').modal('ajustPosition', 'fit'); +} + +$("#doExportBtn").click(function(){ + var jsonStrAll = ""; + var mgUiDataArr = "var mgUiDataArr = ["; + $('#exportDocumentUl li.checked').each(function(i){ + var index = $(this).attr("index"); + var jsonObj = documentJsonArr[index]; + var jsonStr = JSON.stringify(jsonObj); + jsonStrAll += "var mgUiData" + index + "=" + jsonStr + ";\n\n"; + if(i > 0) { + mgUiDataArr += ", "; + } + mgUiDataArr += "mgUiData" + index; + }); + if(isEmpty(jsonStrAll)){ + Toast.warn("请输选择需要导出的文档");return; + } + jsonStrAll += mgUiDataArr + "];"; + $("#exportDocumentText").val(jsonStrAll); + $("#exportDocumentUl").hide(); + $("#exportDocumentModal .bottom-box").hide(); + $("#exportDocumentModal .alert").removeClass("hidden"); + $("#exportDocumentText").removeClass("hidden"); + $('#exportDocumentModal').modal('ajustPosition', 'fit'); +}); + +/** + * 切换选中和非选中样式 + */ +$(".choise").on("click", "li", function(){ + $(this).toggleClass("checked"); +}); + +/** + * 页面导航切换 + */ +$("#tabZpagesNavigationLi").on("click", ".page-nav", function(){ + var id = $(this).data("id"); + var href = $(this).data("href"); + var icon = $(this).data("icon"); + var reload = $(this).data("reload"); + $(".tab-page").hide(); + $(".tab-online-debug-page").hide(); + $(".tab-zpages").show(); + if(reload || $("#tab-"+id).length <= 0) { + var newTab = {id: id, url: href, type: 'iframe', icon: icon}; + rightContentTabs.open(newTab); + } else { + $("#tab-nav-item-"+id+" .tab-nav-link").click(); + } +}); + +/** + * 选择文档-确认 + */ +$("#choiseDocBtn").click(function(){ + var choiseDocList = "", choiseDocListObj = []; + var allDocListObj = []; + $('#choiseDocListUl li').each(function(k){ + var tempUrl = $(this).attr("value"); + if($(this).hasClass('checked')) { + if(k == 0){ + choiseDocList = tempUrl; + }else{ + choiseDocList += ',' + tempUrl; + } + choiseDocListObj.push(tempUrl); + } + allDocListObj.push(tempUrl); + }); + addDocumentByService(choiseDocList); + $('#choiseDocModal').modal('hide'); +}); + +/** + * 增加文档的保存按钮 + */ +$("#addNewDocumentBtn").click(function(){ + var addNewDocumentInput = $("#addNewDocumentInput").val(); + if(isEmpty(addNewDocumentInput)) { + Toast.error("地址不可以为空");return; + } + projectLoadingIndex = 1; + ajaxTemp("swagger-mg-ui/document/addSwaggerResources", "post", "json", {resourcesUrl: addNewDocumentInput}, function(json){ + if(validateResult(json)) { + document.location.reload(); + } + }); +}); + +/** + * 主页li点击事件，展示主页 + */ +$("#homePageLi").click(function(){ + $(".tab-page,.tab-zpages").hide(); + $(".tab-home-page").show(); +}); + +/** + * 多行编辑header + */ +$("#bulkEditHeaderCheck").change(function() { + //console.log($(this).prop('checked')); + if($(this).prop('checked')) { + var requestHeaderForm = $("#requestHeaderForm").serializeArray(); + var formStr = serializeArrayToBulkEdit(requestHeaderForm); + $("#bulkEditHeader").val(formStr); + $("#bulkEditHeader").show(); + $("#requestHeaderForm table").hide(); + } else { + var bulkEdit = $("#bulkEditHeader").val(); + bulkEditToTable("#tabParamHeader", bulkEdit); + $("#requestHeaderForm table").show(); + $("#bulkEditHeader").hide(); + } +}); + +/** + * 多行编辑form + */ +$("#bulkEditFormCheck").change(function() { + //console.log($(this).prop('checked')); + if($(this).prop('checked')) { + var requestParamForm = $("#requestParamForm").serializeArray(); + var formStr = serializeArrayToBulkEdit(requestParamForm); + $("#bulkEditForm").val(formStr); + $("#bulkEditForm").show(); + $("#tabParamTypeForm table").hide(); + } else { + var bulkEdit = $("#bulkEditForm").val(); + bulkEditToTable("#tabParamTypeForm", bulkEdit); + $("#tabParamTypeForm table").show(); + $("#bulkEditForm").hide(); + } +}); + +$('[data-tab]').on('shown.zui.tab', function(e) { + var href = $(e.target).attr("href"); + if("#tabParamTypeForm" == href) { + $(".form-to-url").show(); + } else if("#tabParamTypeBody" == href) { + $(".form-to-url").hide(); + } + //console.log('当前被激活的标签页', e.target); + //console.log('上一个标签页', e.relatedTarget); +}); + +/** + * api文档最后的节点点击，展示文档页面 + */ +$("#apiPathTree").on("click", ".show-doc", function(){ + $(".tab-page").hide(); + $(".tab-document").show(); + var path = $(this).attr("path"); + var data = treePathDataMap.get(path); + var docInfo = getNotEmptyStr(data.description); + var docUrl = getNotEmptyStr(data.url); + if(isEmpty(docInfo)) { + docInfo = getNotEmptyStr(data.summary); + } + // 处理在线调试 + $("#postUrlInput").val(data.domain + docUrl); + // 处理模拟返回 + $("#simulationResultUrl").text(docUrl); + $("#simulationResultUrlTest").text(data.domain + docUrl + "?mgUiTestFlag=1"); + $("#simulationResultUrlTest").attr("href", data.domain + docUrl + "?mgUiTestFlag=1"); + $("#simulationResultText").val(""); + getStorage('p-simulation-response-' + docUrl, function(data){ + var resultText = getNotEmptyStr(data); + resultText = (typeof resultText === 'string') ? resultText : JSON.stringify(resultText, null, 4); + $("#simulationResultText").val(resultText); + }); + // 处理在线文档 + $("#docUrl").text(docUrl); + $("#docRequestMethod").text(getNotEmptyStr(data.method)); + $("#docInfo").text(docInfo); + $("#docConsumes").text(arrToString(data.consumes)); + $("#docProduces").text(arrToString(data.produces)); + $("#debugRequstType .btn .options").text(data.method.toUpperCase()); + $("#tabParamTypeBody textarea").val(""); + // 遍历参数列表 + $("#docRequestParam table tbody").empty(); + $("#docRequestExample table tbody").empty(); + requestParamObj = {}; + Formatjson.annotationObject = {}; + //addRequestParamObj(requestParamObj, "Content-Type", "string", "header", false, "", arrToString(data.consumes)); + if(isNotEmpty(data.parameters)) { + Object.keys(data.parameters).forEach(function(key){ + var tempParameters = data.parameters[key]; + var htmlStr = "", htmlStrExample = ""; + var responsesJson = []; + var responsesExample = []; + var tempRequestParamObj = []; + var required = tempParameters.required; + var paramName = getNotEmptyStr(tempParameters.name); + var paramType = getNotEmptyStr(tempParameters.type); + var paramDesc = getNotEmptyStr(tempParameters.description); + var paramIn = getNotEmptyStr(tempParameters.in); + var example = getNotEmptyStr(tempParameters.example, tempParameters.default); + if(isNotEmpty(tempParameters.items)) { + htmlStr = paramName + "[0]"; + htmlStrExample = paramName + "[0]"; + } else if(isNotEmpty(tempParameters.schema)) { + if("array" == tempParameters.schema.type) { + var responsesObj = definitionsDataMap.get(tempParameters.schema.items.$ref); + if(responsesObj != null) { + responsesJson[0] = getResponsesJson(responsesObj, "", false, 1); + responsesExample[0] = getResponsesJson(responsesObj, "", true, 1); + tempRequestParamObj[0] = getRequestParamObj(responsesObj, ""); + } else { + responsesJson = [""]; + responsesExample = [""]; + tempRequestParamObj = [""]; + if(tempParameters.schema.items.type == "boolean") { + responsesJson = [true]; + responsesExample = [true]; + tempRequestParamObj = [true]; + } else if(tempParameters.schema.items.type == "integer") { + responsesJson = [0]; + responsesExample = [0]; + tempRequestParamObj = [0]; + } + } + requestParamObj["p-body-obj"] = tempRequestParamObj; + var arrTmp = tempParameters.schema.$ref.split("/"); + paramType = arrTmp[arrTmp.length - 1]; + htmlStr = Formatjson.processObjectToHtmlPre(responsesJson, 0, false, false, false, true); + htmlStrExample = Formatjson.processObjectToHtmlPre(responsesExample, 0, false, false, false, false); + } else if(isNotEmpty(tempParameters.schema.$ref)){ + var responsesObj = definitionsDataMap.get(tempParameters.schema.$ref); + var arrTmp = tempParameters.schema.$ref.split("/"); + paramType = arrTmp[arrTmp.length - 1]; + if(isNotEmpty(responsesObj)) { + responsesJson = getResponsesJson(responsesObj, "", false, 1); + responsesExample = getResponsesJson(responsesObj, "", true, 1); + htmlStr = Formatjson.processObjectToHtmlPre(responsesJson, 0, false, false, false, true); + htmlStrExample = Formatjson.processObjectToHtmlPre(responsesExample, 0, false, false, false, false); + tempRequestParamObj = getRequestParamObj(responsesObj, ""); + requestParamObj["p-body-obj"] = tempRequestParamObj; + } else { + htmlStr = paramName; + htmlStrExample = paramName; + addRequestParamObj(requestParamObj, paramName, paramType, paramIn, required, paramDesc, example); + } + } else if("string" == tempParameters.schema.type) { + htmlStr = paramName; + htmlStrExample = paramName; + addRequestParamObj(requestParamObj, paramName, paramType, paramIn, required, paramDesc, example); + } else { + htmlStr = paramName; + htmlStrExample = paramName; + addRequestParamObj(requestParamObj, paramName, paramType, paramIn, required, paramDesc, example); + } + } else { + htmlStr = paramName; + htmlStrExample = paramName; + addRequestParamObj(requestParamObj, paramName, paramType, paramIn, required, paramDesc, example); + } + $("#docRequestParam table tbody").append( + '' + +'' + htmlStr + '' + +'' + paramDesc + '' + +'' + paramType + '' + +'' + paramIn + '' + +'' + required + '' + +'' + ); + $("#docRequestExample table tbody").append( + '' + +'' + htmlStrExample + '' + +'' + paramDesc + '' + +'' + paramType + '' + +'' + paramIn + '' + +'' + required + '' + +'' + ); + }); + } +// console.log(requestParamObj); +// var htmlStrTemp = Formatjson.processObjectToHtmlPre(requestParamObj, 0, false, false, false); +// $("#htmlStrTemp").html(htmlStrTemp); + $("#htmlStrTemp").parents("tr").hide(); + createOnlineDebugRequestParam(requestParamObj, getNotEmptyStr(data.url)); + // 遍历结果集列表 + $("#docResponseModel table tbody").empty(); + $("#docResponseExample table tbody").empty(); + Formatjson.annotationObject = {}; + if(isNotEmpty(data.responses)) { + Object.keys(data.responses).forEach(function(key){ + var tempRespones = data.responses[key]; + if(isNotEmpty(tempRespones.schema)) { + var responsesJson, responsesExample; + if("array" == tempRespones.schema.type) { + responsesJson = []; + responsesExample = []; + var responsesObj = definitionsDataMap.get(tempRespones.schema.items.$ref); + if(responsesObj != null) { + responsesJson[0] = getResponsesJson(responsesObj, "", false, 1); + responsesExample[0] = getResponsesJson(responsesObj, "", true, 1); + } else { + responsesJson = [""]; + responsesExample = [""]; + if(tempParameters.schema.items.type == "boolean") { + responsesJson = [true]; + responsesExample = [true]; + } else if(tempParameters.schema.items.type == "integer") { + responsesJson = [0]; + responsesExample = [0]; + } + } + } else if(isNotEmpty(tempRespones.schema.$ref)){ + var responsesObj = definitionsDataMap.get(tempRespones.schema.$ref); + if(isEmptyObject(responsesObj)) { + var arrTmp = tempRespones.schema.$ref.split("/"); + var lastObjName = arrTmp[arrTmp.length - 1]; + responsesJson = lastObjName; + responsesExample = lastObjName; + } else { + responsesJson = getResponsesJson(responsesObj, "", false, 1); + responsesExample = getResponsesJson(responsesObj, "", true, 1); + } + } else { + responsesJson = ""; + responsesExample = ""; + } + if(isEmptyObject(responsesJson)) { + return; + } + //console.log(Formatjson.annotationObject); + var htmlStr = Formatjson.processObjectToHtmlPre(responsesJson, 0, false, false, false, true); + $("#docResponseModel table tbody").append( + '' + +'' + key + '' + +'' + htmlStr + '' + +'' + ); + htmlStr = Formatjson.processObjectToHtmlPre(responsesExample, 0, false, false, false, false); + $("#docResponseExample table tbody").append( + '' + +'' + key + '' + +'' + htmlStr + '' + +'' + ); + } + }); + } +}); + +/** + * 新增全局请求参数对象 + */ +function addRequestParamObj(paramObj, paramName, paramType, paramIn, required, paramDesc, value) { + var tempObj = {}; + tempObj.paramType = paramType; + tempObj.paramIn = paramIn; + tempObj.required = required; + tempObj.paramDesc = paramDesc; + tempObj.isParamObj = true; + tempObj.value = value; + paramObj[paramName] = tempObj; +} + +/** + * 搜索文档 + * @returns + */ +function searchDoc() { + var keywords = $("#searchDocInput").val(); + // 重新生成 + regeneratePathTree(keywords); + if (isEmpty(keywords)){ + return; + } + $('#apiPathTree .projects').tree('expand'); +// // 先全部收起 +// $('#apiPathTree .projects').tree('collapse'); +// for (var mapData of treePathDataMap) { +// if (mapData[0].toLowerCase().indexOf(keywords.toLowerCase()) >= 0) { +// var treeNode = $('#apiPathTree .projects').find("[m-id="+mapData[1].treeId+"]"); +// $('#apiPathTree .projects').tree('show', treeNode); +// } +// } +} + +// 重新生成文档 +function regeneratePathTree(keywords){ + projectTreeIdIndex = 1; + treePathDataMap = new Map(); + $('#apiPathTree').empty(); + $('#apiPathTree').append('
                '); + for (var i = 0; i < documentJsonArr.length; i++) { + var json = documentJsonArr[i]; + if(userSettings.catalogShowType == 1) { + createTreeViewByTree(json, keywords);// url分成一层一层的展示 + } else if(userSettings.catalogShowType == 2){ + createTreeViewByTag(json, keywords);// tag方式，整个url显示为一层 + } else { + createTreeViewByTree(json, keywords);// url分成一层一层的展示 + } + } + $('#apiPathTree .projects').tree(); + updateTreeShowType(); +} + +function findInPathsValue(key, pathsValue, keywords) { + if(isEmpty(keywords) || isEmpty(key)) { + return true; + } + key = key.toLowerCase(); + keywords = keywords.toLowerCase(); + // 路径中有就不用再去找了 + if(key.indexOf(keywords) >= 0) { + return true; + } + for ( var subKey in pathsValue) { + // 找路径和说明里面包含关键字的 + var tagsTmp = pathsValue[subKey].tags; + var pathTmp = pathsValue[subKey].path; + var summaryTmp = pathsValue[subKey].summary; + var descriptionTmp = pathsValue[subKey].description; + if(isNotEmpty(pathTmp) && pathTmp.toLowerCase().indexOf(keywords) >= 0) { + return true; + } + if(isNotEmpty(summaryTmp) && summaryTmp.toLowerCase().indexOf(keywords) >= 0) { + return true; + } + if(isNotEmpty(descriptionTmp) && descriptionTmp.toLowerCase().indexOf(keywords) >= 0) { + return true; + } + if(isNotEmpty(tagsTmp) && arrToString(tagsTmp).toLowerCase().indexOf(keywords) >= 0) { + return true; + } + } + return false; +} + +function getResponsesJson(responsesObj, prevRef, isExample, recursiveCount) { + var responsesJson = {}; + recursiveCount++;// 多层递归，最多递归10层，防止无限递归 + if(isEmpty(responsesObj) || isEmpty(responsesObj.properties) || recursiveCount > 10) { + return responsesJson; + } + var requiredArr = responsesObj.required; + Object.keys(responsesObj.properties).forEach(function(prop){ + var tmpData = responsesObj.properties[prop]; + if("array" == tmpData.type) {// 数组 + Formatjson.annotationObject[prop] = getNotEmptyStr(tmpData.description); + if(prevRef != tmpData.items.$ref) { + var tempObj = definitionsDataMap.get(tmpData.items.$ref); + if(tempObj != null) { + var tempArr = responsesJson[prop] = []; + tempArr[0] = getResponsesJson(tempObj, tmpData.items.$ref, isExample, recursiveCount); + } else { + var responsesJsonSub = []; + var bodyFor = responsesJsonSub; + var items = tmpData.items; + for (var i = 0; i < 10; i++) { + if("array" == items.type) { + bodyFor = bodyFor[0] = []; + items = items.items; + } else { + tempObj = definitionsDataMap.get(items.$ref); + if(tempObj != null) { + bodyFor[0] = getResponsesJson(tempObj, items.$ref, isExample, recursiveCount); + } else { + if(items.type == "boolean") { + bodyFor[0] = true; + } else if(items.type == "integer") { + bodyFor[0] = 0; + } else { + bodyFor[0] = ""; + } + } + break; + } + } + responsesJson[prop] = responsesJsonSub; + } + } else { + responsesJson[prop] = "{}" + getNotEmptyStr(tmpData.description); + } + } else if(isNotEmpty(tmpData.$ref)) {// 对象 + Formatjson.annotationObject[prop] = getNotEmptyStr(tmpData.description); + if(prevRef != tmpData.$ref) { + var tempObj = definitionsDataMap.get(tmpData.$ref); + responsesJson[prop] = getResponsesJson(tempObj, tmpData.$ref, isExample, recursiveCount); + } else { + responsesJson[prop] = "{}" + getNotEmptyStr(tmpData.description); + } + } else {// 字段 + var enumExample = ""; + var enumObj = tmpData["enum"]; + if(!isEmptyObject(enumObj) && enumObj.length > 0) { + enumExample = "枚举值："; + for (var i = 0; i < enumObj.length; i++) { + if(i > 0) {enumExample += "、";} + enumExample += enumObj[i]; + } + } + var typeStr = getNotEmptyStr(tmpData.format); + if(isEmpty(typeStr)) { + typeStr = getNotEmptyStr(tmpData.type); + } + if(isExample) { + var tempVal = getNotEmptyStr(tmpData.example); + if(isEmpty(tempVal)) { + tempVal = getAutoFillValue(typeStr, prop); + } + if(isNotEmpty(tempVal) && isNotEmpty(enumExample)) { + tempVal = tempVal + "，" + enumExample; + } + responsesJson[prop] = tempVal; + } else { + if(userSettings.showParamType == 1) { + if(haveString(requiredArr, prop)) { + typeStr = (isNotEmpty(typeStr) ? typeStr + "," : "") + "required"; + } + if(isNotEmpty(typeStr)) { + typeStr = "(" + typeStr + ")"; + } + } + var descriptionStr = typeStr + getNotEmptyStr(tmpData.description); + if(isNotEmpty(descriptionStr) && isNotEmpty(enumExample)) { + descriptionStr = descriptionStr + "，" + enumExample; + } + responsesJson[prop] = descriptionStr; + } + } + }); + return responsesJson; +} + +function getRequestParamObj(responsesObj, prevRef) { + var responsesJson = {}; + if(isEmpty(responsesObj) || isEmpty(responsesObj.properties)) { + return responsesJson; + } + var requiredArr = responsesObj.required; + Object.keys(responsesObj.properties).forEach(function(prop){ + var tmpData = responsesObj.properties[prop]; + if("array" == tmpData.type) {// 数组 + if(prevRef != tmpData.items.$ref) { + var tempObj = definitionsDataMap.get(tmpData.items.$ref); + if(tempObj != null) { + var tempArr = responsesJson[prop] = []; + tempArr[0] = getRequestParamObj(tempObj, tmpData.items.$ref); + } else { + var responsesJsonSub = []; + var bodyFor = responsesJsonSub; + var items = tmpData.items; + for (var i = 0; i < 10; i++) { + if("array" == items.type) { + bodyFor = bodyFor[0] = []; + items = items.items; + } else { + tempObj = definitionsDataMap.get(items.$ref); + if(tempObj != null) { + bodyFor[0] = getRequestParamObj(tempObj, items.$ref); + } else { + if(items.type == "boolean") { + bodyFor[0] = true; + } else if(items.type == "integer") { + bodyFor[0] = 0; + } else { + bodyFor[0] = ""; + } + } + break; + } + } + responsesJson[prop] = responsesJsonSub; + } + } else { + var required = haveString(requiredArr, prop); + var paramType = getNotEmptyStr(tmpData.format); + var paramDesc = getNotEmptyStr(tmpData.description); + var example = getNotEmptyStr(tmpData.example, tmpData.default); + if(isEmpty(paramType)) { + paramType = getNotEmptyStr(tmpData.type); + } + addRequestParamObj(responsesJson, prop, paramType, "", required, paramDesc, example); + } + } else if(isNotEmpty(tmpData.$ref)) {// 对象 + if(prevRef != tmpData.$ref) { + var tempObj = definitionsDataMap.get(tmpData.$ref); + responsesJson[prop] = getRequestParamObj(tempObj, tmpData.$ref); + } else { + var required = haveString(requiredArr, prop); + var paramType = getNotEmptyStr(tmpData.format); + var paramDesc = getNotEmptyStr(tmpData.description); + var example = getNotEmptyStr(tmpData.example, tmpData.default); + if(isEmpty(paramType)) { + paramType = getNotEmptyStr(tmpData.type); + } + addRequestParamObj(responsesJson, prop, paramType, "", required, paramDesc, example); + } + } else {// 字段 + var required = haveString(requiredArr, prop); + var paramType = getNotEmptyStr(tmpData.format); + var paramDesc = getNotEmptyStr(tmpData.description); + var example = getNotEmptyStr(tmpData.example, tmpData.default); + if(isEmpty(paramType)) { + paramType = getNotEmptyStr(tmpData.type); + } + addRequestParamObj(responsesJson, prop, paramType, "", required, paramDesc, example); + } + }); + return responsesJson; +} + +/** + * 修改左右框架的宽度 + * @param width 左侧导航栏的宽度 + * @returns + */ +function changeContentWidth(width) { + $("#leftContent").css("width", width + 'px'); + $("#resizableLeftRight").css("left", width + 'px'); + $("#rightContent").css("left", width + 'px'); + var logoText = "zyplayer-doc-swagger"; + if(width < 370 && width > 290){ + logoText = "zyplayer-doc"; + } else if(width < 290){ + logoText = "doc"; + } + $("#logoText").text(logoText); + userSettings.prevWNow = width; +} + +/** + * 通过原始json生成引用的字典Map + * @param json swagger的原始json + * @returns + */ +function createDefinitionsMapByJson(json) { + var pathIndex = {}; + var definitions = json.definitions; + //console.log(paths); + if(isNotEmpty(definitions)) { + Object.keys(definitions).forEach(function(key){ + //console.log(key); + definitionsDataMap.set("#/definitions/" + key, definitions[key]); + }); + } +} + +/** + * 增加项目文档 + * @param json + * @returns + */ +function addHomePageDashboard(json, fullUrl) { + var info = json.info||{}; + var contactName = ""; + if(isNotEmpty(info.contact)) { + contactName = "昵称：" + getNotEmptyStr(info.contact.name, "-"); + contactName += "
                邮箱：" + getNotEmptyStr(info.contact.email, "-"); + contactName += "
                网站：" + getNotEmptyStr(info.contact.url, "-"); + } + $("#homePageDashboard section").append( + '
                ' + +'
                ' + +'
                ' + +'
                '+info.title+'
                ' + +'
                ' +// +'' + +'
                ' + +'
                ' + +'
                ' + +'
                ' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'' + +'
                简介'+info.description+'
                作者'+contactName+'
                版本'+info.version+'
                地址'+decodeURI(fullUrl)+'
                ' + +'
                ' + +'
                ' + +'
                ' + +'
                ' + ); +} + +/** + * 初始化用户的设置 + * @param + * @returns + */ +function documentLoadFinish() { + showGlobalLoadingMessage('文档解析完成！', false); + // 定义配置的标签页 + var tabsArr = [ + {id: 'docShowConfig', url: 'webjars/zpages/docShowConfig.html', type: 'iframe', icon: 'icon-cog', forbidClose: true}, + ]; + $('#rightZpages').tabs({tabs: tabsArr}); + rightContentTabs = $('#rightZpages').data('zui.tabs'); + // 隐藏提示框 + setTimeout(function() { + globalLoadingMessager.hide(); + }, 1000); + $('#apiPathTree .projects').tree(); + $('#homePageDashboard').dashboard({draggable: false, + // 修改排序 + afterOrdered:function(newOrders){ + /*//console.log(newOrders); + var tempProjects = [], nowIndex = 0, settingTableIndex = 1; + Object.keys(newOrders).forEach(function(key){ + if(key == 1) { + settingTableIndex = newOrders[key]; + return; + } + var subCount = (newOrders[key] > settingTableIndex) ? 2 : 1; + tempProjects[newOrders[key] - subCount] = key; + }); + userSettings.projects = tempProjects; + storeUserSettings(); + */ + // 应该是控件问题，拖动之后单选项被值空了，需要重新设置选中，而且还必须等一会设置才有效果。。 + setTimeout("updateUserSettingsUi();", 500); + }, + // 修改大小 + onResize:function(){ + + }, + // 被移除 + afterPanelRemoved:function(id){ + //console.log(id); + ajaxTemp("swagger-mg-ui/document/deleteSwaggerDoc", "post", "json", {docUrl: id}, function(json){ + if(validateResult(json)) { + document.location.reload(); + } + }); + }, + }); +} + +/** + * 修改用户的选项的显示 + * @param + * @returns + */ +function updateUserSettingsUi() { + $("input[name='treeShowType'][value='"+userSettings.treeShowType+"']").prop("checked",true); + $("input[name='catalogShowType'][value='"+userSettings.catalogShowType+"']").prop("checked",true); + $("input[name='showParamType'][value='"+userSettings.showParamType+"']").prop("checked",true); + $("input[name='onlyUseLastParam'][value='"+userSettings.onlyUseLastParam+"']").prop("checked",true); + $("input[name='autoFillParam'][value='"+userSettings.autoFillParam+"']").prop("checked",true); +} + +/** + * 修改树形菜单展示类型 + * @param + * @returns + */ +function updateTreeShowType() { + $('#apiPathTree .projects').removeClass("tree-angles tree-menu tree-folders tree-chevrons"); + //tree-angles、2=tree-menu、3=默认，4=tree-folders、5=tree-chevrons + $('#apiPathTree .projects').addClass("tree-lines"); + var treeShowType = "tree-angles"; + if(userSettings.treeShowType == 1) { + treeShowType = "tree-angles"; + } else if(userSettings.treeShowType == 2) { + treeShowType = "tree-menu"; + $('#apiPathTree .projects').removeClass("tree-lines"); + } else if(userSettings.treeShowType == 3) { + treeShowType = ""; + } else if(userSettings.treeShowType == 4) { + treeShowType = "tree-folders"; + } else if(userSettings.treeShowType == 5) { + treeShowType = "tree-chevrons"; + } else { + userSettings.treeShowType = 1; + } + if(isNotEmpty(treeShowType)) { + $('#apiPathTree .projects').addClass(treeShowType); + } +} + +/** + * 存储用户设置 + */ +function storeUserSettings() { + setStorage('userSettings', userSettings); +} + +/** + * 更新用户设置 + */ +function updateUserSettings(newSetting) { + userSettings = newSetting; +} + +/** + * 初始化用户的设置 + * @param + * @returns + */ +function initUserSettings() { + getStorage('userSettings', function(data) { + userSettings = data; + if(isEmpty(userSettings) || isEmptyObject(userSettings)) { + userSettings = defaultUserSettings; + } + changeContentWidth(userSettings.prevWNow); + updateTreeShowType(); + updateUserSettingsUi(); + // 增加文档 + getDocumentListByService(); + }); +} + +function showGlobalLoadingMessage(text, loading) { + if(loading) { + text += ''; + } + globalLoadingMessager.$.find(".messager-content").html(text); +} + diff --git a/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/mgResizable.js b/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/mgResizable.js index c927aa9e..366e87f6 100644 --- a/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/mgResizable.js +++ b/zyplayer-doc-swagger/src/main/resources/webjars/mg-ui/js/mgResizable.js @@ -1,106 +1,106 @@ - -/** - * 两个元素上下、左右拖动动态改变大小 - * @author 暮光：城中城 - * @since 2017年5月7日 - */ -(function($){ - $.fn.mgResizebleHeight = function(options) { - var defaults = {prev:this,next:this, prevHtMin:0, prevHtMax:999, nextHtMin:0, nextHtMax:999}; - var opts = $.extend(defaults, options); - var disY = 0, prevH = 0, nextH = 0, isStart = false; - var prev, next, thisObj = this; - $(document).mousemove(function(ev){ - if(!isStart){return;} - var ev = ev || window.event; - var H = ev.clientY - disY; - var prevHNow = prevH+H, nextHNow = nextH-H; - if(opts.prevHtMin >= prevHNow) { - prevHNow = opts.prevHtMin; - nextHNow = next.outerHeight(); - } - if(opts.nextHtMin >= nextHNow) { - nextHNow = opts.nextHtMin; - prevHNow = prev.outerHeight(); - } - if(opts.prevHtMax <= prevHNow) { - prevHNow = opts.prevHtMax; - nextHNow = next.outerHeight(); - } - if(opts.nextHtMax <= nextHNow) { - nextHNow = opts.nextHtMax; - prevHNow = prev.outerHeight(); - } - //prev.css("height", prevHNow + 'px'); - //next.css("height", nextHNow + 'px'); - if(typeof opts.onresize == 'function') { - opts.onresize(prevHNow, nextHNow); - } - }).mouseup(function(ev){ - isStart = false; - }); - $(this).mousedown(function(ev){ - var ev = ev || window.event; - disY = ev.clientY; - prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); - next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); - prevH = prev.outerHeight(); - nextH = next.outerHeight(); - isStart = true; - }); - } - /** - * 改变宽度的功能，只是实现各种消息的通知，实际改变大小需要在回调里面自己操作 - */ - $.fn.mgResizebleWidth = function(options) { - var defaults = {prev:this,next:this, prevWtMin:0, prevWtMax:999, nextWtMin:0, nextWtMax:999}; - var opts = $.extend(defaults, options); - var disX = 0, prevW = 0, nextW = 0, isStart = false; - var prev, next, thisObj = this; - $(document).mousemove(function(ev){ - if(!isStart){return;} - var ev = ev || window.event; - var W = ev.clientX - disX; - var prevWNow = prevW+W, nextWNow = nextW-W; - if(opts.prevWtMin >= prevWNow) { - prevWNow = opts.prevWtMin; - nextWNow = next.outerWidth(); - } - if(opts.nextWtMin >= nextWNow) { - nextWNow = opts.nextWtMin; - prevWNow = prev.outerWidth(); - } - if(opts.prevWtMax <= prevWNow) { - prevWNow = opts.prevWtMax; - nextWNow = next.outerWidth(); - } - if(opts.nextWtMax <= nextWNow) { - nextWNow = opts.nextWtMax; - prevWNow = prev.outerWidth(); - } - //prev.css("width", prevWNow + 'px'); - //next.css("width", nextWNow + 'px'); - if(typeof opts.onresize == 'function') { - opts.onresize(prevWNow, nextWNow); - } - }).mouseup(function(ev){ - if(!isStart){return;} - isStart = false; - if(typeof opts.onfinish == 'function') { - opts.onfinish(); - } - }); - $(this).mousedown(function(ev){ - var ev = ev || window.event; - disX = ev.clientX; - prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); - next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); - prevW = prev.outerWidth(); - nextW = next.outerWidth(); - isStart = true; - if(typeof opts.onstart == 'function') { - opts.onstart(); - } - }); - } + +/** + * 两个元素上下、左右拖动动态改变大小 + * @author 暮光：城中城 + * @since 2017年5月7日 + */ +(function($){ + $.fn.mgResizableHeight = function(options) { + var defaults = {prev:this,next:this, prevHtMin:0, prevHtMax:999, nextHtMin:0, nextHtMax:999}; + var opts = $.extend(defaults, options); + var disY = 0, prevH = 0, nextH = 0, isStart = false; + var prev, next, thisObj = this; + $(document).mousemove(function(ev){ + if(!isStart){return;} + var ev = ev || window.event; + var H = ev.clientY - disY; + var prevHNow = prevH+H, nextHNow = nextH-H; + if(opts.prevHtMin >= prevHNow) { + prevHNow = opts.prevHtMin; + nextHNow = next.outerHeight(); + } + if(opts.nextHtMin >= nextHNow) { + nextHNow = opts.nextHtMin; + prevHNow = prev.outerHeight(); + } + if(opts.prevHtMax <= prevHNow) { + prevHNow = opts.prevHtMax; + nextHNow = next.outerHeight(); + } + if(opts.nextHtMax <= nextHNow) { + nextHNow = opts.nextHtMax; + prevHNow = prev.outerHeight(); + } + //prev.css("height", prevHNow + 'px'); + //next.css("height", nextHNow + 'px'); + if(typeof opts.onresize == 'function') { + opts.onresize(prevHNow, nextHNow); + } + }).mouseup(function(ev){ + isStart = false; + }); + $(this).mousedown(function(ev){ + var ev = ev || window.event; + disY = ev.clientY; + prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); + next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); + prevH = prev.outerHeight(); + nextH = next.outerHeight(); + isStart = true; + }); + } + /** + * 改变宽度的功能，只是实现各种消息的通知，实际改变大小需要在回调里面自己操作 + */ + $.fn.mgResizableWidth = function(options) { + var defaults = {prev:this,next:this, prevWtMin:0, prevWtMax:999, nextWtMin:0, nextWtMax:999}; + var opts = $.extend(defaults, options); + var disX = 0, prevW = 0, nextW = 0, isStart = false; + var prev, next, thisObj = this; + $(document).mousemove(function(ev){ + if(!isStart){return;} + var ev = ev || window.event; + var W = ev.clientX - disX; + var prevWNow = prevW+W, nextWNow = nextW-W; + if(opts.prevWtMin >= prevWNow) { + prevWNow = opts.prevWtMin; + nextWNow = next.outerWidth(); + } + if(opts.nextWtMin >= nextWNow) { + nextWNow = opts.nextWtMin; + prevWNow = prev.outerWidth(); + } + if(opts.prevWtMax <= prevWNow) { + prevWNow = opts.prevWtMax; + nextWNow = next.outerWidth(); + } + if(opts.nextWtMax <= nextWNow) { + nextWNow = opts.nextWtMax; + prevWNow = prev.outerWidth(); + } + //prev.css("width", prevWNow + 'px'); + //next.css("width", nextWNow + 'px'); + if(typeof opts.onresize == 'function') { + opts.onresize(prevWNow, nextWNow); + } + }).mouseup(function(ev){ + if(!isStart){return;} + isStart = false; + if(typeof opts.onfinish == 'function') { + opts.onfinish(); + } + }); + $(this).mousedown(function(ev){ + var ev = ev || window.event; + disX = ev.clientX; + prev = (opts.prev == thisObj)?$(opts.prev).prev():$(opts.prev); + next = (opts.next == thisObj)?$(opts.next).next():$(opts.next); + prevW = prev.outerWidth(); + nextW = next.outerWidth(); + isStart = true; + if(typeof opts.onstart == 'function') { + opts.onstart(); + } + }); + } })(jQuery); \ No newline at end of file diff --git a/zyplayer-doc-swagger/src/main/resources/webjars/zpages/debugDataConfig.html b/zyplayer-doc-swagger/src/main/resources/webjars/zpages/debugDataConfig.html index 81dc7bc4..745933bd 100644 --- a/zyplayer-doc-swagger/src/main/resources/webjars/zpages/debugDataConfig.html +++ b/zyplayer-doc-swagger/src/main/resources/webjars/zpages/debugDataConfig.html @@ -1,37 +1,94 @@ - - - - - -调试数据管理 - - - - -
                - 调试数据管理 -
                - - - - - - - - - - - - + + + + + +调试数据管理 + + + + +
                +
                +
                +
                Tips：每次点击在线调试的发送请求后，都会默认保存一次请求的form、header、body数据，以备下次使用，在此页面可以管理这些数据
                +
                +
                + + + + + + + + + + + + + + +
                接口地址参数配置操作
                {{item.key}}{{item.value}} + +
                + +
                +
                + + + + + + + + + + + + + + +