{"id":695,"date":"2024-10-18T18:59:08","date_gmt":"2024-10-18T10:59:08","guid":{"rendered":"https:\/\/abytelalala.cn\/?p=695"},"modified":"2024-10-21T12:43:53","modified_gmt":"2024-10-21T04:43:53","slug":"django%e9%a1%b9%e7%9b%ae-%e8%b5%84%e4%ba%a7%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f%ef%bc%88%e4%ba%8c%ef%bc%89","status":"publish","type":"post","link":"https:\/\/abytelalala.cn\/index.php\/2024\/10\/18\/django%e9%a1%b9%e7%9b%ae-%e8%b5%84%e4%ba%a7%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f%ef%bc%88%e4%ba%8c%ef%bc%89\/","title":{"rendered":"Django\u9879\u76ee-\u8d44\u4ea7\u7ba1\u7406\u7cfb\u7edf\uff08\u4e8c\uff09"},"content":{"rendered":"\n

1.\u90e8\u95e8\u5217\u8868\u521b\u5efa<\/h2>\n\n\n\n

\u7b2c\u4e00\u6b65\u6dfb\u52a0\u5e93\u8868\u5185\u5bb9<\/p>\n\n\n\n

\"\"<\/div><\/figure>\n\n\n\n

\u7b2c\u4e8c\u6b65\u628a\u8868\u91cc\u5bf9\u8c61\u4f20\u53c2<\/p>\n\n\n\n

\"\"<\/div><\/figure>\n\n\n\n

\u7b2c\u4e09\u6b65\u5728html\u91cc\u65b0\u5efa\u8868\u683c<\/p>\n\n\n\n

\"\"<\/div><\/figure>\n\n\n\n

\u8fd9\u6837\u5c31\u80fd\u770b\u89c1\u521b\u5efa\u597d\u7684\u9875\u9762\u4e86<\/p>\n\n\n\n

\"\"<\/div><\/figure>\n\n\n\n

\u5982\u679c\u60f3\u8981\u90e8\u95e8\u5217\u8868\u6392\u5e8f\uff0c\u53ef\u4ee5\u5728\u6700\u540e\u52a0\u4e00\u4e2aorderby()\u51fd\u6570\uff0c\u91cc\u9762\u662f\u8981\u6392\u5e8f\u6240\u6309\u7167\u7684\u5b57\u6bb5\uff0c\u6bd4\u5982”id”\uff0c\u4f46\u662f\u4e00\u822c\u662f\u4ece\u5c0f\u5230\u5927\uff0c\u5047\u5982\u8981\u5199\u4ece\u5927\u5230\u5c0f\u5c31\u5199”-id”\uff0c\u8fd9\u6837\u7684\u597d\u5904\u662f\u5047\u5982\u8981\u5728\u5f00\u5934\u5c55\u793a\u65b0\u589e\u6570\u636e\u5c31\u53ef\u4ee5\u76f4\u63a5\u5c55\u793a<\/p>\n\n\n\n

\"\"<\/div><\/figure>\n\n\n\n
\"\"<\/div><\/figure>\n\n\n\n

\u7f16\u8f91\uff0c\u5220\u9664\uff0c\u6dfb\u52a0html\u6837\u5f0f\u5b9e\u73b0\uff0c\u529f\u80fd\u968f\u540e\u518d\u8bf4<\/p>\n\n\n\n

\"\"<\/div><\/figure>\n\n\n\n
\"\"<\/div><\/figure>\n\n\n\n
\"\"<\/div><\/figure>\n\n\n\n

2.\u6a21\u677f\u7ee7\u627f<\/h2>\n\n\n\n

\u7531\u4e8ehtml\u6709\u7684\u65f6\u5019\u4f1a\u6709\u5f88\u591a\u5730\u65b9\u91cd\u590d\uff0c\u884d\u751f\u51fa\u4e00\u4e2a\u6a21\u677f\u7ee7\u627f\u7684\u6982\u5ff5\uff0c\u6240\u4ee5\u6211\u4eec\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u6a21\u677f\u6587\u4ef6\u53eb\u505alayout.html\u4f5c\u4e3a\u7ba1\u7406\u7684\u6a21\u677f\u9875\u9762<\/p>\n\n\n\n

\u521b\u5efa\u6a21\u677flayout.html<\/p>\n\n\n\n

{% load static %}
<!DOCTYPE html>
<html lang=\"en\">
<head>
    <meta charset=\"UTF-8\">
    <title>Title<\/title>
    <link rel=\"stylesheet\" href=\"{% static 'plugins\/bootstrap\/css\/bootstrap.css' %}\">
<\/head>
<body>
<!-- Navbar -->
<nav class=\"navbar navbar-expand-lg navbar-light bg-light\" style=\"border-radius: 0;\">
    <div class=\"container\">
        <!-- Brand -->
        <a class=\"navbar-brand\" href=\"#\">\u8054\u901a\u8d44\u4ea7\u7ba1\u7406\u5e73\u53f0<\/a>
        <!-- Toggler\/collapsibe Button -->
        <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarNav\"
                aria-controls=\"navbarNav\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">
            <span class=\"navbar-toggler-icon\"><\/span>
        <\/button>
        <!-- Navbar links -->
        <div class=\"collapse navbar-collapse\" id=\"navbarNav\">
            <ul class=\"navbar-nav mr-auto\">
                <li class=\"nav-item active\">
                    <a class=\"nav-link\" href=\"#\">Home <span class=\"sr-only\">(current)<\/span><\/a>
                <\/li>
                <li class=\"nav-item\">
                    <a class=\"nav-link\" href=\"#\">Link 1<\/a>
                <\/li>
                <li class=\"nav-item\">
                    <a class=\"nav-link\" href=\"#\">Link 2<\/a>
                <\/li>
                <!-- Dropdown -->
                <li class=\"nav-item dropdown\">
                    <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"navbarDropdown\" role=\"button\" data-toggle=\"dropdown\"
                       aria-haspopup=\"true\" aria-expanded=\"false\">
                        Dropdown
                    <\/a>
                    <div class=\"dropdown-menu\" aria-labelledby=\"navbarDropdown\">
                        <a class=\"dropdown-item\" href=\"#\">Action<\/a>
                        <a class=\"dropdown-item\" href=\"#\">Another action<\/a>
                        <div class=\"dropdown-divider\"><\/div>
                        <a class=\"dropdown-item\" href=\"#\">Something else here<\/a>
                    <\/div>
                <\/li>
            <\/ul>

            <!-- Right-aligned links -->
            <ul class=\"navbar-nav ml-auto\">
                <li class=\"nav-item dropdown\">
                    <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"navbarDropdown2\" role=\"button\" data-toggle=\"dropdown\"
                       aria-haspopup=\"true\" aria-expanded=\"false\">
                        {{ request.unicom_username }}
                    <\/a>
                    <div class=\"dropdown-menu\" aria-labelledby=\"navbarDropdown2\">
                        <a class=\"dropdown-item\" href=\"#\">Action<\/a>
                        <a class=\"dropdown-item\" href=\"#\">Another action<\/a>
                        <div class=\"dropdown-divider\"><\/div>
                        <a class=\"dropdown-item\" href=\"\/logout\/\">\u6ce8\u9500<\/a>
                    <\/div>
                <\/li>
            <\/ul>
        <\/div>
    <\/div>
    {% block content %}{% endblock %}
<\/nav>

<!-- Scripts -->
<script src=\"{% static 'js\/jquery-3.7.1.min.js' %}\"><\/script>
<script src=\"{% static 'plugins\/bootstrap\/js\/bootstrap.js' %}\"><\/script>

<\/body>
<\/html><\/code><\/pre>\n\n\n\n
\u8ba9\u90e8\u95e8\u5217\u8868\u4e3b\u9875\u9762\u7ee7\u627f\u81ealayout.html\uff0cdepart_lists.html\u5185\u5bb9\u5982\u4e0b\uff1a<\/p>\n\n\n\n
{% extends \"layout.html\" %}
{% block content %}
    <table class=\"table table-bordered\">
        <div>
            <a class=\"btn btn-success\">\u6dfb\u52a0<\/a>
        <\/div>

        <thead>
        <tr>
            <th>ID<\/th>
            <th>\u6807\u9898<\/th>
            <th>\u64cd\u4f5c<\/th>
        <\/tr>
        <\/thead>
        <tbody>
        {% for foo in  queryset %}
            <tr>
                <td>{{ foo.id }}<\/td>
                <td>{{ foo.title }}<\/td>
                <td>
                    <a class=\"btn btn-primary btn-xs\">\u7f16\u8f91<\/a>
                    <a class=\"btn btn-danger btn-xs\">\u5220\u9664<\/a>
                <\/td>
            <\/tr>
        {% endfor %}
        <\/tbody>
    <\/table>
<\/nav>

{% endblock %}<\/code><\/pre>\n\n\n\n
js\u548ccss\u540c\u7406\u4e5f\u4f1a\u7ee7\u627f\uff0c\u800c\u4e14\u5047\u5982\u6211\u4eec\u4ecedepart_lists.html\u6e32\u67d3\u5230layout.html\u6a21\u677f\u6587\u4ef6\u7684\u65f6\u5019\uff0cjs\u548ccss\u6211\u4eec\u4f1a\u5e0c\u671b\u7528\u6211\u4eecdepart_lists.html\u7684js\u548ccss\uff0c\u90a3\u4e48\u5c31\u53ef\u4ee5\u5728\u5bf9\u5e94\u4f4d\u7f6e\u7528{%  block css %} {%  block js %}<\/p>\n\n\n\n
3.\u589e\u52a0\u5220\u9664\u7f16\u8f91\u529f\u80fd\u5b9e\u73b0<\/h2>\n\n\n\n
\u9996\u5148\u5b9e\u73b0\u6dfb\u52a0\u529f\u80fd<\/p>\n\n\n\n
\u5728depart_lists.html\u4e2d\uff0c\u5728a\u6807\u7b7e\u91cc\u52a0url\u548c\u8bf7\u6c42\u65b9\u6cd5<\/p>\n\n\n\n
\"\"<\/div><\/figure>\n\n\n\n
\u5728urls.py\u4e2d\u4e5f\u52a0\u5165<\/p>\n\n\n\n
\"\"<\/div><\/figure>\n\n\n\n
\u5728views.py\u4e2d\u52a0\u5165<\/p>\n\n\n\n
\"\"<\/div><\/figure>\n\n\n\n
\u5728depart_add.html\u4e2d\u5199<\/p>\n\n\n\n
{% extends \"layout.html\" %}\n{% block content %}\n    <div class=\"panel panel-default\">\n        <div class=\"panel-heading\">\u65b0\u5efa\u90e8\u95e8<\/div>\n        <div class=\"panel-body\">\n            <form class=\"form-inline\" method=\"post\" action=\"\/depart\/add\/\">\n                {% csrf_token %}\n                <div class=\"form-group\">\n                    <label class=\"sr-only\" for=\"title\">\u6807\u9898<\/label>\n                    <input type=\"text\" class=\"form-control\" id=\"title\" placeholder=\"\u8bf7\u8f93\u5165\u6807\u9898\" name=\"title\">\n                <\/div>\n                <button type=\"submit\" class=\"btn btn-default\">\u4fdd \u5b58<\/button>\n            <\/form>\n\n        <\/div>\n    <\/div>\n{% endblock %}<\/code><\/pre>\n\n\n\n
\u8fd9\u6837\u5c31\u6210\u529f\u5b9e\u73b0\u4e86\u6dfb\u52a0\u529f\u80fd<\/p>\n\n\n\n
\u7f16\u8f91\u529f\u80fd\u548c\u5220\u9664\u529f\u80fd\u7684\u5b9e\u73b0\uff1a<\/p>\n\n\n\n
\"\"<\/div><\/figure>\n\n\n\n
\"\"<\/div><\/figure>\n\n\n\n
depart_edit.html<\/p>\n\n\n\n
{% extends \"layout.html\" %}\n{% block content %}\n    <div class=\"panel panel-default\">\n        <div class=\"panel-heading\">\u7f16\u8f91\u90e8\u95e8<\/div>\n        <div class=\"panel-body\">\n            <form class=\"form-inline\" method=\"post\" action=\"\/depart\/edit\/?id={{ id }}\">\n                {% csrf_token %}\n                <div class=\"form-group\">\n                    <label class=\"sr-only\" for=\"title\">\u6807\u9898<\/label>\n                    <input type=\"text\" value=\"{{ title }}\" class=\"form-control\" id=\"title\" placeholder=\"\u8bf7\u8f93\u5165\u6807\u9898\" name=\"title\">\n                <\/div>\n                <button type=\"submit\" class=\"btn btn-default\">\u4fdd \u5b58<\/button>\n            <\/form>\n\n        <\/div>\n    <\/div>\n{% endblock %}<\/code><\/pre>\n\n\n\n
depart_lists.html\u4fee\u6539\u5982\u4e0b\uff1a<\/p>\n\n\n\n
\"\"<\/div><\/figure>\n\n\n\n
4.\u8d44\u4ea7\u7ba1\u7406\uff08\u7ba1\u7406\u9875\u9762\u6dfb\u52a0\u7684\u6cdb\u5316\uff09<\/h2>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
1.\u90e8\u95e8\u5217\u8868\u521b\u5efa \u7b2c\u4e00\u6b65\u6dfb\u52a0\u5e93\u8868\u5185\u5bb9 \u7b2c\u4e8c\u6b65\u628a\u8868\u91cc\u5bf9\u8c61\u4f20\u53c2 \u7b2c\u4e09\u6b65\u5728html\u91cc\u65b0\u5efa\u8868\u683c \u8fd9\u6837\u5c31\u80fd\u770b\u89c1\u521b\u5efa\u597d\u7684\u9875 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[23],"class_list":["post-695","post","type-post","status-publish","format-standard","hentry","category-22","tag-django"],"_links":{"self":[{"href":"https:\/\/abytelalala.cn\/index.php\/wp-json\/wp\/v2\/posts\/695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abytelalala.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/abytelalala.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/abytelalala.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abytelalala.cn\/index.php\/wp-json\/wp\/v2\/comments?post=695"}],"version-history":[{"count":18,"href":"https:\/\/abytelalala.cn\/index.php\/wp-json\/wp\/v2\/posts\/695\/revisions"}],"predecessor-version":[{"id":733,"href":"https:\/\/abytelalala.cn\/index.php\/wp-json\/wp\/v2\/posts\/695\/revisions\/733"}],"wp:attachment":[{"href":"https:\/\/abytelalala.cn\/index.php\/wp-json\/wp\/v2\/media?parent=695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/abytelalala.cn\/index.php\/wp-json\/wp\/v2\/categories?post=695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/abytelalala.cn\/index.php\/wp-json\/wp\/v2\/tags?post=695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}