auth.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Jeeplus开发框架</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <link rel="stylesheet" href="${ctxStatic}/blog/fly-3.0/res/layui/css/layui.css" media="all">
  10. <link rel="stylesheet" href="${ctxStatic}/blog/fly-3.0/res/layui/css/global.css" media="all">
  11. <link rel="stylesheet" href="${ctxStatic}/blog/fly-3.0/res/layui/css/style.css" media="all">
  12. <!-- 设置浏览器图标 -->
  13. <link rel="shortcut icon" href="${ctxStatic}/favicon.ico">
  14. <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
  15. <style>
  16. *{margin:0;padding:0;list-style-type:none;}
  17. a,img{border:0;}
  18. a{text-decoration:none;}
  19. a:hover{text-decoration:underline;}
  20. body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";color:#333333;}
  21. /* 主要css样式*/
  22. .main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
  23. .main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
  24. .main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
  25. .main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
  26. .main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/qq-icon-bg.png) no-repeat center 8px;}
  27. .main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
  28. .main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
  29. .main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
  30. .main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
  31. .main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
  32. .main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
  33. .main-im .im_main .im-tel:hover{background:#fafafa;}
  34. .main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/weixing-icon.png) no-repeat center center;float:left;}
  35. .main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
  36. .main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
  37. .main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
  38. .main-im .im_main .weixing-show .weixing-ma{width:200px;height:200px;padding-left:5px;padding-top:5px;}
  39. .main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
  40. .main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/totop-icon.png) no-repeat center center;;}
  41. .main-im .im_main .go-top a{display:block;width:52px;height:47px;}
  42. .main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
  43. .main-im .close-im a{display:block;width:24px;height:24px;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/close_im.png) no-repeat left top;}
  44. .main-im .close-im a:hover{text-decoration:none;}
  45. .main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/open_im.png) no-repeat left top;}
  46. </style>
  47. </head>
  48. <body>
  49. <div class="header">
  50. <div class="layui-main">
  51. <a class="logo" style="color:#c2c2c2;" href="http://www.jeeplus.org">
  52. <img src="${ctxStatic}/logo.png" alt="jeeplus">
  53. </a>
  54. <ul class="layui-nav">
  55. <li class="layui-nav-item">
  56. <a href="http://wiki.jeeplus.org/docs/show/75" target="_blank">
  57. <span class="layui-hide-xs">开发者文档</span><span class="layui-show-xs layui-hide-sm">文档</span>
  58. </a>
  59. </li>
  60. <li class="layui-nav-item layui-hide-xs">
  61. <a href="javascript:;">
  62. 在线演示
  63. <span class="layui-badge-dot" style="margin: -4px -15px 0;"></span>
  64. </a>
  65. <dl class="layui-nav-child">
  66. <dd><a href="http://demo1.jeeplus.org" target="_blank">springboot-vue <span class="layui-badge-dot"></span></a></dd>
  67. <dd><a href="http://demo1.jeeplus.org/jeeplus" target="_blank">springboot-beetl <span class="layui-badge-dot"></span></a></dd>
  68. <dd><a href="http://demo2.jeeplus.org/pjax" target="_blank">springboot-pjax <span class="layui-badge-dot"></span></a></dd>
  69. <dd><a href="http://demo3.jeeplus.org/ani" target="_blank">ani版演示 <span class="layui-badge-dot"></span></a></dd>
  70. <dd><a href="http://www.jeeplus.org/blog/case/page/1?project=jeeplus" target="_blank">经典版演示</a></dd>
  71. </dl>
  72. </li>
  73. <!--<li class="layui-nav-item layui-hide-xs">-->
  74. <!--<a href="" target="_blank">-->
  75. <!--更新日志-->
  76. <!--</a>-->
  77. <!--</li>-->
  78. <!--<li class="layui-nav-item">-->
  79. <!--<a href="" target="_blank">-->
  80. <!--<span class="layui-hide-xs">会员专区</span>-->
  81. <!--<span class="layui-show-xs layui-hide-sm">专区</span>-->
  82. <!--</a>-->
  83. <!--</li>-->
  84. </ul>
  85. </div>
  86. </div>
  87. <div class="alone-banner">
  88. <div class="layui-main">
  89. <h1>Jeeplus快速开发框架</h1>
  90. <p class="layui-hide-xs">一个集成了代码生成器的JAVAEE框架</p>
  91. <!--<p><span id="adminCountdown" style="display: inline-block; padding: 0 10px; line-height: 30px; border-radius: 2px; background-color: #c00;"></span></p>-->
  92. </div>
  93. </div>
  94. <div class="alone-preview">
  95. <p class="alone-download-btn">
  96. <a href="${blog}/user/product" target="_blank" class="layui-btn">
  97. 立即下载
  98. </a>
  99. <a href="#get" class="layui-btn layui-btn-primary alone-download-right">
  100. 获取授权
  101. </a>
  102. </p>
  103. </div>
  104. <a name="get"> </a>
  105. <div class="layui-main alone-items">
  106. <fieldset class="layui-elem-field layui-field-title" style="width:1000px">
  107. <legend>客服1:<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=836559730&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:117575171:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>,
  108. 客服2: <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=940860956&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:117575171:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>,电话:18114800352</legend>
  109. <p>QQ咨询状态有时候会收不到客服回复消息,如果联系客服长时间没有回应,请先添加客服QQ好友再发送消息就可以收到回复消息了,或者直接打电话咨询。</p>
  110. </fieldset>
  111. <div class="layui-row layui-col-space20">
  112. <div class="layui-col-sm4">
  113. <div class="alone-version-desc layui-text">
  114. <h2>ani版本</h2>
  115. <p>
  116. <span class="alone-badge">
  117. 持续免费升级,不限项目域名
  118. <i class="layui-icon alone-tips" lay-tips="推荐追求开发效率和缺乏前端开发经验的使用,后端开发者的最爱。">&#xe702;</i>
  119. </span>
  120. </p>
  121. <i class="layui-badge" style="position: absolute; right: 30px; top: 30px;">hot</i>
  122. <ul>
  123. <li style="color: #FF5722;">适合企业项目</li>
  124. <li style="color: #FF5722;">单一应用,快速上手</li>
  125. <li>spring mvc + mybatis + jsp + jquery</li>
  126. <li>项目源代码</li>
  127. <li>技术支持</li>
  128. <li>不限项目和域名</li>
  129. <li>支持版本升级</li>
  130. <li>社区 VIP 标识</li>
  131. <li>专属的QQ会员群,与同道中人隔空交流</li>
  132. <li>灵活的主题色配置</li>
  133. <li>专属的开发者文档,助你快速掌握</li>
  134. </ul>
  135. <div class="alone-buy layui-btn-container">
  136. <a href="http://demo3.jeeplus.org/ani" target="_blank" class="layui-btn layui-btn-primary layui-hide-xs">
  137. 查看演示
  138. </a>
  139. <a href="${blog}/product/buy" target="_blank" class="layui-btn">选择授权</a>
  140. 选择授权
  141. </a>
  142. </div>
  143. </div>
  144. </div>
  145. <div class="layui-col-sm4">
  146. <div class="alone-version-desc layui-text">
  147. <h2>springboot-beetl</h2>
  148. <p>
  149. <span class="alone-badge">
  150. 持续免费升级,不限项目域名
  151. <i class="layui-icon alone-tips" lay-tips="推荐追求开发效率和缺乏前端开发经验的使,后端开发者的最爱。">&#xe702;</i>
  152. </span>
  153. </p>
  154. <i class="layui-badge" style="position: absolute; right: 30px; top: 30px;">hot</i>
  155. <ul>
  156. <li style="color: #FF5722;">适合企业项目</li>
  157. <li style="color: #FF5722;">maven多模块开发,方便多人协同开发</li>
  158. <li>springboot2 + mybatis + beetl/ pjax</li>
  159. <li>工作流、数据权限、报表、多数据源</li>
  160. <li>代码生成器支持连接不同的数据库,生成的模块可以连接指定的数据库,方便扩展为saas系统</li>
  161. <li>dashboard设计器,支持设计不同的首页看板</li>
  162. <li>echarts设计器,支持在线设计echarts图表</li>
  163. <li>插件化开发,系统内置多个插件,可以在线升级</li>
  164. </ul>
  165. <div class="alone-buy layui-btn-container">
  166. <a href="http://demo1.jeeplus.org/jeeplus" target="_blank" class="layui-btn layui-btn-primary layui-hide-xs">
  167. 查看演示
  168. </a>
  169. <a href="${blog}/product/buy" target="_blank" class="layui-btn">选择授权</a>
  170. 选择授权
  171. </a>
  172. </div>
  173. </div>
  174. </div>
  175. <div class="layui-col-sm4">
  176. <div class="alone-version-desc layui-text">
  177. <h2>springboot-vue</h2>
  178. <p>
  179. <span class="alone-badge">
  180. 持续免费升级,不限项目域名
  181. <i class="layui-icon alone-tips" lay-tips="推荐追求开发效率和具有前端开发经验的使用。">&#xe702;</i>
  182. </span>
  183. </p>
  184. <i class="layui-badge" style="position: absolute; right: 30px; top: 30px;">hot</i>
  185. <ul>
  186. <li style="color: #FF5722;">前后端分离、maven多模块开发,方便多人协同开发</li>
  187. <li>springboot2 + mybatis + shiro + jwt token</li>
  188. <li>vue + element-ui + es6 + webpack</li>
  189. <li>代码生成器支持连接不同的数据库,生成的模块可以连接指定的数据库,支持自定义模板,可以无限扩展,生成各种复杂的代码</li>
  190. <li>一套代码支持mysql, oracel, postgresql,sqlserver数据库</li>
  191. <li>html5工作流设计器 + 动态表单 + 数据权限 + 报表</li>
  192. </ul>
  193. <div class="alone-buy layui-btn-container">
  194. <a href="http://demo1.jeeplus.org" target="_blank" class="layui-btn layui-btn-primary layui-hide-xs">
  195. 查看演示
  196. </a>
  197. <a href="${blog}/product/buy" target="_blank" class="layui-btn">选择授权</a>
  198. 选择授权
  199. </a>
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  204. </div>
  205. <div class="layui-footer footer footer-index">
  206. <div class="layui-main">
  207. <p>&copy; 2018 <a href="http://www.jeeplus.org/">jeeplus.org</a> 版权所有</p>
  208. <p>
  209. 官方出品
  210. </p>
  211. </div>
  212. </div>
  213. <!-- 代码部分 begin -->
  214. <div class="main-im">
  215. <div id="open_im" class="open-im">&nbsp;</div>
  216. <div class="im_main" id="im_main">
  217. <div id="close_im" class="close-im"><a href="javascript:void(0);" title="点击关闭">&nbsp;</a></div>
  218. <a href="http://wpa.qq.com/msgrd?v=3&uin=836559730&site=qq&menu=yes" target="_blank" class="im-qq qq-a" title="在线QQ客服">
  219. <div class="qq-container"></div>
  220. <div class="qq-hover-c"><img class="img-qq" src="http://demo.lanrenzhijia.com/2015/service0119/images/qq.png"></div>
  221. <span> QQ在线咨询</span>
  222. </a>
  223. <!--<div class="im-tel">-->
  224. <!--<div>售前咨询热线</div>-->
  225. <!--<div class="tel-num">400-123-45678</div>-->
  226. <!--<div>售后咨询热线</div>-->
  227. <!--<div class="tel-num">010-12345678</div>-->
  228. <!--</div>-->
  229. <div class="im-footer" style="position:relative">
  230. <!--<div class="weixing-container">-->
  231. <!--<div class="weixing-show">-->
  232. <!--<div class="weixing-txt">微信扫一扫<br>打开懒人之家</div>-->
  233. <!--<img class="weixing-ma" src="${ctxStatic}/wx.jpg">-->
  234. <!--<div class="weixing-sanjiao"></div>-->
  235. <!--<div class="weixing-sanjiao-big"></div>-->
  236. <!--</div>-->
  237. <!--</div>-->
  238. <div class="go-top"><a href="javascript:;" title="返回顶部"></a> </div>
  239. <div style="clear:both"></div>
  240. </div>
  241. </div>
  242. </div>
  243. <script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>
  244. <script>
  245. $(function(){
  246. $('#close_im').bind('click',function(){
  247. $('#main-im').css("height","0");
  248. $('#im_main').hide();
  249. $('#open_im').show();
  250. });
  251. $('#open_im').bind('click',function(e){
  252. $('#main-im').css("height","272");
  253. $('#im_main').show();
  254. $(this).hide();
  255. });
  256. $('.go-top').bind('click',function(){
  257. $(window).scrollTop(0);
  258. });
  259. $(".weixing-container").bind('mouseenter',function(){
  260. $('.weixing-show').show();
  261. })
  262. $(".weixing-container").bind('mouseleave',function(){
  263. $('.weixing-show').hide();
  264. });
  265. });
  266. </script>
  267. <script src="${ctxStatic}/blog/fly-3.0/res/layui/layui.js"></script>
  268. <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
  269. <script>
  270. layui.use('element', function(){
  271. var element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块
  272. //监听导航点击
  273. });
  274. </script>
  275. </body>
  276. </html>