修复文章前后端相关问题

app/admin/view/articles/add.php

@@ -39,7 +39,21 @@
             <label class="layui-form-label">作者</label>
             <div class="layui-input-block">
                 <input type="text" name="author" required lay-verify="required" placeholder="请输入作者" autocomplete="off"
-                    class="layui-input">
+                    class="layui-input" value="{$aUser['name']}">
+            </div>
+        </div>
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">是否转载</label>
+            <div class="layui-input-block">
+                <input type="checkbox" name="is_trans" lay-skin="switch" lay-text="是|否" lay-filter="isTrans">
+            </div>
+        </div>
+
+        <div class="layui-form-item" id="transUrlItem" style="display: none;">
+            <label class="layui-form-label">转载地址</label>
+            <div class="layui-input-block">
+                <input type="text" name="transurl" placeholder="请输入转载地址" autocomplete="off" class="layui-input">
             </div>
         </div>
 
@@ -92,6 +106,11 @@
         var upload = layui.upload;
         var element = layui.element;
 
+        // 监听转载开关
+        form.on('switch(isTrans)', function(data){
+            $('#transUrlItem')[data.elem.checked ? 'show' : 'hide']();
+        });
+
         // 图片上传
         var uploadInst = upload.render({
             elem: '#upload-btn',

app/admin/view/articles/edit.php

@@ -46,6 +46,21 @@
             </div>
         </div>
 
+        <div class="layui-form-item">
+            <label class="layui-form-label">是否转载</label>
+            <div class="layui-input-block">
+                <input type="checkbox" name="is_trans" lay-skin="switch" lay-text="是|否" lay-filter="isTrans" {if $info.is_trans eq '是'}checked{/if}>
+            </div>
+        </div>
+
+        <div class="layui-form-item" id="transUrlItem" style="display: none;">
+            <label class="layui-form-label">转载地址</label>
+            <div class="layui-input-block">
+                <input type="text" name="transurl" placeholder="请输入转载地址" autocomplete="off" class="layui-input"
+                    value="{$info.transurl}">
+            </div>
+        </div>
+
         <div class="layui-form-item">
             <label class="layui-form-label">封面</label>
             <div class="layui-input-block">
@@ -95,6 +110,19 @@
         var upload = layui.upload;
         var element = layui.element;
 
+        // 页面加载时检查转载状态
+        var isTrans = '{$info.is_trans|default="否"}';
+        if(isTrans === '是') {
+            $('#transUrlItem').show();
+        } else {
+            $('#transUrlItem').hide();
+        }
+
+        // 监听转载开关
+        form.on('switch(isTrans)', function (data) {
+            $('#transUrlItem')[data.elem.checked ? 'show' : 'hide']();
+        });
+
         // 图片上传
         var uploadInst = upload.render({
             elem: '#upload-btn',
@@ -202,7 +230,7 @@
 <script>
     const { createEditor, createToolbar } = window.wangEditor
 
-    const editorConfig = { 
+    const editorConfig = {
         MENU_CONF: {},
         placeholder: '请输入内容...',
         onChange(editor) {

app/index/view/articles/detail.php

@@ -14,6 +14,7 @@
     <div class="article-detail-container">
         <div class="article-header">
             <h1 class="article-title" id="articleTitle"></h1>
+            <div class="trans" id="transDiv" style="display: none;">转载至：<span id="transUrl"></span></div>
             <div class="article-meta">
                 <span class="article-author"><i class="fa fa-user"></i> <span id="articleAuthor"></span></span>
                 <span class="article-date"><i class="fa fa-calendar"></i> <span id="articleDate"></span></span>
@@ -532,6 +533,22 @@
         } else {
             relatedArticles.innerHTML = '<div class="no-related">暂无相关文章</div>';
         }
+
+        // 处理转载信息
+        if (data.article.is_trans === 1 && data.article.transurl) {
+            const transDiv = document.getElementById('transDiv');
+            const transUrlSpan = document.getElementById('transUrl');
+            
+            transUrlSpan.textContent = data.article.transurl;
+            transDiv.style.display = 'block';
+            
+            // 添加点击事件，在新窗口打开原文章
+            transUrlSpan.style.cursor = 'pointer';
+            transUrlSpan.style.color = '#007bff';
+            transUrlSpan.addEventListener('click', function() {
+                window.open(data.article.transurl, '_blank');
+            });
+        }
     }
 
     // 页面加载完成后执行
@@ -549,13 +566,8 @@
                 'X-Requested-With': 'XMLHttpRequest'
             }
         })
-            .then(response => {
-                // console.log('Response status:', response.status);
-                // console.log('Response headers:', response.headers);
-                return response.json();
-            })
+            .then(response => response.json())
             .then(result => {
-                // console.log('API response:', result);
                 if (result.code === 1) {
                     renderArticleDetail(result.data);
                     // 更新访问次数
@@ -567,28 +579,13 @@
             })
             .catch(error => {
                 console.error('获取文章详情失败:', error);
-                console.error('Error details:', {
-                    message: error.message,
-                    stack: error.stack
-                });
                 alert('获取文章详情失败，请检查网络连接或刷新页面重试');
             });
 
         // 点赞功能
         const likeBtn = document.getElementById('likeBtn');
         if (likeBtn) {
-            // 检查是否已经点赞
-            if (likeBtn.classList.contains('liked')) {
-                likeBtn.style.pointerEvents = 'none'; // 禁用点击
-                likeBtn.style.cursor = 'default'; // 改变鼠标样式
-                return;
-            }
-
             likeBtn.addEventListener('click', function () {
-                // 立即禁用按钮，防止重复点击
-                likeBtn.style.pointerEvents = 'none';
-                likeBtn.style.cursor = 'default';
-
                 fetch('/index/articles/like?id=' + articleId, {
                     method: 'POST',
                     headers: {
@@ -598,26 +595,19 @@
                     .then(response => response.json())
                     .then(data => {
                         if (data.code === 1) {
-                            const countElement = document.getElementById('articlesLikes');
+                            const countElement = document.getElementById('articleLikes');
                             if (countElement) {
                                 let count = parseInt(countElement.textContent) || 0;
                                 countElement.textContent = count + 1;
                             }
-                            // 添加点赞状态
                             likeBtn.classList.add('liked');
                             likeBtn.querySelector('i').style.color = '#f57005';
                             layer.msg('点赞成功', { icon: 1 });
                         } else {
-                            // 如果请求失败，恢复按钮状态
-                            likeBtn.style.pointerEvents = 'auto';
-                            likeBtn.style.cursor = 'pointer';
                             layer.msg('点赞失败：' + data.msg, { icon: 2 });
                         }
                     })
                     .catch(error => {
-                        // 如果请求失败，恢复按钮状态
-                        likeBtn.style.pointerEvents = 'auto';
-                        likeBtn.style.cursor = 'pointer';
                         console.error('点赞请求失败:', error);
                         layer.msg('点赞失败，请稍后重试', { icon: 2 });
                     });
@@ -626,8 +616,6 @@
 
         // 返回顶部功能
         const goToTop = document.getElementById('goToTop');
-
-        // 监听滚动事件
         window.addEventListener('scroll', function () {
             if (window.pageYOffset > 300) {
                 goToTop.classList.add('show');
@@ -636,13 +624,27 @@
             }
         });
 
-        // 点击返回顶部
         goToTop.addEventListener('click', function () {
             window.scrollTo({
                 top: 0,
                 behavior: 'smooth'
             });
         });
+
+        // 分享功能
+        const shareBtn = document.getElementById('shareBtn');
+        if (shareBtn) {
+            shareBtn.addEventListener('click', function () {
+                const currentUrl = window.location.href;
+                const tempInput = document.createElement('input');
+                tempInput.value = currentUrl;
+                document.body.appendChild(tempInput);
+                tempInput.select();
+                document.execCommand('copy');
+                document.body.removeChild(tempInput);
+                layer.msg('链接已复制到剪贴板', { icon: 1 });
+            });
+        }
     });
 
     // 更新文章访问次数
@@ -659,7 +661,6 @@
             .then(response => response.json())
             .then(result => {
                 if (result.code === 1) {
-                    // 更新成功，更新页面上的访问次数显示
                     const viewsElement = document.getElementById('articleViews');
                     if (viewsElement) {
                         viewsElement.textContent = result.data.views;
@@ -670,29 +671,5 @@
                 console.error('更新访问次数失败:', error);
             });
     }
-
-    // 分享功能
-    const shareBtn = document.getElementById('shareBtn');
-    if (shareBtn) {
-        shareBtn.addEventListener('click', function () {
-            // 获取当前页面URL
-            const currentUrl = window.location.href;
-
-            // 创建临时输入框
-            const tempInput = document.createElement('input');
-            tempInput.value = currentUrl;
-            document.body.appendChild(tempInput);
-
-            // 选择并复制文本
-            tempInput.select();
-            document.execCommand('copy');
-
-            // 移除临时输入框
-            document.body.removeChild(tempInput);
-
-            // 提示用户复制成功
-            alert('链接已复制到剪贴板');
-        });
-    }
 </script>
 {include file="component/foot" /}