个人资料
个人主页
发表文章
Toggle navigation
(current)
主页
博客
留言板
首页
>
博客列表
>
博客正文
Excel中用Power View快速制作智能动态报表
:
<iframe/> </div> <div style="overflow: hidden; margin: 5px 0;" class="column"> <a title="创作作者"> <img class="photo-small" src='https://thirdqq.qlogo.cn/ek_qqapp/AQHZhG2SeLOv1Exa0SgYjn4l0DOnp4amd0bJhvIbVRtYtFKrdd49fPnTS4ybZRkGXicgRhDkFEsFSjbyp4g08AL8hnOdSzq6goTnUZE0cepT9sLLKC5o/100' /> <span style="vertical-align: top">songshizhao</span> </a> <div style="float: right"> <i id="pTime"> <svg fill="#515151" viewBox="0 0 1024 1024" width="20" height="20" style="margin: 0px 1px -2px 2px;"><path d="M921.965714 77.312h-102.912V153.6h76.507429c50.980571 0 50.980571 37.302857 50.980571 50.907429v102.765714H76.507429V204.580571c0-13.604571 0-50.907429 51.053714-50.907428H204.068571V77.312H102.034286c-40.082286 0-100.205714 30.866286-102.034286 101.814857v741.961143c0 40.009143 30.939429 112.713143 102.034286 101.814857h819.931428c40.082286 0 102.034286-34.523429 102.034286-101.814857V179.126857c0-40.009143-12.726857-100.937143-102.034286-101.814857z m25.526857 817.371429c0 13.677714 0 50.907429-51.053714 50.907428H127.561143c-51.053714 0-51.053714-37.302857-51.053714-50.907428l-3.657143-516.388572h878.299428l-3.657143 516.388572zM640.438857 76.361143H383.561143v77.312h256V76.361143h0.877714zM294.253714 230.034286a38.473143 38.473143 0 0 0 38.253715-38.180572v-153.6A38.473143 38.473143 0 0 0 294.253714 0 38.473143 38.473143 0 0 0 256 38.180571v153.673143c0 20.918857 17.334857 38.180571 38.253714 38.180572z m-52.809143 613.741714H315.245714c20.041143 0 37.302857-16.384 37.302857-35.474286 0-19.968-16.384-35.474286-37.302857-35.474285H241.371429c-19.968 0-37.302857 16.384-37.302858 35.474285a37.156571 37.156571 0 0 0 37.302858 35.474286z m246.857143 0h73.874286c19.968 0 37.302857-16.384 37.302857-35.474286 0-19.968-16.384-35.474286-37.302857-35.474285h-73.874286c-20.041143 0-37.302857 16.384-37.302857 35.474285 0 20.041143 16.384 35.474286 37.302857 35.474286z m245.979429 0h73.801143c20.041143 0 37.302857-16.384 37.302857-35.474286 0-19.968-16.310857-35.474286-37.302857-35.474285h-73.801143c-20.041143 0-37.302857 16.384-37.302857 35.474285 0 20.041143 16.384 35.474286 37.302857 35.474286zM241.444571 701.001143H315.245714c20.041143 0 37.302857-16.310857 37.302857-35.401143 0-20.041143-16.384-35.474286-37.302857-35.474286H241.371429c-19.968 0-37.302857 16.310857-37.302858 35.474286a37.814857 37.814857 0 0 0 37.302858 35.401143z m246.857143 0h73.874286c19.968 0 37.302857-16.310857 37.302857-35.401143 0-20.041143-16.384-35.474286-37.302857-35.474286h-73.874286c-20.041143 0-37.302857 16.310857-37.302857 35.474286a36.571429 36.571429 0 0 0 37.302857 35.401143z m245.979429 0h73.801143c20.041143 0 37.302857-16.310857 37.302857-35.401143 0-20.041143-16.310857-35.474286-37.302857-35.474286h-73.801143c-20.041143 0-37.302857 16.310857-37.302857 35.474286a36.571429 36.571429 0 0 0 37.302857 35.401143zM241.444571 557.348571H315.245714c20.041143 0 37.302857-16.384 37.302857-35.474285 0-19.968-16.384-35.401143-37.302857-35.401143H241.371429c-19.968 0-37.302857 16.310857-37.302858 35.401143a37.814857 37.814857 0 0 0 37.302858 35.474285z m246.857143 0h73.874286c19.968 0 37.302857-16.384 37.302857-35.474285 0-19.968-16.384-35.401143-37.302857-35.401143h-73.874286c-20.041143 0-37.302857 16.310857-37.302857 35.401143a36.571429 36.571429 0 0 0 37.302857 35.474285z m245.979429 0h73.801143c20.041143 0 37.302857-16.384 37.302857-35.474285 0-19.968-16.310857-35.401143-37.302857-35.401143h-73.801143c-20.041143 0-37.302857 16.310857-37.302857 35.401143a36.571429 36.571429 0 0 0 37.302857 35.474285z m-4.534857-327.314285a38.473143 38.473143 0 0 0 38.253714-38.180572v-153.6A38.473143 38.473143 0 0 0 729.746286 0a38.473143 38.473143 0 0 0-38.253715 38.180571v153.673143c-0.950857 20.918857 17.261714 38.180571 38.253715 38.180572z"></path></svg> 最初发表2018/10/30 2:10:09 </i> <i > <svg fill="#515151" viewBox="0 0 1024 1024" width="20" height="20" style="margin: 0px -3px -2px 9px;"><path d="M455.094207 284.453628v284.452165l241.80994 143.359795 43.812509-72.850181-200.264857-118.856974V284.453628H455.094207zM1023.998537 398.190608V0.001463l-150.162071 150.162071A508.415274 508.415274 0 0 0 511.999269 0.001463a511.999269 511.999269 0 1 0 511.999268 511.999268h-113.810123A398.628002 398.628002 0 0 1 511.999269 910.189877 398.628002 398.628002 0 0 1 113.810123 512.000731 398.628002 398.628002 0 0 1 511.999269 113.811586c109.787272 0 209.334558 44.90965 281.599597 116.589548L625.809392 398.190608H1023.998537z" ></path></svg> 最近更新2018/10/30 2:10:09 </i> <i title="访问量"> <svg fill="#515151" viewBox="0 0 1024 1024" width="20" height="20" style="margin: 0px -3px -4px 7px;"><path d="M513.1 187c-324 0-448.7 320-448.7 320s127 327.3 448.7 327.3S961.8 507 961.8 507 837.1 187 513.1 187z m0 522.5c-110.5 0-200.1-89.6-200.1-200.1s89.6-200.1 200.1-200.1 200.1 89.6 200.1 200.1-89.6 200.1-200.1 200.1z" ></path><path d="M400.7 508.4c0 40.4 21.5 77.6 56.5 97.8 34.9 20.2 78 20.2 113 0 34.9-20.2 56.5-57.5 56.5-97.8 0-62.4-50.6-113-113-113s-113 50.6-113 113z" ></path></svg> 2856 </i> </div> <style> .well { min-height: 20px; padding: 19px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } .star { cursor:pointer; font-size: 22px; } .fa-star { fill: #e3cf7a; } .fa-star-o { fill: #777; } </style> <div class="well"> <div>为此篇作品打分</div> <svg data-score="1" id="star1" title="很差" class="star fa fa-star-o" viewBox="0 0 1024 1024" width="20" height="20"> <path d="M565.273 34.627L677.369 272.17c8.706 18.32 25.411 31.051 44.823 33.996l250.776 38.081c48.698 7.411 68.225 70.046 32.934 105.98L824.407 635.164c-13.998 14.23-20.352 34.815-17.059 54.935l42.82 261.127c8.346 50.696-42.643 89.452-86.226 65.519L539.634 893.474c-17.286-9.526-37.992-9.526-55.278 0l-224.314 123.27c-43.583 23.934-94.572-14.822-86.22-65.518L216.638 690.1c3.32-20.12-3.089-40.705-17.087-54.935L18.11 450.227c-35.285-35.934-15.818-98.574 32.934-105.98l250.75-38.081c19.35-2.94 36.082-15.675 44.756-33.996L458.673 34.627c21.825-46.168 84.836-46.168 106.6 0z"></path></svg> <svg data-score="2" id="star2" title="不太好" class="star fa fa-star-o" viewBox="0 0 1024 1024" width="20" height="20"> <path d="M565.273 34.627L677.369 272.17c8.706 18.32 25.411 31.051 44.823 33.996l250.776 38.081c48.698 7.411 68.225 70.046 32.934 105.98L824.407 635.164c-13.998 14.23-20.352 34.815-17.059 54.935l42.82 261.127c8.346 50.696-42.643 89.452-86.226 65.519L539.634 893.474c-17.286-9.526-37.992-9.526-55.278 0l-224.314 123.27c-43.583 23.934-94.572-14.822-86.22-65.518L216.638 690.1c3.32-20.12-3.089-40.705-17.087-54.935L18.11 450.227c-35.285-35.934-15.818-98.574 32.934-105.98l250.75-38.081c19.35-2.94 36.082-15.675 44.756-33.996L458.673 34.627c21.825-46.168 84.836-46.168 106.6 0z"></path></svg> <svg data-score="3" id="star3" title="一般" class="star fa fa-star-o" viewBox="0 0 1024 1024" width="20" height="20"> <path d="M565.273 34.627L677.369 272.17c8.706 18.32 25.411 31.051 44.823 33.996l250.776 38.081c48.698 7.411 68.225 70.046 32.934 105.98L824.407 635.164c-13.998 14.23-20.352 34.815-17.059 54.935l42.82 261.127c8.346 50.696-42.643 89.452-86.226 65.519L539.634 893.474c-17.286-9.526-37.992-9.526-55.278 0l-224.314 123.27c-43.583 23.934-94.572-14.822-86.22-65.518L216.638 690.1c3.32-20.12-3.089-40.705-17.087-54.935L18.11 450.227c-35.285-35.934-15.818-98.574 32.934-105.98l250.75-38.081c19.35-2.94 36.082-15.675 44.756-33.996L458.673 34.627c21.825-46.168 84.836-46.168 106.6 0z"></path></svg> <svg data-score="4" id="star4" title="较好" class="star fa fa-star-o" viewBox="0 0 1024 1024" width="20" height="20"> <path d="M565.273 34.627L677.369 272.17c8.706 18.32 25.411 31.051 44.823 33.996l250.776 38.081c48.698 7.411 68.225 70.046 32.934 105.98L824.407 635.164c-13.998 14.23-20.352 34.815-17.059 54.935l42.82 261.127c8.346 50.696-42.643 89.452-86.226 65.519L539.634 893.474c-17.286-9.526-37.992-9.526-55.278 0l-224.314 123.27c-43.583 23.934-94.572-14.822-86.22-65.518L216.638 690.1c3.32-20.12-3.089-40.705-17.087-54.935L18.11 450.227c-35.285-35.934-15.818-98.574 32.934-105.98l250.75-38.081c19.35-2.94 36.082-15.675 44.756-33.996L458.673 34.627c21.825-46.168 84.836-46.168 106.6 0z"></path></svg> <svg data-score="5" id="star5" title="完美" class="star fa fa-star-o" viewBox="0 0 1024 1024" width="20" height="20"> <path d="M565.273 34.627L677.369 272.17c8.706 18.32 25.411 31.051 44.823 33.996l250.776 38.081c48.698 7.411 68.225 70.046 32.934 105.98L824.407 635.164c-13.998 14.23-20.352 34.815-17.059 54.935l42.82 261.127c8.346 50.696-42.643 89.452-86.226 65.519L539.634 893.474c-17.286-9.526-37.992-9.526-55.278 0l-224.314 123.27c-43.583 23.934-94.572-14.822-86.22-65.518L216.638 690.1c3.32-20.12-3.089-40.705-17.087-54.935L18.11 450.227c-35.285-35.934-15.818-98.574 32.934-105.98l250.75-38.081c19.35-2.94 36.082-15.675 44.756-33.996L458.673 34.627c21.825-46.168 84.836-46.168 106.6 0z"></path></svg> <span id="rate-score" style="margin-left:15px;">10</span> <script> var myRate = 0; var generalRate = 0; $(function () { $("#rate-score").text(generalRate*2+"分"); setRate(generalRate); $("svg.star").click(function () { myRate = $(this).attr("data-score"); setRate(myRate); var desription=$(this).attr("title"); $("#rate-score").text(desription); Rate(myRate) }); $("svg.star").hover(function () { setRate($(this).attr("data-score")); }); $("div.well").mouseleave(function () { setRate(myRate);//恢复原始的打分数值 }); }); function Rate(score) { showConfirm("评分" + myRate + "星，确定吗？", "消息", function () { $.ajax({ url: '/blog/Blogs.asmx/RateBlog', //调用WebService的地址和方法名称组合 ---- WsURL/方法名 ContentType: "application/json;charset=utf-8", //WebService 会返回Json类型 dataType: "json", type: "Post", //访问WebService使用Post方式请求 data: "{BlogID:557,Score:" + myRate + "}", beforeSend: function (x) { x.setRequestHeader("Content-Type", "application/json; charset=utf-8"); }, success: function (result) {//回调函数，result，返回值 r = result.d; if (r.IsSuccess) { showAlert(r.MsgAlert); } else { showAlert(r.MsgAlert); } }, error: function (XMLHttpRequest, textStatus, errorThrown) { showAlert("没有登陆", '提示'); }, async: false, }); }); } function setRate(score) { $("svg.star").each(function () { var thisStar = $(this); if (thisStar.attr("data-score")<=score) { thisStar.removeClass("fa-star-o").addClass("fa-star"); } else { thisStar.removeClass("fa-star").addClass("fa-star-o"); } }); } function clearRate() { $("svg.star").each(function () { var thisStar = $(this); thisStar.removeClass("fa-star").addClass("fa-star-o"); }); } </script> </div> </div> <div class="panel panel-default"> <div class="panel-heading myTitle"> <div style="overflow:hidden"> <h5 class="pull-left" style="color:white"> <i style="font-size:16px;"><span> 评论</span></i> </h5> <div class="pull-right"> <svg class="svg-icon-w ani-moveright" style="fill: white;margin: 0px 0px -6px 0px;" viewBox="0 0 1024 1024" width="20" height="20"><path d="M552.96 862.16704c-8.06912 25.62048-30.22848 41.5744-53.67808 38.6048l-254.1568-32.1536C140.77952 856.10496 61.44 754.42176 61.44 633.09824v-179.93728a163.84 163.84 0 0 1 43.45856-111.12448L307.2 122.88a101.25312 101.25312 0 0 1 90.56256 146.5344L348.16 368.64h532.48a81.92 81.92 0 1 1 0 163.84H634.88l-81.92 329.68704zM143.36 634.88a163.84 163.84 0 0 0 163.84 163.84 40.96 40.96 0 1 0 0-81.92 81.92 81.92 0 0 1-81.92-81.92 40.96 40.96 0 1 0-81.92 0z"></path></svg> <a id="submit-comment-lnkbutton" class="btn btn-success" > 发表评论 </a> </div> </div> </div> <div id="comments" class="panel-body list-group"> </div> <div class="panel-heading"> <nav aria-label="Page navigation"> <ul id="myPager" class="pagination"> </ul> </nav> </div> </div> <div id="comment-block"> <div id="submit-comment" class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <span class="modal-title">评论文章</span> <span class="pc-only">(将图片中苹果用鼠标拖动进入盘子中)</span> </div> <div class="modal-body"> <textarea id="commentBox" class="form-control" rows="3" placeholder="在这里输入内容,长度大于4字符"></textarea> <div class="yz-bg pc-only center-block" style="margin-top: 12px"> <div id="plate" class="yz-plate"> </div> <div id="apple" class="yz-apple"></div> </div> <input type="button" value="长按提交评论" id="btn-touch-submit" class="mobel-only center-block btn-block btn-primary" /> </div> <div class="modal-footer"> <div class="checkbox pull-left"> <label> <input id="isNotifyAuthor" checked="checked" value="是否通知作者" type="checkbox" /> 是否通知文章作者[邮件] </label> </div> <button type="button" data-dismiss="modal" class="btn btn-primary">Cancel</button> <script> $(function () { //原生js 中的 touch 事件 var btn = document.getElementById('btn-touch-submit'); //触摸开始 调用 btn.addEventListener('touchstart', function () { setTimeout(function () { var content = $('#commentBox').val(); if (content.length >= 4) { submitComment(557, content, $('#isNotifyAuthor').is(':checked')) } else { showAlert("内容太短","提示"); } }, 1000); console.log('js start'); }) }); </script> </div> </div> </div> </div> </div> <script> var myPager = $('#myPager'); var currentPage = 1;//当前页码 var perPageNum = 20; var showRange = 4;//显示页码宽度（*2） var commentCount = 0; var m = 0; var n = 20; var currentPageArray; //加载评论 $(function () { //获得评论数 commentCount = getBlogCommentCount(557); //加载一级评论 loadBlogComments(557, m, n, "comments"); //定义pager行为 freshCommentPager(); //点击评论-弹出对话框 $('#submit-comment-lnkbutton').click(function () { $('#submit-comment').modal({ keyboard: true, }); }); //拖拽验证提交评论 $('#apple').draggable({ revert: "valid" }); $("#plate").droppable({ drop: function (event, ui) { $(this).css("margin-left", "solid red 2px"); var content = $('#commentBox').val(); if (content.length >= 4) { submitComment(557, content, $('#isNotifyAuthor').is(':checked')) $('#submit-comment').modal('hide') } else { showAlert("内容太短", "提示"); } } }); //编辑文章 $("#btnEdit").click(function () { $.ajax({ type: "Post", data: "{'id':'557'}", contentType: "application/json; charset=utf-8", url: '/blog/blogPage.aspx/Edit_Click', async: true, dataType: "json", beforeSend: function (x) { x.setRequestHeader("Content-Type", "application/json; charset=utf-8"); }, success: function (data) { //返回的数据用data.d获取内容 var result = data.d; //console.log("success"+data.d.MsgAlert); if (result.IsSuccess) { window.location.href = result.UrlNav; } else { showAlert(result.MsgAlert, "提示"); } }, error: function (XMLHttpRequest, textStatus, errorThrown) { showAlert(errorThrown + '请求失败', "提示"); }, }); }); //删除文章 $("#btnDelete").click(function () { $.ajax({ type: "Post", data: "{'id':'557'}", contentType: "application/json; charset=utf-8", url: '/blog/blogPage.aspx/Delete_Click', async: true, dataType: "json", beforeSend: function (x) { x.setRequestHeader("Content-Type", "application/json; charset=utf-8"); }, success: function (data) { //返回的数据用data.d获取内容 var result = data.d; //console.log("success"+data.d.MsgAlert); if (result.IsSuccess) { window.location.href = result.UrlNav; } else { showAlert(result.MsgAlert,"提示"); } }, error: function (XMLHttpRequest, textStatus, errorThrown) { showAlert(errorThrown,'请求失败'); }, }); }) }); function freshCommentPager() { var pageNum = Math.ceil(commentCount / perPageNum);//分页页码数 var startNum = currentPage - showRange;//开始页码 var endNum = currentPage + showRange;//结束页码 //开始页面小于1 if (startNum - showRange < 1) { startNum = 1; endNum = 1 + showRange * 2; //结束页 不能大于总数 if (endNum > pageNum) { endNum = pageNum } } //最后一页页面大于总页数 if (endNum > pageNum) { endNum = pageNum; startNum = endNum - showRange * 2; //开始页面 不能小于1 if (startNum < 0) { startNum = 1; } } myPager.empty(); m = (currentPage - 1) * perPageNum;//起始位置 n = m + perPageNum;//终止位置 $('.pagerLnk').remove();//移除旧页码 var firstpage_li = $("<li>"); var firstpage = $("<a aria-label='Previous' href=#" + 0 + ">"); firstpage.append($("<span aria-hidden='true'>«</span>")); firstpage.click(function loadfirst() { currentPage = 1; freshCommentPager(); //loadComments("replies", 0, perPageNum); }); firstpage_li.append(firstpage); myPager.append(firstpage_li);//添加新页码 for (var i = startNum; i <= endNum; i++) { var page_li = $("<li>"); var page = $("<a href=#" + i + ">").text(i); page.click(function getBlogItem() { currentPage = parseInt(this.textContent); m = (currentPage - 1) * perPageNum;//起始位置 n = m + perPageNum;//终止位置 freshCommentPager(); loadBlogComments(557, m, n, "comments"); }); page_li.append(page); myPager.append(page_li);//添加新页码 } var lastpage_li = $("<li>"); var lastpage = $("<a aria-label='Next' href=#" + pageNum + ">").append("<span aria-hidden='true'>»</span>"); lastpage.click(function loadLast() { currentPage = pageNum; freshCommentPager(); }); lastpage_li.append(lastpage); myPager.append(lastpage_li);//添加新页码 } //获取一级评论 function loadBlogComments(blogId, m, n, containerID) { //加载的field var field = $('#' + containerID); $.ajax({ url: '/blog/Blogs.asmx/GetBlogComments', ContentType: "application/json;charset=utf-8", dataType: "json", type: "Post", data: "{blogID:" + blogId + ",m:" + m + ",n:" + n + "}", beforeSend: function (x) { x.setRequestHeader("Content-Type", "application/json; charset=utf-8"); }, success: function (result) { field.empty();//清空field var commemts = result.d; $.each(commemts, function GenerateItem(key, comment) { //评论的主容器 var main = $("<div class='media list-group-item' style='padding:0px 0px'>"); //赞成评论按钮 var icon_agree = $("<a class='pull-right btn btn-xs' style='color:inherit'><span><svg class='svg-icon-b' style='margin: -4px 3px 0px -6px;' viewBox='0 0 1024 1024' width='20' height='20'><path d='M621.674667 408.021333c16.618667-74.24 28.224-127.936 34.837333-161.194666C673.152 163.093333 629.941333 85.333333 544.298667 85.333333c-77.226667 0-116.010667 38.378667-138.88 115.093334l-0.586667 2.24c-13.728 62.058667-34.72 110.165333-62.506667 144.586666a158.261333 158.261333 0 0 1-119.733333 58.965334l-21.909333 0.469333C148.437333 407.808 106.666667 450.816 106.666667 503.498667V821.333333c0 64.8 52.106667 117.333333 116.394666 117.333334h412.522667c84.736 0 160.373333-53.568 189.12-133.92l85.696-239.584c21.802667-60.96-9.536-128.202667-70.005333-150.186667a115.552 115.552 0 0 0-39.488-6.954667H621.674667z' ></path></svg>赞(" + comment.Statis + ") </span></a>"); icon_agree.click(function () { agreeComment(comment.ID); }); //删除评论 var icon_delete = $("<a class='pull-right btn btn-xs' style='color:inherit'><svg class='svg-icon-b' viewBox='0 0 1024 1024' width='20' height='20' style='margin: 3px 1px -3px -1px;'><path d='M512.2 64.4c-247.4 0-447.9 200.6-447.9 448s200.5 447.9 447.9 447.9 447.9-200.5 447.9-447.9-200.5-448-447.9-448z m203.5 605.9c12.5 12.5 12.5 33.1 0 45.6s-33.1 12.5-45.6 0l-158-158-158 158c-12.5 12.5-33.1 12.5-45.6 0s-12.5-33.1 0-45.6l158-158-158-158c-12.5-12.5-12.5-33.1 0-45.6s33.1-12.5 45.6 0l158 158 158-158c12.5-12.5 33.1-12.5 45.6 0s12.5 33.1 0 45.6l-158 158 158 158z'></path></svg></a>"); icon_delete.click(function () { deleteComment(comment.ID) }); //回复评论按钮 var icon_reply = $("<a class='pull-right btn btn-sm' style='color:inherit' role='button' data-toggle='collapse' aria-expanded='false' aria-controls='#div_reply" + comment.ID + "' href='#div_reply" + comment.ID + "'><svg class='svg-icon-b' style='margin: 0px 3px -6px 0px' viewBox='0 0 1024 1024' width='20' height='20'><path d='M872.4266666666666 61.440000000000055H151.57333333333338c-49.6 0-89.70666666666666 40.53333333333333-89.70666666666666 90.13333333333333l-0.4266666666666667 810.9866666666666 180.26666666666665-180.26666666666665h630.7199999999999c49.6 0 90.13333333333333-40.53333333333333 90.13333333333333-90.13333333333333V151.57333333333338c0-49.6-40.53333333333333-90.13333333333333-90.13333333333333-90.13333333333333zM376.85333333333335 466.9866666666667h-90.13333333333333v-90.13333333333333h90.13333333333333v90.13333333333333z m180.16 0h-90.13333333333333v-90.13333333333333h90.13333333333333v90.13333333333333z m180.26666666666665 0h-90.13333333333333v-90.13333333333333h90.13333333333333v90.13333333333333z' ></path></svg>回复 </a>"); // // //回复评论文本输入框以及提交按钮 var div_reply_ = $("<div id='div_reply" + comment.ID + "' class='collapse' style='width:100%'>"); var div_reply = $("<div style='width:100%' class='input-group'>"); div_reply_.append(div_reply); var reply_ipt = $("<input class='form-control' type='text' placeholder='回复" + comment.Username + ":' >"); var submit_reply = $("<span class='input-group-btn'><button class='btn btn-default' type='button'><i class='fa fa-send'>提交</i></button></span>"); submit_reply.click(function () { div_reply.css("display", "none"); CommentComment(comment, reply_ipt.val(), false); }); div_reply.append(reply_ipt); div_reply.append(submit_reply); //用户头像 var img = $("<img class='u-photo-50x50' src=" + comment.Photo + " />"); //用户名 var uName = $("<a class='u-name' href='" + comment.Url + "'>" + comment.Username + "</a>"); var uContainer = $("<div class='media-left text-center'>"); uContainer.append(img); uContainer.append(uName); //用户信息框 main.append(uContainer); //回复内容表 var content = $("<div title='发布时间：" + comment.Time + "' class='page-comment-content media-body'><div style='margin:5px 10px 20px 10px;max-width: 800px;max-height: 250px;overflow: auto;'>" + comment.Content + "</div></div>"); var bottom = $("<div style='overflow:hidden'>"); bottom.append(icon_delete); bottom.append(icon_agree); bottom.append(icon_reply); bottom.append(div_reply_); content.append(bottom); //设置下部评论的评论容器id var comments = $("<div/>"); comments.attr("id", "comment" + comment.ID); content.append(comments); main.append(content); loadCommentComment(comment, 0, 10) field.append(main); }) }, error: function (XMLHttpRequest, textStatus, errorThrown) { $("<div title='loadComments error'>").text(XMLHttpRequest.responseText).dialog(); console.log("load comments error"); } }); } function getBlogCommentCount(blogID) { var ar = 30; $.ajax({ url: '/blog/Blogs.asmx/GetBlogCommentCount', //调用WebService的地址和方法名称组合 ---- WsURL/方法名 ContentType: "application/json;charset=utf-8", //WebService 会返回Json类型 dataType: "json", async: false, type: "Post", //访问WebService使用Post方式请求 data: "{blogID:" + blogID + "}", //这里是要传递的参数 beforeSend: function (x) { x.setRequestHeader("Content-Type", "application/json; charset=utf-8"); }, success: function (result) {//回调函数，result，返回值 ar = parseInt(result.d); }, error: function (XMLHttpRequest, textStatus, errorThrown) { console.log(XMLHttpRequest.responseText); } }); return ar; } function deleteComment(commentID) { if (!confirm("将要删除此评论和所有回复此条的评论，确定吗？")) { return; } $.ajax({ url: '/blog/blogPage.aspx/Delete_Commemt', //调用WebService的地址和方法名称组合 ---- WsURL/方法名 ContentType: "application/json;charset=utf-8", //WebService 会返回Json类型 dataType: "json", async: false, type: "Post", //访问WebService使用Post方式请求 data: "{commentID:" + commentID + "}", //这里是要传递的参数 beforeSend: function (x) { x.setRequestHeader("Content-Type", "application/json; charset=utf-8"); }, success: function (result) {//回调函数，result，返回值 var data = result.d; if (data.IsSuccess) { showAlert('删除成功','提示'); loadBlogComments(557, m, n, "comments"); freshCommentPager(); } else { showAlert(data.MsgAlert,'提示'); } }, error: function (XMLHttpRequest, textStatus, errorThrown) { $("<div title='loadBlog出错'>").text(XMLHttpRequest.responseText).dialog(); } }); } function agreeComment(commentID) { $.ajax({ url: '/blog/blogPage.aspx/Agree_Comment', //调用WebService的地址和方法名称组合 ---- WsURL/方法名 ContentType: "application/json;charset=utf-8", //WebService 会返回Json类型 dataType: "json", async: true, type: "Post", //访问WebService使用Post方式请求 data: "{commentID:" + commentID + "}", //这里是要传递的参数 beforeSend: function (x) { x.setRequestHeader("Content-Type", "application/json; charset=utf-8"); }, success: function (result) {//回调函数，result，返回值 var data = result.d; if (data.IsSuccess) { showAlert(data.MsgAlert); loadBlogComments(557, m, n, "comments"); freshCommentPager(); } else { showAlert(data.MsgAlert + "失败"); } }, error: function (XMLHttpRequest, textStatus, errorThrown) { $("<div>").text(XMLHttpRequest.responseText).dialog(); } }); } function submitComment(blogID, content, isNotify) { content = encodeURIComponent(content); $.ajax({ url: '/blog/blogPage.aspx/Submit_Comment', //调用WebService的地址和方法名称组合 ---- WsURL/方法名 ContentType: "application/json;charset=utf-8", //WebService 会返回Json类型 dataType: "json", async: true, type: "Post", data: "{articleId:" + blogID + ",content:'" + content + "',isNotify:" + isNotify + "}", //这里是要传递的参数 beforeSend: function (x) { x.setRequestHeader("Content-Type", "application/json; charset=utf-8"); }, success: function (result) {//回调函数，result，返回值 var data = result.d; if (data.IsSuccess) { showAlert(data.MsgAlert); loadBlogComments(557, m, n, "comments"); freshCommentPager(); } else { showAlert(data.MsgAlert); } }, error: function (XMLHttpRequest, textStatus, errorThrown) { $("<div>").text(XMLHttpRequest.responseText).dialog(); } }); } function CommentComment(Comment, content, isNotify, grade = 0) { content = encodeURIComponent(content); //console.log(content.length); $.ajax({ url: '/blog/blogPage.aspx/Comment_Comment', //调用WebService的地址和方法名称组合 ---- WsURL/方法名 ContentType: "application/json;charset=utf-8", //WebService 会返回Json类型 dataType: "json", async: true, type: "Post", data: "{CommentID:" + Comment.ID + ",CommentContent:'" + content + "',IsNotify:" + isNotify + "}", //这里是要传递的参数 beforeSend: function (x) { x.setRequestHeader("Content-Type", "application/json; charset=utf-8"); }, success: function (result) {//回调函数，result，返回值 var data = result.d; if (data.IsSuccess) { //清空旧的页面信息 $("#comment" + Comment.ID).empty(); //评论成功后，局部更新页面 if (grade == 0) { loadCommentComment(Comment, 0, 10); } else { loadCommentComment(Comment, 0, 10, Comment.Username); } } else { showAlert(data.MsgAlert,"提示"); } }, error: function (XMLHttpRequest, textStatus, errorThrown) { $("<div>").text(XMLHttpRequest.responseText).dialog(); console.log("cc comments error"); } }); } function loadCommentComment(comment, m, n, reply_username = "") { $.ajax({ url: '/blog/blogPage.aspx/Get_Comment_Comment', //调用WebService的地址和方法名称组合 ---- WsURL/方法名 ContentType: "application/json;charset=utf-8", //WebService 会返回Json类型 dataType: "json", async: true, type: "Post", data: "{CommentID:" + comment.ID + ",m:" + m + ",n:" + n + "}", //这里是要传递的参数 beforeSend: function (x) { x.setRequestHeader("Content-Type", "application/json; charset=utf-8"); }, success: function (result) { var field = $("#comment" + comment.ID); $.each(result.d, function (key, comment_1) { var item = $("<div class='media' />"); item.attr("id", "comment" + comment_1.ID); var photo = $("<img style='width:24px;height:24px;border-radius:12px;display:inline-block' src='" + comment_1.Photo + "'/>"); var lnk = $("<span style='word-break:break-all;color:#03a9f4'>" + comment_1.Username + ":</span>"); var media_left = $("<div class='media-left'>"); var u_div = $("<div class='text-center' style='width:120px;overflow:hidden;'>"); u_div.append(photo); u_div.append(lnk); media_left.append(u_div); var media_body = $("<div title='" + comment_1.Time + "' class='media-body' style='color:#707070'>"); var reply_title = ""; if (reply_username.length > 0) { reply_title = "回复" + reply_username + ":"; } media_body.append(reply_title + comment_1.Content); var ipt_div = $("<div class='collapse' id='cc" + comment_1.ID + "'>"); var ipt_content = $("<div style='width:100%' class='input-group' >"); var ipt = $("<input class='form-control' type='text' placeholder='回复" + comment_1.Username + "：' >"); var submit_reply = $("<span class='input-group-btn'><button class='btn btn-default' type='button'><i class='fa fa-send'>提交</i></button></span>"); ipt_content.append(ipt); ipt_content.append(submit_reply); ipt_div.append(ipt_content); var bottom = $("<div style='overflow: hidden;'>"); var reply_icon = $("<a style='color:gray' role='button' data-toggle='collapse' aria-expanded='false' href='#cc" + comment_1.ID + "' aria-controls='cc" + comment_1.ID + "' class='pull-right'><i class='fa fa-commenting' />回复</a>"); var delete_icon = $("<a style='float:right;padding:0 8px;color:gray'><i class='fa fa-close'/></a>"); delete_icon.click(function () { deleteComment(comment_1.ID); }); bottom.append(delete_icon); bottom.append(reply_icon) bottom.append(ipt_div); media_body.append(bottom); //评论 submit_reply.click(function () { ipt_div.css("display", "none"); CommentComment(comment_1, ipt.val(), false, 9527); }); item.append(media_left); item.append(media_body); field.attr("id", "comment" + comment.ID); field.append(item); //加载评论的评论，这里是个递归 loadCommentComment(comment_1, 0, 10, comment_1.Username) }); }, error: function (XMLHttpRequest, textStatus, errorThrown) { //$("<div>").text(XMLHttpRequest.responseText).dialog(); console.log("load comments comments error"); } }); } </script> </main> <div class="col-lg-1 center-block" style="overflow-x: visible; float: left;"> <aside> <div class="panel panel-default" style="margin-bottom: 0"> <div class="panel-heading"> <h3 class="panel-title"> <svg class="svg-icon" viewBox="0 0 1024 1024" width="20" height="20" style="margin: -1px -5px -4px -6px;"> <path d="M843.676672 360.486912c-9.746432-4.180992-21.11488-8.476672-32.129024-12.416 2.31424-11.836416 4.406272-23.095296 5.341184-34.265088 11.346944-92.941312-7.656448-165.812224-59.1872-196.67456l-1.869824-1.045504c-52.201472-30.394368-125.31712-10.569728-201.101312 46.058496-9.166848 6.764544-17.977344 14.508032-27.255808 21.9392-9.279488-7.431168-17.980416-15.174656-27.25888-21.9392-74.628096-56.027136-147.2768-75.874304-199.832576-46.748672l-1.512448 0.690176c-52.578304 30.394368-72.070144 103.733248-60.811264 197.71904 1.626112 11.169792 3.115008 22.428672 5.4528 34.265088-11.015168 3.939328-21.940224 8.235008-32.487424 12.416-87.020544 37.024768-140.869632 90.604544-140.869632 151.414784 0 60.923904 53.848064 114.302976 140.869632 151.906304 10.546176 4.048896 21.471232 8.23296 32.487424 12.306432-2.337792 11.370496-3.826688 22.962176-5.4528 33.997824-11.25888 94.009344 8.23296 167.079936 61.034496 197.496832 52.800512 30.640128 125.915136 11.148288 201.122816-46.058496 9.279488-6.740992 17.980416-13.927424 27.25888-21.605376 9.279488 7.677952 18.08896 14.864384 27.255808 21.605376 75.784192 57.206784 148.89984 76.698624 201.101312 46.30528l0-0.24576c52.80256-30.416896 72.403968-103.488512 61.057024-197.496832-0.934912-11.035648-3.026944-22.628352-5.341184-33.997824 11.014144-4.073472 22.382592-8.256512 32.129024-12.306432 87.048192-37.603328 140.89216-90.9824 140.89216-151.906304C984.568832 451.091456 930.724864 397.510656 843.676672 360.486912L843.676672 360.486912zM580.498432 196.9664 580.498432 196.9664c61.27616-46.08 118.017024-64.171008 153.971712-43.276288l0.603136 0.222208c35.489792 21.138432 47.92832 78.789632 38.293504 154.79808-0.6912 8.476672-2.313216 17.288192-3.381248 26.011648-38.872064-10.324992-81.329152-18.802688-126.340096-24.1664-27.057152-36.068352-55.581696-69.020672-83.661824-96.877568C566.56896 207.981568 573.889536 202.084352 580.498432 196.9664L580.498432 196.9664zM347.021312 614.834176 347.021312 614.834176l0.466944 1.045504c10.102784 17.068032 19.848192 32.975872 29.950976 48.953344-29.372416-4.983808-57.00608-11.124736-83.217408-17.980416 6.720512-26.32192 15.218688-53.578752 26.211328-81.435648C328.465408 581.880832 337.519616 598.36928 347.021312 614.834176L347.021312 614.834176zM294.2208 377.4208 294.2208 377.4208c26.211328-7.433216 53.844992-13.351936 83.439616-18.225152-10.324992 15.664128-20.0704 32.132096-30.173184 48.864256-9.521152 16.821248-18.80064 33.753088-27.056128 50.240512C309.439488 430.799872 300.941312 403.163136 294.2208 377.4208L294.2208 377.4208zM342.61504 512.124928 342.61504 512.124928c12.439552-27.035648 26.811392-54.892544 42.47552-82.149376 15.6672-27.61216 32.709632-53.470208 49.998848-77.966336 29.617152-2.916352 60.455936-4.4288 92.386304-4.4288 31.906816 0 62.903296 1.512448 92.494848 4.4288 17.155072 24.496128 34.22208 50.354176 49.887232 77.966336l0.79872 1.045504c15.442944 27.0336 29.372416 54.068224 41.653248 80.879616-12.52352 27.25888-26.65472 54.784-42.697728 82.172928l-0.46592 0.666624c-15.44192 27.300864-32.24064 53.046272-49.174528 77.298688-29.591552 2.557952-60.588032 4.629504-92.494848 4.629504-31.930368 0-62.769152-2.070528-92.386304-4.629504-17.288192-24.475648-34.330624-50.463744-49.998848-77.966336l-0.487424-1.068032C368.847872 565.861376 355.054592 538.602496 342.61504 512.124928L342.61504 512.124928zM706.392064 617.16992 706.392064 617.16992l1.42336-1.291264c9.280512-16.733184 18.424832-33.997824 26.65472-50.46272 10.927104 27.856896 19.627008 55.113728 26.012672 81.435648-25.409536 6.854656-53.736448 12.995584-83.10784 17.980416C687.388672 649.411584 696.891392 633.413632 706.392064 617.16992L706.392064 617.16992zM708.25984 408.859648 708.25984 408.859648l-0.44544-0.799744c-9.877504-16.73216-20.204544-33.199104-30.440448-48.864256 29.372416 4.873216 57.698304 10.791936 83.10784 18.225152-6.385664 25.74336-15.085568 53.379072-26.012672 80.879616C726.240256 442.41408 717.31712 425.570304 708.25984 408.859648L708.25984 408.859648zM527.474688 242.58048 527.474688 242.58048c19.600384 18.557952 38.647808 40.163328 57.20576 63.347712-18.557952-1.624064-37.6064-1.624064-57.20576-1.624064-19.49184 0-38.540288 0-57.428992 1.624064C489.179136 282.743808 508.205056 261.138432 527.474688 242.58048L527.474688 242.58048zM320.431104 153.689088 320.431104 153.689088l1.068032-0.466944c36.535296-19.825664 92.251136-1.84832 152.94976 43.743232 6.720512 5.117952 13.930496 11.016192 20.873216 16.71168-28.54912 27.856896-56.962048 60.81024-84.243456 96.877568-45.011968 5.362688-87.266304 13.841408-125.893632 24.1664-1.73568-8.723456-2.803712-17.536-3.849216-26.011648C272.059392 232.700928 284.474368 174.560256 320.431104 153.689088L320.431104 153.689088zM253.010944 633.413632 253.010944 633.413632c-8.675328-3.383296-17.043456-6.163456-24.695808-9.745408-70.580224-30.396416-114.658304-69.645312-114.658304-111.767552 0-41.76384 44.07808-81.458176 114.658304-111.496192 7.653376-3.381248 16.464896-6.519808 24.695808-10.102784 10.34752 39.205888 24.254464 79.835136 42.276864 121.598976C277.265408 554.023936 263.358464 594.295808 253.010944 633.413632L253.010944 633.413632zM474.44992 826.728448 474.44992 826.728448c-61.27616 46.190592-117.438464 64.171008-154.017792 43.522048-35.95776-20.537344-48.372736-78.456832-39.094272-154.932224 1.045504-8.209408 2.113536-17.289216 3.849216-26.322944 38.627328 10.790912 80.881664 19.136512 125.893632 24.254464 27.281408 36.535296 55.693312 69.511168 84.243456 97.011712C488.379392 816.1792 481.170432 821.874688 474.44992 826.728448L474.44992 826.728448zM527.474688 781.248512 527.474688 781.248512c-19.269632-18.581504-38.295552-39.918592-57.428992-63.371264 18.888704 1.512448 37.936128 2.091008 57.428992 2.091008 19.600384 0 38.647808-0.57856 57.20576-2.091008C566.122496 741.328896 547.075072 762.665984 527.474688 781.248512L527.474688 781.248512zM734.470144 870.250496 734.470144 870.250496c-35.954688 20.64896-92.695552 2.668544-153.971712-43.165696-6.607872-5.209088-13.929472-10.904576-20.514816-16.823296 28.080128-27.500544 56.604672-60.47744 83.661824-97.011712 45.010944-5.116928 87.468032-13.462528 126.340096-24.254464 1.068032 9.033728 2.690048 18.113536 3.381248 26.322944C783.000576 791.79264 770.563072 849.713152 734.470144 870.250496L734.470144 870.250496zM826.744832 623.669248 826.744832 623.669248c-7.76704 3.581952-16.265216 6.362112-24.721408 9.745408-10.10176-39.117824-24.25344-79.389696-42.22976-121.288704 17.977344-41.987072 32.128-82.61632 42.22976-121.822208 8.456192 3.582976 16.954368 6.720512 24.721408 10.102784 70.556672 30.036992 114.302976 69.732352 114.302976 111.496192C941.047808 554.023936 897.301504 593.272832 826.744832 623.669248L826.744832 623.669248z" > </path> </svg> <span> 推荐</span> </h3> </div> <div class="panel-body"> <div class="相关的博客列表"> <ol class="myol" id="relitive-blogs"> </ol> </div> </div> </div> <div class="panel panel-default"> <div class="center-block"> <!-- sidebar 正方形 --> <ins class="adsbygoogle" style="display: block" data-ad-client="ca-pub-9619367423816489" data-ad-slot="8186090553" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"> <svg class="svg-icon" viewBox="0 0 1024 1024" width="22" height="22" style="margin: -1px -5px -4px -6px;"> <path d="M120.832 360.448l361.472 193.536c7.168 5.12 16.384 8.192 25.6 8.192 9.216 0 18.432-3.072 26.624-9.216l369.664-207.872c2.048-1.024 4.096-3.072 6.144-4.096 8.192-7.168 12.288-17.408 12.288-28.672 0-11.264-4.096-21.504-12.288-29.696-2.048-2.048-5.12-4.096-8.192-5.12L540.672 108.544c-7.168-5.12-15.36-8.192-24.576-8.192-9.216 0-18.432 3.072-25.6 8.192l-368.64 183.296c-3.072 1.024-5.12 3.072-7.168 5.12-16.384 16.384-16.384 41.984 0 58.368 2.048 2.048 4.096 4.096 6.144 5.12z" fill="#333333" p-id="11299"></path><path d="M872.448 416.768L504.832 623.616 145.408 431.104c-13.312-7.168-30.72-2.048-37.888 11.264-7.168 13.312-2.048 30.72 11.264 37.888l361.472 193.536c7.168 5.12 16.384 8.192 25.6 8.192 9.216 0 18.432-3.072 26.624-9.216l368.64-207.872c13.312-7.168 18.432-24.576 10.24-37.888-8.192-13.312-24.576-17.408-38.912-10.24z" ></path><path d="M872.448 536.576L504.832 742.4 145.408 549.888c-13.312-7.168-30.72-2.048-37.888 11.264-3.072 6.144-4.096 14.336-2.048 21.504 2.048 7.168 7.168 13.312 13.312 16.384l361.472 193.536c7.168 5.12 16.384 8.192 25.6 8.192 9.216 0 18.432-3.072 26.624-9.216l368.64-206.848c13.312-7.168 18.432-24.576 10.24-37.888-8.192-13.312-24.576-18.432-38.912-10.24z" ></path><path d="M872.448 655.36L504.832 862.208 145.408 669.696c-13.312-7.168-30.72-2.048-37.888 11.264-3.072 6.144-4.096 14.336-2.048 21.504 2.048 7.168 7.168 13.312 13.312 16.384L480.256 911.36c7.168 5.12 16.384 8.192 25.6 8.192 9.216 0 18.432-3.072 26.624-9.216l368.64-206.848c13.312-7.168 18.432-24.576 10.24-37.888-8.192-13.312-24.576-17.408-38.912-10.24z" > </path> </svg> <span> 阅读</span> </h3> </div> <div class="panel-body"> <div style="float: left; width: 100%;"> <ol id="random-blogs" class="myol"> </ol> </div> </div> </div> </aside> </div> <script> $(function () { $("aside").draggable(); var topic = 'Excel,教程'; var keywords = topic.split(','); //处理关键词链接 $.each(keywords, function (key, value) { var link = $("<a target='_blank' class='keyword' href='../blogItem/" + value + ".html'>" + value + "</a>"); $("#KeywordsContainer").append(link); }) //加载可能感兴趣的博客,拼接sql var searchCmd = "SELECT TOP 10 * FROM[blog]"; for (var i = 0; i < keywords.length; i++) { if (i == 0) { searchCmd += "where [topic] like '%" + keywords[i] + "%'"; } else { searchCmd += "or [topic] like '%" + keywords[i] + "%'"; } } searchCmd += "ORDER BY[statis] DESC,[rateScore] DESC"; var blogs = loadBlogList(searchCmd); var field = $("ol#relitive-blogs"); //field.empty(); $.each(blogs, function (key, value) { var blogList = $("<li class='blogList'>"); var link = $("<a target='_blank' href=" + value.BlogUrl + ">" + value.BlogTitle + "</a>"); blogList.append(link); field.append(blogList); }); //加载随机阅读的博客 //var now = new Date().getTime(); //var searchCmd = "SELECT TOP 10 * FROM [blog] ORDER BY Rnd(" + now + "*[id])"; // var rand = Math.floor(Math.random() * 1000000); var searchCmd = "SELECT TOP 10 * FROM [blog] ORDER BY Rnd(-[id]*" + rand + ")"; // blogs = loadBlogList(searchCmd); var field = $("ol#random-blogs"); $.each(blogs, function (key, value) { var blogList = $("<li class='blogList'>"); var link = $("<a target='_blank' href=" + value.BlogUrl + ">" + value.BlogTitle + "</a>"); blogList.append(link); field.append(blogList); }); }); function loadBlogList(sql) { var blogs; $.ajax({ url: "/blog/Blogs.asmx/GetBlogs", //调用WebService的地址和方法名称组合 ---- WsURL/方法名 ContentType: "application/json;charset=utf-8", //WebService 会返回Json类型 dataType: "json", type: "Post", //访问WebService使用Post方式请求 data: "{searchCmd:\"" + sql + "\"}", //这里是要传递的参数 beforeSend: function (x) { x.setRequestHeader("Content-Type", "application/json; charset=utf-8"); }, success: function (result) { blogs = result.d; }, error: function (XMLHttpRequest, textStatus, errorThrown) { showAlert(XMLHttpRequest.responseText, sql); }, async: false, }); return blogs; } </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shCore.min.js" integrity="sha512-Z5dAQyvO8EyY1cHQcqYTYL8z6PDjM0URql6AioNodsSxxTJS5Fqfujr+o/4ye2dLp0he1qAVTiZABTunv6oLow==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCore.min.css" integrity="sha512-q9B+BRcW0p2dRy94K1it1sy2Dv9UkAqIYoAUcWQY7Pis6fcQSAe5lohmJiymUL5glkr+Gu8fEVW6UjNKz6qm3A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushJScript.min.js" integrity="sha512-1sgIP38qm/y/33QFXdgSgBinVscLgnICy//6P5vVGaT/NyK2zZfsbLtrz/pPnix5CbEImM88s4HHxDFEHBcINg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushCSharp.min.js" integrity="sha512-eJbYLIH67AKyh0trdBb0zShEdr7/tipf0c3cNfNIN5Y0gYBvelbamVypKggtiiVM1l2joC+AogOJXwKckX2sgA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushXml.min.js" integrity="sha512-XHSgk11LDMG/R4L6Tn9cl4xbwbO5dnsgJrtXd/oT6KVf00wqAog2wY8j3kySxmxRoiBAxON5lZZW9fqHj2CE7g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushCss.min.js" integrity="sha512-cOMAi17PcGyVC09B5SKHeSAOmtrSgX+rR6u3O0lye4mHOmT+wqU/viFCjZCKX6Rps07iglxhWy2Al6MWFVtb2A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCoreDefault.min.css" integrity="sha512-m86ay46+VXJi/u/ARTNMtfjIXdW6ht5LULFIK1GvPRobUlQgRdZTs7f105BDB8pzFCxk/6nq5otE9j12Onkyow==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script> $(function () { var cs = document.getElementsByClassName("prettyprint lang-cs"); while (cs.length > 0) { cs[0].className = "brush: csharp"; } var js = document.getElementsByClassName("prettyprint lang-js"); while (js.length > 0) { js[0].className = "brush: js"; } var xml = document.getElementsByClassName("prettyprint lang-xml"); while (xml.length > 0) { xml[0].className = "brush: xml"; } var html = document.getElementsByClassName("prettyprint lang-html"); while (html.length > 0) { html[0].className = "brush: xml"; } var css = document.getElementsByClassName("prettyprint lang-css"); while (css.length > 0) { css[0].className = "brush: css"; } //var cs = document.getElementsByClassName("prettyprint lang-cs"); //Array.prototype.forEach.call(cs, function (element) { // element.className = "brush: csharp"; //}); //cs.forEach(element => { }); SyntaxHighlighter.all(); }); </script> <script>(function () { var canonicalURL, curProtocol; var x = document.getElementsByTagName("link"); if (x.length > 0) { for (i = 0; i < x.length; i++) { if (x[i].rel.toLowerCase() == 'canonical' && x[i].href) { canonicalURL = x[i].href } } } if (!canonicalURL) { curProtocol = window.location.protocol.split(':')[0] } else { curProtocol = canonicalURL.split(':')[0] } if (!canonicalURL) canonicalURL = window.location.href; !function () { var e = /([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi, r = canonicalURL, t = document.referrer; if (!e.test(r)) { var n = (String(curProtocol).toLowerCase() === 'https') ? "https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif" : "//api.share.baidu.com/s.gif"; t ? (n += "?r=" + encodeURIComponent(document.referrer), r && (n += "&l=" + r)) : r && (n += "?l=" + r); var i = new Image; i.src = n } }(window) })();</script> </div> <!-- footer --> <footer> <div style="background-color: #222; padding: 5px 0px;"> <!-- 保持原有 footer 链接和版权信息 --> <a class="footer-lnk" href='/apps/Pets/cats.aspx'> <svg class="svg-icon-w" viewBox="0 0 1024 1024" width="20" height="20" style="margin: -2px 2px -2px 12px;"> <path d="M603.306667 170.666667l85.333333 64-64 106.666666s-42.666667-106.666667-21.333333-170.666666zM874.666667 170.666667l-85.333334 64 64 106.666666s42.666667-106.666667 21.333334-170.666666z"></path><path d="M576 640l106.666667 213.418667S682.666667 896 725.333333 896h85.333334s0-42.666667-42.666667-42.666667l-64-149.333333 42.666667-170.666667-170.666667 106.666667zM213.333333 704.042667l42.666667 149.376S261.333333 896 298.666667 896h85.333333s0-42.666667-42.666667-42.666667l-42.666666-127.978666-85.333334-21.312z"></path><path d="M405.333333 661.376c-42.666667 64-106.666667 106.666667-106.666666 106.666667l-85.333334-64s21.333333-85.333333 21.333334-192l170.666666 149.333333z"></path><path d="M576 661.333333c-89.664-32.597333-170.666667 0.042667-170.666667 0.042667L234.666667 661.333333V405.333333c149.333333-256 533.333333 42.666667 533.333333 42.666667s0.746667 8.170667 0.554667 21.312C767.786667 526.634667 749.546667 678.677333 576 661.333333z"></path><path d="M258.133333 460.8h-29.866666c-68.181333 0-121.6-53.418667-121.6-121.6s53.418667-121.6 121.6-121.6h29.866666c32.832 0 57.6-24.768 57.6-57.6a32 32 0 0 1 64 0c0 68.181333-53.418667 121.6-121.6 121.6h-29.866666c-32.832 0-57.6 24.746667-57.6 57.578667s24.768 57.6 57.6 57.6h29.866666a32 32 0 0 1 0 64.021333z"></path><path d="M736 352m-138.666667 0a138.666667 138.666667 0 1 0 277.333334 0 138.666667 138.666667 0 1 0-277.333334 0Z"></path><path d="M256 853.418667l-29.269333-102.464L192 832s0 64 42.666667 64h64c-37.333333 0-42.666667-42.581333-42.666667-42.581333zM683.157333 858.752A43.818667 43.818667 0 0 0 661.333333 853.376v-42.645333l-74.432-148.906667c-3.690667-0.234667-7.061333-0.106667-10.901333-0.490667v192.128s0 42.581333 42.666667 42.581334h85.333333s-0.085333-2.24-0.512-5.418667c-14.869333-8.213333-19.2-23.68-20.330667-31.872zM405.333333 661.376c-29.162667 43.754667-67.882667 77.12-89.706666 94.101333 0 0-1.28 0.896-2.368 1.877334a19.2 19.2 0 0 1-0.789334 0.597333l0.021334 0.042667c-1.152 0.917333-2.24 1.664-2.368 1.770666l5.610666 16.768 4.266667-8.533333s85.333333-42.624 128-106.624l10.304-12.373333c-32.149333 4.010667-52.970667 12.373333-52.970667 12.373333zM736 490.666667a138.666667 138.666667 0 0 1-138.666667-138.666667c0-1.621333 0.192-3.178667 0.256-4.8a663.552 663.552 0 0 0-41.472-16.96A178.346667 178.346667 0 0 0 554.666667 352c0 100.010667 81.344 181.333333 181.333333 181.333333a182.826667 182.826667 0 0 0 25.258667-1.962666c3.669333-16.192 5.610667-31.445333 6.506666-44.501334A137.877333 137.877333 0 0 1 736 490.666667zM746.666667 405.333333s-11.562667 16-21.333334 0l-21.333333-21.312v-21.333333L768.021333 362.666667v21.333333L746.666667 405.333333z"></path><path d="M832 298.666667s6.229333 63.978667-32 63.978666L768.021333 362.666667s-7.125333-64 31.978667-64H832zM640 298.688S632.021333 362.666667 672 362.666667l32 0.021333S712.021333 298.666667 672 298.666667l-32 0.021333z" fill="black"></path></svg> 宠物猫</a> <a class="footer-lnk" href='/apps/Pets/dogs.aspx'> <svg class="svg-icon-w" viewBox="0 0 1024 1024" style="margin: -2px 2px -2px 12px;" width="20" height="20"> <path d="M412.773068 343.716272c0 0 2.214435-53.264111 14.430664-117.633141 12.209066-64.37824 17.755386-89.907683 15.535835-95.455025-2.222621-5.542226-31.076786-43.277666-91.00569-61.036122-59.930951-17.758456-86.570681-5.556553-93.230358 2.205225-6.659677 7.78122-24.415063 42.200124-64.371076 41.082674-39.950897-1.107217-75.471902-31.087019-75.471902-31.087019s-26.632567 57.733912-25.515117 112.096031c1.102101 54.381561 76.574003 72.145134 97.65718 93.230358 21.087271 21.085224 18.86772 64.368006 18.86772 64.368006s-89.242534 46.085618-82.126462 157.598364c9.986445 156.480914 68.254523 223.073588 89.895403 366.236172 2.489704 16.473183-21.310352 6.960529-41.614793 29.978778-24.973788 28.288277 1.665942 54.92596 1.665942 54.92596l46.605457 0c0 0-19.974937-29.959336 4.997827-53.264111 18.088984-16.878412 34.960233-14.989389 34.960233-14.989389s-41.621956-68.254523-33.296337-143.172817c8.320503-74.90806 79.908958-88.227414 123.189693-79.901795 43.285852 8.325619 91.561345 44.948725 91.561345 44.948725s-63.260789-38.294165-119.859855-28.307719c-56.601112 9.996678-84.901669 49.951669-69.920466 123.189693 14.982226 73.257467 33.29429 94.880951 33.29429 94.880951s-36.46347 3.480264-46.607504 16.660448c-16.653285 21.633716-1.667989 41.61684-1.667989 41.61684l497.758648 1.671059c0 0 91.556229-1.671059 128.185474-23.295566 95.640244-56.527434 74.424037-163.718759 1.665942-196.456371-66.592674-29.959336-108.207467 8.335852-116.533087 18.312064-8.325619 9.986445-9.988492 24.975834-9.988492 24.975834s29.16832-29.67281 63.260789-18.312064c44.953841 14.999622 64.924685 94.891184 9.986445 128.173195-66.409502 40.252773-201.434755-4.983501-274.679943-119.847575C467.157699 662.235676 412.217413 369.246739 412.217413 369.246739s-76.579119 31.640628-128.182404-1.671059c-51.613518-33.282011-43.284829-114.864074-3.329838-176.464037 39.952944-61.58973 99.881848-78.230736 99.881848-78.230736s-96.55201 54.92596-111.537306 141.496641C254.06544 340.948229 313.440735 394.781298 412.773068 343.716272z"></path></svg> 宠物狗</a> <a class="footer-lnk" href='/apps/uap.aspx'> <svg class="svg-icon-w" style="margin: -2px 2px -2px 12px;" viewBox="0 0 1024 1024" width="20" height="20"> <path d="M419.84 540.16v400.384L0 883.2v-342.528h419.84z m0-457.216v405.504H0V140.8l419.84-57.856z m604.16 457.216V1024L465.92 947.2v-406.528h558.08zM1024 0v488.448H465.92V76.8L1024 0z"></path></svg> UWP</a> <a class="footer-lnk" title="sitemap" href='/sitemap.xml'> <svg viewBox="0 0 1024 1024" class="svg-icon-w" style="margin: -2px 2px -2px 12px;" width="20" height="20"> <path d="M1024 713.142857v182.857143a54.857143 54.857143 0 0 1-54.857143 54.857143h-182.857143a54.857143 54.857143 0 0 1-54.857143-54.857143v-182.857143a54.857143 54.857143 0 0 1 54.857143-54.857143H841.142857v-109.714285h-292.571428v109.714285h54.857142a54.857143 54.857143 0 0 1 54.857143 54.857143v182.857143a54.857143 54.857143 0 0 1-54.857143 54.857143h-182.857142a54.857143 54.857143 0 0 1-54.857143-54.857143v-182.857143a54.857143 54.857143 0 0 1 54.857143-54.857143H475.428571v-109.714285H182.857143v109.714285h54.857143A54.857143 54.857143 0 0 1 292.571429 713.142857v182.857143A54.857143 54.857143 0 0 1 237.714286 950.857143h-182.857143A54.857143 54.857143 0 0 1 0 896v-182.857143A54.857143 54.857143 0 0 1 54.857143 658.285714H109.714286v-109.714285c0-40.009143 33.133714-73.142857 73.142857-73.142858h292.571428v-109.714285h-54.857142A54.857143 54.857143 0 0 1 365.714286 310.857143v-182.857143A54.857143 54.857143 0 0 1 420.571429 73.142857h182.857142A54.857143 54.857143 0 0 1 658.285714 128v182.857143a54.857143 54.857143 0 0 1-54.857143 54.857143H548.571429v109.714285h292.571428c40.009143 0 73.142857 33.133714 73.142857 73.142858v109.714285h54.857143a54.857143 54.857143 0 0 1 54.857143 54.857143z"></path></svg> sitemap </a> <a class="footer-lnk" title="RSS" href='/blog/RSS/rss.xml'> <svg viewBox="0 0 1024 1024" class="svg-icon-w" style="margin: -2px 2px -2px 12px;" width="20" height="20"> <path d="M928 0H96C43.2 0 0 43.2 0 96v832c0 52.8 43.2 96 96 96h832c52.8 0 96-43.2 96-96V96c0-52.8-43.2-96-96-96zM279.008 831.2A86.72 86.72 0 0 1 192 744.608a87.04 87.04 0 0 1 174.016 0 86.72 86.72 0 0 1-87.008 86.592z m218.4 0.8a304.192 304.192 0 0 0-89.408-216.384 303.36 303.36 0 0 0-216-89.6v-125.184c237.6 0 431.2 193.408 431.2 431.2h-125.792z m222.208 0c0-291.008-236.608-528-527.392-528V178.816c360 0 652.992 293.184 652.992 653.216h-125.6z"></path> </svg> RSS </a> <p style="margin: 0;"> <svg viewBox="0 0 1024 1024" style="margin: 3px 0px -7px 0px;" width="20" height="20"> <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="#333333" p-id="12561"></path><path d="M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372 372-166.6 372-372-166.6-372-372-372z m5.5 533c52.9 0 88.8-31.7 93-77.8 0.4-4.1 3.8-7.3 8-7.3h56.8c2.6 0 4.7 2.1 4.7 4.7 0 82.6-68.7 141.4-162.7 141.4C407.4 734 344 660.8 344 539.1v-52.3C344 364.2 407.4 290 517.3 290c94.3 0 162.7 60.7 162.7 147.4 0 2.6-2.1 4.7-4.7 4.7h-56.7c-4.2 0-7.7-3.2-8-7.4-4-49.6-40-83.4-93-83.4-65.2 0-102.1 48.5-102.2 135.5v52.6c0 85.7 36.8 133.6 102.1 133.6z" fill="#E6E6E6" p-id="12562"></path><path d="M517.6 351.3c53 0 89 33.8 93 83.4 0.3 4.2 3.8 7.4 8 7.4h56.7c2.6 0 4.7-2.1 4.7-4.7 0-86.7-68.4-147.4-162.7-147.4C407.4 290 344 364.2 344 486.8v52.3C344 660.8 407.4 734 517.3 734c94 0 162.7-58.8 162.7-141.4 0-2.6-2.1-4.7-4.7-4.7h-56.8c-4.2 0-7.6 3.2-8 7.3-4.2 46.1-40.1 77.8-93 77.8-65.3 0-102.1-47.9-102.1-133.6v-52.6c0.1-87 37-135.5 102.2-135.5z" fill="#333333"></path></svg> Copyright [songshizhao.com] All rights reserved.2017~2019 京ICP备17009470号 </p> </div> </footer> </div> <!-- 通用弹窗Modal --> <div class="modal fade" id="globalAlertModal" tabindex="-1" role="dialog" aria-labelledby="globalAlertModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="globalAlertModalLabel">提示</h4> </div> <div class="modal-body" id="globalAlertModalBody"> <!-- 内容 --> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button> </div> </div> </div> </div> <!-- 通用确认弹窗Modal --> <div class="modal fade" id="globalConfirmModal" tabindex="-1" role="dialog" aria-labelledby="globalConfirmModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="globalConfirmModalLabel">确认操作</h4> </div> <div class="modal-body" id="globalConfirmModalBody"> <!-- 内容 --> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" id="globalConfirmCancelBtn" data-dismiss="modal">取消</button> <button type="button" class="btn btn-primary" id="globalConfirmOkBtn">确定</button> </div> </div> </div> </div> <script type="text/javascript"> function showAlert(msg, title) { // 设置标题 $('#globalAlertModalLabel').text(title || "提示"); // 设置内容 $('#globalAlertModalBody').html(msg); // 显示Modal $('#globalAlertModal').modal('show'); } function showConfirm(msg, title, callback) { $('#globalConfirmModalLabel').text(title || "确认操作"); $('#globalConfirmModalBody').html(msg); $('#globalConfirmModal').modal('show'); // 解绑旧事件，绑定新事件 $('#globalConfirmOkBtn').off('click').on('click', function () { $('#globalConfirmModal').modal('hide'); if (typeof callback === "function") callback(true); }); $('#globalConfirmCancelBtn').off('click').on('click', function () { if (typeof callback === "function") callback(false); }); } </script> </body> </html>