国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

254 lines
10.0KB

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