国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

251 рядки
9.7KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
  6. <title>{dede:field.title/}-{dede:global.cfg_webname/}</title>
  7. <meta name="keywords" content="{dede:field.keywords/}">
  8. <meta name="description" content="{dede:field.description function='html2text(@me)'/}">
  9. <link rel="stylesheet" href="/static/web/css/font-awesome.min.css">
  10. <link rel="stylesheet" href="/static/web/css/bootstrap.min.css">
  11. <link rel="stylesheet" href="/static/web/css/style.css">
  12. </head>
  13. <body>
  14. {dede:include filename='top.htm'/}
  15. {dede:include filename='head.htm'/}
  16. <div class="container py-3">
  17. <nav aria-label="breadcrumb">
  18. <ol class="breadcrumb mb-0">
  19. <li class="breadcrumb-item">当前位置</li>
  20. {dede:field name='position'/}
  21. </ol>
  22. </nav>
  23. </div>
  24. <main class="container py-3">
  25. <div class="row">
  26. <div class="col-md-9">
  27. <article class="article-main bg-white shadow-sm rounded p-3">
  28. <div class="title">
  29. <h1>{dede:field.title/}</h1>
  30. </div>
  31. <div class="meta py-3">
  32. <a href="{dede:field.userurl/}"><span><img src="{dede:field.face/}" class="user-img-xs mr-1">{dede:field.uname/}</span></a>
  33. <span><i class="fa fa-calendar mr-1"></i>{dede:field.pubdate function="MyDate('Y-m-d',@me)"/}</span>
  34. <span><i class="fa fa-globe mr-1"></i>{dede:field.source/}</span>
  35. <span><i class="fa fa-user mr-1"></i>{dede:field.writer/}</span>
  36. <span><i class="fa fa-eye mr-1"></i><script src="{dede:global.cfg_phpurl/}/count.php?view=yes&aid={dede:field.id/}&mid={dede:field name='mid'/}"></script>次</span>
  37. </div>
  38. <div class="alert alert-warning my-3">您会看到这个提示,因为某个栏目无法应用模板或您的模型没对应模板,不同模型的文档浏览页的模板为:article_模型名字标识.htm更多的信息,您可以在栏目修改查看</div>
  39. {dede:fieldlist}
  40. <table class="table">
  41. <tr>
  42. <td width="70%" align="center">
  43. [field:name/]文档:<br>
  44. 模板调用标记:<br>
  45. <script>document.write("{" + "dede:field.[field:tagname/] /" + "}");</script>
  46. </td>
  47. <td width="70%">[field:value/]</td>
  48. </tr>
  49. </table>
  50. {/dede:fieldlist}
  51. <div class="body py-3">{dede:field.body/}</div>
  52. <div class="edit py-3">责任编辑:{dede:adminname/}</div>
  53. <div class="page py-3 row">
  54. <div class="col-md-4 prenext">
  55. <div class="pagination-previous mb-3">{dede:prenext get='pre'/}</div>
  56. <div class="pagination-next">{dede:prenext get='next'/}</div>
  57. </div>
  58. <div class="col-md-8">
  59. <div class="row actbox">
  60. <ul>
  61. <li><i class="fa fa-star-o mr-2"></i><a href="{dede:global.cfg_phpurl/}/stow.php?aid={dede:field.id/}">收藏</a></li>
  62. <li><i class="fa fa-bug mr-2"></i><a href="javascript:ErrorAddSave({dede:field.id/}, '{dede:field.title/}');">挑错</a></li>
  63. <li><i class="fa fa-thumbs-o-up mr-2"></i><a href="{dede:global.cfg_phpurl/}/recommend.php?aid={dede:field.id/}">推荐</a></li>
  64. <li><i class="fa fa-print mr-2"></i><a href="javascript:;" onclick="window.print();">打印</a></li>
  65. </ul>
  66. </div>
  67. </div>
  68. </div>
  69. {dede:include filename='widget_article_likes.htm'/}
  70. {dede:include filename='widget_article_feedback.htm'/}
  71. </article>
  72. </div>
  73. <aside class="col-md-3">
  74. <div class="pb-3">{dede:include filename='widget_search.htm'/}</div>
  75. <div class="pb-3">{dede:include filename='widget_menu.htm'/}</div>
  76. <div class="pb-3">{dede:include filename='widget_hot.htm'/}</div>
  77. </aside>
  78. </div>
  79. </main>
  80. <script>const PHPURL = '{dede:global.cfg_phpurl/}';</script>
  81. {dede:include filename='foot.htm'/}
  82. <script>
  83. //获取顶踩数据
  84. function GetDigg(aid,cid) {
  85. let url = `{dede:global.cfg_phpurl/}/digg_ajax.php?id=${aid}&cid=${cid}&format=json`;
  86. $.get(url, function(data) {
  87. let reval = JSON.parse(data);
  88. if (reval.code === 200) {
  89. $("#goodpost").html(reval.data.goodpost);
  90. $("#badpost").html(reval.data.badpost);
  91. $("#goodper").css("width", `${reval.data.goodper}%`)
  92. $("#badper").css("width", `${reval.data.badper}%`)
  93. }
  94. })
  95. }
  96. function PostDigg(ftype, aid) {
  97. var saveid = GetCookie('diggid');
  98. if (saveid != null) {
  99. var saveids = saveid.split(',');
  100. var hasid = false;
  101. saveid = '';
  102. j = 1;
  103. for (i = saveids.length - 1; i >= 0; i--) {
  104. if (saveids[i] == aid && hasid) continue;
  105. else {
  106. if (saveids[i] == aid && !hasid) hasid = true;
  107. saveid += (saveid == '' ? saveids[i] : ',' + saveids[i]);
  108. j++;
  109. if (j == 20 && hasid) break;
  110. if (j == 19 && !hasid) break;
  111. }
  112. }
  113. if (hasid) { ShowMsg("您已经顶过该帖,请不要重复顶帖"); return; }
  114. else saveid += ',' + aid;
  115. SetCookie('diggid', saveid, 1);
  116. } else {
  117. SetCookie('diggid', aid, 1);
  118. }
  119. let url = "{dede:global.cfg_phpurl/}/digg_ajax.php?action=" + ftype + "&id=" + aid + "&format=json&cid={dede:field.channel/}";
  120. $.get(url, function(data) {
  121. let reval = JSON.parse(data);
  122. if (reval.code === 200) {
  123. $("#goodpost").html(reval.data.goodpost);
  124. $("#badpost").html(reval.data.badpost);
  125. $("#goodper").css("width", `${reval.data.goodper}%`)
  126. $("#badper").css("width", `${reval.data.badper}%`)
  127. }
  128. });
  129. }
  130. GetDigg("{dede:field.id/}", "{dede:field.channel/}");
  131. //发表评论
  132. function SendFeedback() {
  133. let feedback = {
  134. action: "send",
  135. comtype: "comments",
  136. aid: "{dede:field.id/}",
  137. msg: $("#iptMsg").val(),
  138. username: $("#iptUsername").val(),
  139. validate: $("#iptValidate").val(),
  140. notuser: $("#iptAny").is(":checked") ? "1" : "",
  141. };
  142. $.post("{dede:global.cfg_phpurl/}/feedback.php", feedback, function(data) {
  143. let result = JSON.parse(data);
  144. if (result.code === 200) {
  145. ShowAlert("#feedback-alert", result.msg, "success");
  146. $("#iptMsg").val("");
  147. $("#iptValidate").val("");
  148. ($("#iptUsername").attr("disabled") !== "disabled") && $("#iptUsername").val("");
  149. $("#validateimg").attr("src", '{dede:global.cfg_phpurl/}/vdimgck.php?' + new Date().getTime() + Math.round(Math.random() * 10000));
  150. } else {
  151. ShowAlert("#feedback-alert", `评论失败:${result.msg}`, "danger");
  152. $("#validateimg").attr("src", '{dede:global.cfg_phpurl/}/vdimgck.php?' + new Date().getTime() + Math.round(Math.random() * 10000));
  153. }
  154. });
  155. }
  156. //进行回复,回复必须登录
  157. function SendReplyFeedback(fid) {
  158. let content = $(`._feedback_reply[for="${fid}"]`).find(".iptReplyContent").val();
  159. let reply = {
  160. action : "send",
  161. comtype : "reply",
  162. fid : fid,
  163. aid : "{dede:field.id/}",
  164. msg : content,
  165. }
  166. $.post("{dede:global.cfg_phpurl/}/feedback.php", reply, function(data) {
  167. let result = JSON.parse(data);
  168. if (result.code === 200) {
  169. ShowAlert(`._feedback_reply[for="${fid}"]`, result.msg, "success");
  170. } else {
  171. ShowAlert(`._feedback_reply[for="${fid}"]`, `评论失败:${result.msg}`, "danger");
  172. }
  173. })
  174. $(`._feedback_reply[for="${fid}"]`).find(".btn-send").attr("disabled", "disabled");
  175. }
  176. //回复某个评论
  177. function ReplyFeedback(fid) {
  178. let replyPannel = `<div class="form-group">
  179. <div class="input-group">
  180. <input type="text" class="form-control iptReplyContent">
  181. <button type="button" class="btn btn-success btn-send" onclick='SendReplyFeedback(${fid})'>评论</button>
  182. </div>
  183. </div>`;
  184. $.get("{dede:global.cfg_memberurl/}/api.php?format=json", function(result) {
  185. if (result.code !== 200) {
  186. $(`._feedback_reply`).html("");
  187. ShowAlert(`._feedback_reply[for="${fid}"]`, '回复需要登录会员中心,您可以<a href="{dede:global.cfg_memberurl/}/login.php">点击登录</a>后再来回复', 'warning', 3000);
  188. } else {
  189. $(`._feedback_reply`).html("");
  190. $(`._feedback_reply[for="${fid}"]`).html(replyPannel);
  191. }
  192. });
  193. $(`._feedback_reply[for="${fid}"]`).html('<i class="fa fa-spinner"></i>');
  194. }
  195. //加载回复评论
  196. function LoadReplyFeedbacks(fid) {
  197. $(`.feedback_replies[for="${fid}"]`).html('<i class="fa fa-spinner"></i>');
  198. $.get("{dede:global.cfg_phpurl/}/feedback.php", {
  199. "aid" : "{dede:field.id/}",
  200. "fid" : fid,
  201. }, function(data) {
  202. let result = JSON.parse(data);
  203. let tpl = `<div class="media py-3">
  204. <img src="~face~" class="face mr-3">
  205. <div class="media-body">
  206. <div class="feedback-infos pb-3">
  207. <div class="feedback-basic">
  208. <span>~username~</span>
  209. <span>~dtimestr~</span>
  210. </div>
  211. <div class="feedback-action">
  212. <a href="javascript:GoodFeedback(~id~, ~good~)">
  213. <i class="fa fa-thumbs-up"></i>
  214. <i id="feedbackGood~id~">~good~</i>
  215. </a>
  216. </div>
  217. </div>
  218. <div class="feedback-content">~msg~</div>
  219. </div>
  220. </div>`;
  221. if (result.code === 200) {
  222. $(`.feedback_replies[for="${fid}"]`).html("");
  223. for (let i = 0; i < result.data.length; i++) {
  224. const feedback = result.data[i];
  225. let rs = tpl;
  226. for (const key in feedback) {
  227. if (feedback.hasOwnProperty(key)) {
  228. rs = rs.replace(new RegExp(`~${key}~`,"gm"), feedback[key])
  229. }
  230. }
  231. $(`.feedback_replies[for="${fid}"]`).append(rs);
  232. }
  233. }
  234. })
  235. }
  236. //赞
  237. function GoodFeedback(fid, g) {
  238. let good = {
  239. action : "send",
  240. feedbacktype : "good",
  241. good : g,
  242. fid : fid,
  243. }
  244. $.post("{dede:global.cfg_phpurl/}/feedback.php", good, function(data) {
  245. let result = JSON.parse(data);
  246. $(`#feedbackGood${fid}`).html(result.data);
  247. })
  248. }
  249. </script>
  250. </body>
  251. </html>