{"id":6267,"date":"2022-04-06T13:51:30","date_gmt":"2022-04-06T05:51:30","guid":{"rendered":"https:\/\/egonlin.com\/?p=6267"},"modified":"2022-04-16T19:58:53","modified_gmt":"2022-04-16T11:58:53","slug":"%e7%ac%ac%e4%b8%83%e8%8a%82%ef%bc%9a%e6%96%87%e7%ab%a0%e8%af%a6%e6%83%85%e9%a1%b5%e9%9d%a2","status":"publish","type":"post","link":"https:\/\/egonlin.com\/?p=6267","title":{"rendered":"\u7b2c\u4e03\u8282\uff1a\u6587\u7ae0\u8be6\u60c5\u9875\u9762"},"content":{"rendered":"

\u6587\u7ae0\u8be6\u60c5\u9875\u9762<\/h1>\n

\"\"<\/div><\/p>\n

\u672c\u529f\u80fd\u9700\u6c42\uff1a<\/p>\n

-\u6587\u7ae0\u8be6\u60c5\u9875\u5c55\u793a<\/p>\n

-\u70b9\u8d5e\u70b9\u8e29\u529f\u80fd\uff08\u540c\u4e00\u7528\u6237\u53ea\u80fd\u70b9\u4e00\u6b21\uff09<\/p>\n

-\u8bc4\u8bba\u529f\u80fd\uff08\u5305\u542b\u5b50\u8bc4\u8bba\uff09<\/p>\n

\u62d3\u5c55\u529f\u80fd:<\/p>\n

-\u5f15\u5165md\u7f16\u8f91\u5668<\/p>\n

\u4e00\u3001\u6dfb\u52a0\u8def\u7531<\/h2>\n

\u6587\u7ae0\u8be6\u60c5 urls.py<\/p>\n

re_path('^(?P<name>\\w+)\/article\/(?P<id>\\d+).html$', views.article_detail)<\/code><\/pre>\n
\u70b9\u8d5e\u70b9\u8e29\u529f\u80fdurls.py<\/p>\n
path('upanddown\/', views.upanddown, name='upanddown')<\/code><\/pre>\n
\u8bc4\u8bba\u529f\u80fd urls.py<\/p>\n
path('comment\/', views.comment, name='comment')<\/code><\/pre>\n
\u4e8c\u3001\u6dfb\u52a0\u89c6\u56fe\u51fd\u6570<\/h2>\n
\u6587\u7ae0\u8be6\u60c5\u5c55\u793a\u529f\u80fd\u89c6\u56fe\u51fd\u6570article_detail<\/p>\n
def article_detail(request, name, id):\n    user = models.UserInfo.objects.get(username=name)\n    article = models.Article.objects.get(id=id)\n    md = markdown.Markdown(extensions=[\n        'markdown.extensions.extra',\n        'markdown.extensions.codehilite',\n        'markdown.extensions.toc',\n    ])\n    content = md.convert(article.markdown)\n    toc = md.toc\n    # article.toc = article.markdown.toc\n    n = content.count('<div class="codehilite">', 0, len(content))\n    for i in range(n):\n        content = re.sub(r'<div class="codehilite">',\n                         '<button id="ecodecopy" class="copybtn btn btn-outline-light btn-sm" '\n                         'data-clipboard-action="copy" '\n                         'data-clipboard-target="#code{}">\u590d\u5236<\/button> '\n                         '<div class="codehilite" id="code{}">'.format(i, i), content, 1)\n    comment_list = models.Comment.objects.filter(article=article)\n    return render(request, 'article\/Article_Detail.html', locals())<\/code><\/pre>\n
\u70b9\u8d5e\u70b9\u8e29\u529f\u80fd \u89c6\u56fe\u51fd\u6570 upanddown<\/p>\n
@login_required(login_url='\/login\/')\ndef upanddown(request):\n    res = {'code': 100, 'msg': ''}\n    if request.user.is_authenticated:\n        article_id = request.POST.get('article_id')\n        user_id = request.user.id\n        is_up = json.loads(request.POST.get('is_up'))\n        article_obj = models.Article.objects.filter(pk=article_id).first()\n        clicked = models.UpAndDown.objects.filter(article_id=article_id, user_id=user_id).first()\n        if not request.user == article_obj.blog.userinfo:\n            if clicked:\n                res['code'] = 101\n                res['msg'] = '\u60a8\u5df2\u7ecf\u652f\u6301\u8fc7' if clicked.is_up else '\u60a8\u5df2\u7ecf\u53cd\u5bf9\u8fc7'\n            else:\n                with transaction.atomic():\n                    models.UpAndDown.objects.create(article_id=article_id, user_id=user_id, is_up=is_up)\n                    if is_up:\n                        models.Article.objects.filter(pk=article_id).update(up_num=F('up_num') + 1)\n                        res['msg'] = '\u70b9\u8d5e\u6210\u529f'\n                    else:\n                        models.Article.objects.filter(pk=article_id).update(down_num=F('down_num') + 1)\n                        res['msg'] = '\u70b9\u8e29\u6210\u529f'\n        else:\n            res['code'] = 103\n            res['msg'] = '\u4e0d\u80fd\u63a8\u8350\u81ea\u5df1\u7684\u5185\u5bb9' if is_up else '\u4e0d\u80fd\u53cd\u5bf9\u81ea\u5df1\u7684\u5185\u5bb9'\n    else:\n        res['code'] = 104\n        res['msg'] = '\u8bf7\u5148<a href="\/login\/">\u767b\u5f55<\/a>'\n    return JsonResponse(res)<\/code><\/pre>\n
\u8bc4\u8bba\u529f\u80fd\u89c6\u56fe\u51fd\u6570 comment<\/p>\n
@login_required(login_url='\/login\/')\ndef comment(request):\n    res = {'code': 100, 'msg': ''}\n    if request.is_ajax():\n        article_id = request.POST.get('article_id')\n        content = request.POST.get('content')\n        parent = request.POST.get('parent')\n        if request.user.is_authenticated:\n            article = models.Comment.objects.create(user=request.user, article_id=article_id, content=content,\n                                                    comment_id_id=parent)\n            models.Article.objects.filter(pk=article_id).update(comment_num=F('comment_num') + 1)\n            res['msg'] = '\u8bc4\u8bba\u6210\u529f'\n            res['username'] = article.user.username\n            res['content'] = article.content\n            if parent:\n                res['parent_name'] = article.comment_id.user.username\n        else:\n            res['code'] = 109\n            res['msg'] = '\u8bf7\u5148\u767b\u5f55'\n\n    return JsonResponse(res)<\/code><\/pre>\n
\u4e09\u3001\u6587\u7ae0\u8be6\u60c5\u529f\u80fd\u6d89\u53ca\u7684\u6a21\u578b\u5c42\u64cd\u4f5c<\/h2>\n
\u663e\u7136,\u6e32\u67d3\u6587\u7ae0\u8be6\u60c5\u9700\u8981\u64cd\u4f5c\u6587\u7ae0\u8868Article<\/p>\n
\u70b9\u8d5e\u70b9\u8e29\u8981\u64cd\u4f5c\u8868UpAndDown,\u8bc4\u8bba\u8981\u64cd\u4f5c\u8868Comment<\/p>\n
\u5c24\u5176\u9700\u8981\u6ce8\u610f\u7684\u662f,\u56e0\u4e3a\u8bc4\u8bba\u53ef\u80fd\u6d89\u53ca\u5b50\u8bc4\u8bba,\u6240\u4ee5\u8bc4\u8bba\u8868\u8fd8\u6709\u5b50\u5173\u8054\u7684\u4e00\u5bf9\u591a\u5173\u7cfb<\/p>\n
\u56db\u3001\u6587\u7ae0\u8be6\u60c5\u529f\u80fd\u524d\u7aef\u6a21\u677f<\/h2>\n
\u6587\u7ae0\u8be6\u60c5\u9875\u9762 \u5728templates\u6587\u4ef6\u5939\u4e2d\u65b0\u5efaArticle_Detail.html(\u7ee7\u627f\u524d\u9762\u63d0\u5230\u8fc7\u7684\u57fa\u7840\u6a21\u677fbase.html)<\/p>\n
{% extends 'template_base\/base.html' %}\n\n{% block title %}\n    {{ article.title }}\n{% endblock %}\n\n{% block content %}\n    <div class="row">\n        <div class="col-md-2">\n            {% load sideBar %}\n            {% left name %}\n        <\/div>\n        <div class="col-md-8">\n            <nav aria-label="breadcrumb">\n                <ol class="breadcrumb">\n                    \u5f53\u524d\u4f4d\u7f6e\uff1a\n                    <li class="breadcrumb-item"><a href="\/index\/">\u9996\u9875<\/a><\/li>\n                    <li class="breadcrumb-item"><a\n                            href="\/{{ article.blog.userinfo.username }}">{{ article.blog.title }}<\/a>\n                    <\/li>\n                    <li class="breadcrumb-item active" aria-current="page">{{ article.title }}<\/li>\n                    {% if request.user.username == article.blog.userinfo.username %}\n                        <a href="\/update_article\/{{ article.pk }}" class="ml-auto btn btn-outline-secondary btn-sm m-0">\u7f16\u8f91<\/a>\n                    {% endif %}\n                <\/ol>\n            <\/nav>\n            <div class="row mx-1">\n                <span class="alert alert-warning col-md-4"><strong>\u53d1\u5e03\u4e8e\uff1a<\/strong>{{ article.create_time }}<\/span>\n                <span class="alert alert-info col-md-4"><strong>\u5f53\u524d\u65f6\u95f4\uff1a<\/strong><span\n                        id="c_time"><\/span><\/span>\n                <span class="alert alert-success col-md-4"><strong>\u66f4\u65b0\u4e8e\uff1a<\/strong>{{ article.modify_time }}<\/span>\n            <\/div>\n            <div class="bg-white-95 radius-5 p-2">\n                <h1 class="text-center">{{ article.title }}<\/h1>\n                <hr>\n                <div class="mb-2 article-content">\n                    {{ content|safe }}\n                <\/div>\n\n                <!-- \u70b9\u8d5e\u70b9\u8e29 -->\n                {% if request.user.username %}\n                    <hr>\n                    <div class="row">\n                        <div id="div_digg" class="ml-auto mr-4">\n                            <div class="diggit action btn btn-success">\n                            <span class="diggnum" id="digg_count">\n                                <i class="fa fa-thumbs-o-up"><\/i>\n                                <span>{{ article.up_num }}<\/span>\n                            <\/span>\n                            <\/div>\n                            <div class="buryit action btn btn-danger">\n                            <span class="burynum" id="bury_count">\n                                <i class="fa fa-thumbs-o-down"><\/i>\n                                <span>{{ article.down_num }}<\/span>\n                            <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                {% endif %}\n\n                <hr>\n                <!-- \u8bc4\u8bba -->\n                <div style="width: 100%" class="mt-2">\n                    <h1 class="text-center">\u8bc4\u8bba\u533a<\/h1>\n                    <ul class="list-group">\n                        {% for comment in comment_list %}\n                            <li class="list-group-item">\n                                <div class="p-0">\n                                    <span>#{{ forloop.counter }}\u697c<\/span>\n                                    <span>{{ comment.comment_time|date:'Y-m-d H:i:s' }}<\/span>\n                                    <span class="">\u7528\u6237\uff1a<a\n                                            href="\/{{ comment.user.username }}">{{ comment.user.username }}<\/a>\n                                    <\/span>\n                                    {% if request.user.username %}\n                                        <button class="id_replay btn btn-outline-secondary btn-sm ml-auto d-block"\n                                                username="{{ comment.user.username }} " style="margin-top: -28px"\n                                                parent="{{ comment.pk }}">\u56de\u590d\n                                        <\/button>\n                                    {% endif %}\n\n                                <\/div>\n                                <hr class="my-2">\n                                <div>\n                                    {% if comment.comment_id_id %}\n                                        <p>@{{ comment.comment_id.userinfo.username }}<\/p>\n                                        <p>{{ comment.content }}<\/p>\n                                    {% else %}\n                                        {{ comment.content }}\n                                    {% endif %}\n\n                                <\/div>\n                            <\/li>\n                        {% empty %}\n                            <div class="alert alert-warning"><h2 class="text-center">\u5f53\u524d\u6682\u65e0\u8bc4\u8bba\u5185\u5bb9<\/h2><\/div>\n                        {% endfor %}\n                    <\/ul>\n\n                <\/div>\n                {% if request.user.is_authenticated %}\n                    <div class="mt-2">\n                        <p><textarea name="" class="width-b100 radius-5 p-2" id="id_text" rows="10"\n                                     placeholder="\u6765\u90fd\u6765\u4e86\uff0c\u8bf4\u4e24\u53e5\u5457\uff01" required><\/textarea><\/p>\n                        <button class="btn btn-success btn-block mb-2" id="id_comment">\u53d1\u8868\u8bc4\u8bba<\/button>\n                    <\/div>\n                {% else %}\n                    <div class="mt-2 ml-1 alert alert-warning">\n                        \u767b\u5f55\u540e\u624d\u80fd\u53d1\u8868\u8bc4\u8bba\uff0c\u7acb\u5373 <a href="\/login\/" class="btn btn-outline-primary btn-sm">\u767b\u5f55<\/a> \u6216 <a\n                            href="\/register\/" class="btn btn-outline-success btn-sm">\u6ce8\u518c<\/a>\uff0c \u8bbf\u95ee \u7f51\u7ad9\u9996\u9875\n                    <\/div>\n                {% endif %}\n            <\/div>\n        <\/div>\n        <div class="col-md-2 p-0">\n            {{ toc|safe }}\n        <\/div>\n    <\/div>\n{% endblock %}\n\n{% block js %}\n    <script src="\/static\/js\/highlight.js"><\/script>\n    <script src="\/static\/js\/highlight-lines.js"><\/script>\n    <script src="\/static\/js\/clipboard.js"><\/script>\n    <script>\n        hljs.initHighlightingOnLoad();\n        hljs.initLineNumbersOnLoad();\n    <\/script>\n    <script>\n        var clipboard = new Clipboard('.copybtn');\n        clipboard.on('success', function (e) {\n            swal({\n                title: '\u590d\u5236\u6210\u529f\uff01',\n                text: '\u5982\u9700\u8f6c\u8f7d\uff0c\u8bf7\u6ce8\u660e\u51fa\u5904',\n                type: 'success',\n                timer: 1000,\n                showConfirmButton: false,\n            })\n        });\n        clipboard.on('error', function (e) {\n            swal({\n                title: '\u590d\u5236\u5931\u8d25\uff01',\n                text: '\u5728\u8bd5\u4e00\u8bd5\u5427\uff01',\n                type: 'danger',\n                timer: 1000,\n                showConfirmButton: false,\n            })\n        });\n    <\/script>\n    <script>\n        \/\/\u9875\u9762\u52a0\u8f7d\u8c03\u7528\n        window.onload = function () {\n            \/\/\u6bcf1\u79d2\u5237\u65b0\u65f6\u95f4\n            setInterval("NowTime()", 1000);\n        }\n\n        function NowTime() {\n            var myDate = new Date();\n            var y = myDate.getFullYear();\n            var M = myDate.getMonth() + 1;     \/\/\u83b7\u53d6\u5f53\u524d\u6708\u4efd(0-11,0\u4ee3\u88681\u6708)\n            var d = myDate.getDate();        \/\/\u83b7\u53d6\u5f53\u524d\u65e5(1-31)\n            var h = myDate.getHours();       \/\/\u83b7\u53d6\u5f53\u524d\u5c0f\u65f6\u6570(0-23)\n            var m = myDate.getMinutes();     \/\/\u83b7\u53d6\u5f53\u524d\u5206\u949f\u6570(0-59)\n            var s = myDate.getSeconds();     \/\/\u83b7\u53d6\u5f53\u524d\u79d2\u6570(0-59)\n\n            \/\/\u68c0\u67e5\u662f\u5426\u5c0f\u4e8e10\n            M = check(M);\n            d = check(d);\n            h = check(h);\n            m = check(m);\n            s = check(s);\n            var timestr = y + "\u5e74" + M + "\u6708" + d + "\u65e5 " + h + ":" + m + ":" + s;\n            document.getElementById("c_time").innerHTML = timestr;\n        }\n\n        \/\/\u65f6\u95f4\u6570\u5b57\u5c0f\u4e8e10\uff0c\u5219\u5728\u4e4b\u524d\u52a0\u4e2a\u201c0\u201d\u8865\u4f4d\u3002\n        function check(i) {\n            var num = (i < 10) ? ("0" + i) : i;\n            return num;\n        }\n    <\/script>\n    <script>\n        var parent_id = ''\n        $(".action").click(function () {\n            var is_up = $(this).hasClass('diggit')\n            var span = $(this).children('span').children('span')\n            $.ajax({\n                url: '\/upanddown\/',\n                method: 'post',\n                data: {\n                    article_id: '{{ article.id }}',\n                    is_up: is_up,\n                    csrfmiddlewaretoken: '{{ csrf_token }}'\n                },\n                success: function (data) {\n                    swal({\n                        title: data.msg,\n                    })\n                    if (data.code === 100) {\n                        var num = Number(span.html()) + 1\n                        span.html(num)\n                    }\n                }\n            })\n        })\n\n        $('#id_comment').click(function () {\n            let content = $('#id_text').val()\n            if (parent_id) {\n                let i = content.indexOf('\\n') + 1\n                content = content.slice(i)\n            }\n            $.ajax({\n                url: '\/comment\/',\n                method: 'post',\n                data: {\n                    article_id: '{{ article.id }}',\n                    content: content,\n                    parent: parent_id,\n                    csrfmiddlewaretoken: '{{ csrf_token }}'\n                },\n                success: function (data) {\n                    if (data.code === 100) {\n                        let username = data.username\n                        let res_content = data.content\n                        let parent_name = data.parent_name\n                        let ss = ``\n                        if (parent_id) {\n                            ss = `<li class="list-group-item">\n                                <div>\n                                    <span>${username}<\/span>\n                                <\/div>\n                                <div>\n                                <p>@${parent_name}<\/p>\n                                    ${res_content}\n                                <\/div>\n                            <\/li>`\n                        } else {\n                            ss = `<li class="list-group-item">\n                                <div>\n                                    <span>${username}<\/span>\n\n                                <\/div>\n                                <div>\n                                    ${res_content}\n                                <\/div>\n                            <\/li>`\n                        }\n                        $('#id_text').val('')\n                        $('.list-group').append(ss)\n                        parent_id = ''\n                    }\n                }\n            })\n        })\n\n        $('.id_replay').click(function () {\n            let username = $(this).attr('username')\n            parent_id = $(this).attr('parent')\n            $('#id_text').val('@' + username + '\\n').focus()\n        })\n    <\/script>\n    <script>\n        $('body').attr('style', 'background:url(\/media\/{{ article.blog.userinfo.bg_img }}) !important;background-attachment: fixed !important;background-size: cover !important;')\n    <\/script>\n{% endblock %}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u6587\u7ae0\u8be6\u60c5\u9875\u9762 \u672c\u529f\u80fd\u9700\u6c42\uff1a -\u6587\u7ae0\u8be6\u60c5\u9875\u5c55\u793a -\u70b9\u8d5e\u70b9\u8e29\u529f\u80fd\uff08\u540c\u4e00\u7528\u6237\u53ea\u80fd\u70b9\u4e00\u6b21\uff09 -\u8bc4\u8bba\u529f\u80fd\uff08\u5305\u542b\u5b50\u8bc4\u8bba\uff09  […]<\/p>\n","protected":false},"author":3,"featured_media":6814,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,406],"tags":[],"_links":{"self":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts\/6267"}],"collection":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6267"}],"version-history":[{"count":0,"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts\/6267\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/media\/6814"}],"wp:attachment":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}