{"id":49612,"date":"2023-12-06T06:41:39","date_gmt":"2023-04-15T04:03:06","guid":{"rendered":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91\/"},"modified":"2024-05-04T12:19:39","modified_gmt":"2024-05-04T04:19:39","slug":"%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91\/","title":{"rendered":"\u4f7f\u7528Python3.4\u548cDjango\u6765\u6784\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c\u4e8c\u90e8\u5206\uff1a\u5e94\u7528\u5f00\u53d1\u7bc7\uff09"},"content":{"rendered":"<h1>\u603b\u7ed3<\/h1>\n<p>\u7ee7\u4e0a\u6b21\u73af\u5883\u642d\u5efa\u4e4b\u540e\uff0c\u672c\u6b21\u6211\u4eec\u5c06\u4f7f\u7528Django\u521b\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\u3002<\/p>\n<p>\u5982\u679c\u60a8\u60f3\u4e86\u89e3\u73af\u5883\u642d\u5efa\uff0c\u8bf7\u53c2\u8003\u4e0a\u4e00\u7bc7\u6587\u7ae0\u3002<br \/>\nPython3.4 + Django\u6784\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c1\u90e8\u5206\uff1a\u73af\u5883\u642d\u5efa\uff09<\/p>\n<h1>\u7528Django\u5236\u4f5cWeb\u5e94\u7528<\/h1>\n<p>Django\u4e2d\u5b58\u5728\u7740&#8221;\u9879\u76ee&#8221;\u8868\u793a\u6574\u4e2a\u670d\u52a1\u7684\u5355\u4f4d\uff0c\u4ee5\u53ca&#8221;\u5e94\u7528&#8221;\u8868\u793a\u670d\u52a1\u7684\u4e00\u4e2a\u529f\u80fd\u7684\u5355\u4f4d\u3002<br \/>\n\u9879\u76ee\u548c\u5e94\u7528\u7684\u8303\u56f4\u5e76\u6ca1\u6709\u4e25\u683c\u5b9a\u4e49\uff0c\u4f46\u662f\u6a21\u578b\u662f\u6839\u636e\u6bcf\u4e2a\u5e94\u7528\u6765\u5b9a\u4e49\u7684\uff0c<br \/>\n\u5b9e\u9645\u7684\u6570\u636e\u5e93\u5c06\u5728\u6574\u4e2a\u9879\u76ee\u4e2d\u5171\u4eab\u3002<\/p>\n<p>\u5728\u8fd9\u91cc\u6211\u4eec\u5c06\u4f7f\u7528&#8221;pj1&#8243;\u4f5c\u4e3a\u9879\u76ee\u540d\u79f0\uff0c\u5e76\u4e14\u7528&#8221;app1&#8243;\u4f5c\u4e3a\u5e94\u7528\u7a0b\u5e8f\u540d\u79f0\u6765\u521b\u5efa\u3002<br \/>\n\u4f5c\u4e3a\u4e00\u4e2aWeb\u5e94\u7528\u7a0b\u5e8f\u7684\u4f8b\u5b50\uff0c\u6211\u4eec\u5c06\u521b\u5efa\u4e00\u4e2a\u7528\u6765\u7ba1\u7406IP\u5730\u5740\u4f7f\u7528\u60c5\u51b5\u7684\u5e94\u7528\u7a0b\u5e8f\u3002<br \/>\n\u6ce8\u610f\uff0c\u6211\u4eec\u5c06\u5728\/vagrant\u76ee\u5f55\u4e0b\u521b\u5efaDjango\u9879\u76ee\uff0c\u7136\u540e\u4f7f\u7528\u4e3b\u673a\u4e0a\u7684\u6587\u672c\u7f16\u8f91\u5668\u7f16\u8f91\u5e94\u7528\u7a0b\u5e8f\u6587\u4ef6\u3002<\/p>\n<h2>\u751f\u6210Django\u9879\u76ee<\/h2>\n<p>\u9996\u5148\uff0c\u6211\u4eec\u8981\u521b\u5efa\u4e00\u4e2aDjango\u9879\u76ee\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost ~]$ cd \/vagrant\/django_apps\/\r\n(venv_app1) [vagrant@localhost django_apps]$\r\n\r\n(venv_app1) [vagrant@localhost django_apps]$ django-admin startproject pj1\r\n\r\n(venv_app1) [vagrant@localhost django_apps]$ ls -al\r\ntotal 0\r\ndrwxr-xr-x 1 vagrant vagrant 136 Sep 18 14:36 .\r\ndrwxr-xr-x 1 vagrant vagrant 204 Sep 18 10:47 ..\r\ndrwxr-xr-x 1 vagrant vagrant 136 Sep 18 14:36 pj1\r\ndrwxr-xr-x 1 vagrant vagrant 272 Sep 18 06:12 venv_app1\r\n<\/code><\/pre>\n<p>\u751f\u6210\u9879\u76ee\u540e\uff0c\u5c06\u521b\u5efa\u4ee5\u4e0b\u76ee\u5f55\u3002<\/p>\n<pre class=\"post-pre\"><code>pj1\/\r\n|-- manage.py\r\n`-- pj1\r\n    |-- __init__.py\r\n    |-- settings.py\r\n    |-- urls.py\r\n    `-- wsgi.py\r\n<\/code><\/pre>\n<p>pj1\/pj1\u76ee\u5f55\u4e0b\u7684\u6587\u4ef6\u96c6\u662f\u9002\u7528\u4e8e\u6240\u6709\u5e94\u7528\u7a0b\u5e8f\u7684\u5171\u7528\u914d\u7f6e\u6587\u4ef6\u3002<\/p>\n<p>\u5728pj1\u76ee\u5f55\u4e0b\u81ea\u52a8\u751f\u6210\u7684manage.py\u662f\u4e00\u4e2a\u7a0b\u5e8f\uff0c\u5b83\u5177\u6709\u8bb8\u591a\u65b9\u4fbf\u7684\u529f\u80fd\uff0c\u53ef\u4ee5\u7528\u4e8e\u4f7f\u7528Django\u5f00\u53d1Web\u5e94\u7528\u3002<\/p>\n<p>\u4f8b\u5982\uff0cDjango\u5177\u6709\u542f\u52a8\u5f00\u53d1\u7528\u7b80\u6613Web\u670d\u52a1\u5668\u7684\u529f\u80fd\u3002\u901a\u8fc7\u8fd9\u4e2a\u529f\u80fd\uff0c\u5373\u4f7f\u6ca1\u6709ngix\u7b49Web\u670d\u52a1\u5668\uff0c\u4e5f\u53ef\u4ee5\u5728Web\u6d4f\u89c8\u5668\u4e2d\u786e\u8ba4\u5f00\u53d1\u4e2d\u7684\u5e94\u7528\u7a0b\u5e8f\u3002<br \/>\n\u901a\u8fc7\u4ee5\u4e0b\u547d\u4ee4\uff0c\u53ef\u4ee5\u542f\u52a8\u7b80\u6613Web\u670d\u52a1\u5668\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ python pj1\/manage.py runserver 0.0.0.0:8000\r\n<\/code><\/pre>\n<p>\u542f\u52a8\u540e\uff0c\u60a8\u53ef\u4ee5\u5728\u4e3b\u673a\u4e0a\u7684\u7f51\u7edc\u6d4f\u89c8\u5668\u4e2d\u8f93\u5165\u4ee5\u4e0bURL\u8fdb\u884c\u5c1d\u8bd5\u3002<\/p>\n<pre class=\"post-pre\"><code>http:\/\/192.168.33.15:8000\/\r\n<\/code><\/pre>\n<p>\u4e00\u65e6\u6210\u529f\uff0c\u60a8\u5c31\u53ef\u4ee5\u5728Web\u6d4f\u89c8\u5668\u4e2d\u67e5\u770b\u4e0b\u9762\u7684\u754c\u9762\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8c8f913a08637a6d0e55\/18-0.png\" alt=\"django_snapshot.png\" \/><\/div>\n<h2>Django\u9879\u76ee\u7684\u521d\u59cb\u8bbe\u7f6e<\/h2>\n<p>\u6211\u4eec\u5c06\u8fdb\u884c\u6574\u4e2a\u5e94\u7528\u7a0b\u5e8f\u6240\u5171\u6709\u7684Django\u9879\u76ee\u7684\u521d\u59cb\u8bbe\u7f6e\u3002<\/p>\n<p>\u6211\u5011\u5c07\u7e7c\u7e8c\u7de8\u8f2f pj1\/pj1\/settings.py\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost]$ cd \/vagrant\/django_apps\/\r\n(venv_app1) [vagrant@localhost django_apps]$ vi pj1\/pj1\/settings.py\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code># \u8ffd\u52a0\u30fb\u524a\u9664\u3057\u305f\u90e8\u5206\u306e\u307f\u3092\u8a18\u8f09\u3057\u3066\u3044\u307e\u3059\u3002\r\n\r\n# \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067SQLite\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001MySQL\u306b\u5909\u66f4\u3059\u308b\r\n DATABASES = {\r\n    'default': {\r\n\r\n        # \u4ee5\u4e0b\u3092\u524a\u9664\r\n        #'ENGINE': 'django.db.backends.sqlieete3',\r\n        #'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),\r\n\r\n        # \u4f5c\u6210\u3057\u305f\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u60c5\u5831\u3092\u8ffd\u8a18\r\n        'ENGINE': 'django.db.backends.mysql',\r\n        'NAME': 'app1_db',\r\n        'USER': 'app1_user',\r\n        'PASSWORD': 'app1_passwd',\r\n        'HOST': 'localhost',\r\n        'PORT': '3306',\r\n    }\r\n }\r\n\r\n(\u4e2d\u7565)\r\n\r\n# \u8a00\u8a9e\u8a2d\u5b9a\u3092\u82f1\u8a9e\u304b\u3089\u65e5\u672c\u8a9e\u306b\u5909\u66f4\r\n\r\n# \u4ee5\u4e0b\u3092\u524a\u9664\r\n# LANGUAGE_CODE = 'en-us'\r\n# TIME_ZONE = 'UTC'\r\n\r\n#\u4ee5\u4e0b\u3092\u8ffd\u8a18\r\nLANGUAGE_CODE = 'ja'\r\nTIME_ZONE = 'Asia\/Tokyo'\r\n\r\n<\/code><\/pre>\n<p>\u4fee\u6539pj1\/pj1\/settings.py\u540e\uff0c\u8bed\u8a00\u8bbe\u7f6e\u53d8\u4e3a\u4e86\u65e5\u8bed\u3002\u60a8\u53ef\u4ee5\u518d\u6b21\u542f\u52a8\u7b80\u6613Web\u670d\u52a1\u5668\uff0c\u5e76\u5728\u4e3b\u673a\u4e0a\u7684Web\u6d4f\u89c8\u5668\u4e2d\u8fdb\u884c\u67e5\u770b\u3002\u60a8\u53ef\u4ee5\u786e\u8ba4\u9ed8\u8ba4\u7684Django Web\u9875\u9762\u5df2\u5207\u6362\u4e3a\u65e5\u8bed\u663e\u793a\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ python pj1\/manage.py runserver 0.0.0.0:8000\r\n<\/code><\/pre>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8c8f913a08637a6d0e55\/26-0.png\" alt=\"django_ja_snapshot.png\" \/><\/div>\n<p>\u4ee5\u4e0a\u662fDjango\u9879\u76ee\u7684\u521d\u59cb\u8bbe\u5b9a\u5b8c\u6210\u3002<\/p>\n<h1>\u521d\u59cb\u5316\u6570\u636e\u5e93<\/h1>\n<p>\u4e3a\u4e86\u521d\u59cb\u5316\u6570\u636e\u5e93\uff0c\u8bf7\u6267\u884c\u4ee5\u4e0b\u547d\u4ee4\u3002\u6267\u884c\u540e\uff0c\u5c06\u751f\u6210\u4e00\u4e2a\u540d\u4e3a\u300capp1_db\u300d\u7684\u6570\u636e\u5e93\u4e0a\u7684\u7ba1\u7406\u8868\u7684SQL\u8bed\u53e5\u3002\u5728\u8fd9\u4e2a\u8fc7\u7a0b\u4e2d\uff0c\u60a8\u9700\u8981\u4ee5\u5bf9\u8bdd\u5f62\u5f0f\u8f93\u5165\u7ba1\u7406\u5458\u4fe1\u606f\u3002\u5728\u8fd9\u91cc\uff0c\u6211\u4eec\u968f\u610f\u521b\u5efa\u4e86ID:admin\uff0cPass:admin\uff0ce-mail:\u65e0\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ python pj1\/manage.py migrate\r\n\r\nWould you like to create one now? (yes\/no): yes\r\nUsername (leave blank to use 'vagrant'): admin\r\nEmail address: \uff08\u7121\u8a18\u5165\u3067Enter\uff09\r\nPassword: admin\r\nPassword (again): admin\r\n<\/code><\/pre>\n<p>\u5982\u679c\u60a8\u60f3\u589e\u52a0\u7ba1\u7406\u5458\u7528\u6237\uff0c\u5219\u53ef\u4ee5\u901a\u8fc7\u6267\u884c\u4ee5\u4e0b\u547d\u4ee4\u6765\u6267\u884c\u4e0e\u4e0a\u8ff0\u5bf9\u8bdd\u6a21\u5f0f\u76f8\u540c\u7684\u64cd\u4f5c\u6a21\u5f0f\u3002<\/p>\n<pre class=\"post-pre\"><code>$ python pj1\/manage.py createsuperuser\r\n<\/code><\/pre>\n<p>\u5f53\u6211\u4eec\u767b\u5f55MariaDB\u5e76\u67e5\u770b\u6570\u636e\u5e93\u65f6\uff0c\u53ef\u4ee5\u786e\u8ba4Django\u6240\u9700\u7684\u6570\u636e\u8868\u5df2\u7ecf\u88ab\u521b\u5efa\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$  mysql -u app1_user -papp1_passwd\r\n\r\nMariaDB [app1_db]&gt; USE app1_db;\r\nDatabase changed\r\n\r\nMariaDB [app1_db]&gt; SHOW TABLES;\r\n+----------------------------+\r\n| Tables_in_app1_db          |\r\n+----------------------------+\r\n| auth_group                 |\r\n| auth_group_permissions     |\r\n| auth_permission            |\r\n| auth_user                  |\r\n| auth_user_groups           |\r\n| auth_user_user_permissions |\r\n| django_admin_log           |\r\n| django_content_type        |\r\n| django_migrations          |\r\n| django_session             |\r\n+----------------------------+\r\n10 rows in set (0.00 sec)\r\n<\/code><\/pre>\n<p>\u6267\u884c\u4e0a\u8ff0\u64cd\u4f5c\u540e\uff0cDjango \u7ba1\u7406\u7f51\u7ad9\u5c06\u4f1a\u81ea\u52a8\u751f\u6210\u3002<br \/>\n\u8bf7\u542f\u52a8\u7b80\u6613Web\u670d\u52a1\u5668\uff0c\u5e76\u5728\u4e3b\u673a\u7684Web\u6d4f\u89c8\u5668\u4e2d\u8fdb\u884c\u786e\u8ba4\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ python pj1\/manage.py runserver 0.0.0.0:8000\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code>http:\/\/192.168.33.15:8000\/admin\/\r\n<\/code><\/pre>\n<p>\u7136\u540e\u5c06\u663e\u793a\u4ee5\u4e0b\u7ba1\u7406\u7f51\u7ad9\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8c8f913a08637a6d0e55\/39-0.png\" alt=\"django_admin_snapshot.png\" \/><\/div>\n<p>\u5728Web\u6d4f\u89c8\u5668\u4e2d\u8f93\u5165\u5148\u524d\u8f93\u5165\u7684\u7ba1\u7406\u5458\u4fe1\u606f\uff08\u6b64\u5904\u4e3aID\uff1aadmin\uff0cPASS\uff1aadmin\uff09\uff0c\u5373\u53ef\u8fdb\u5165\u7ba1\u7406\u7f51\u7ad9\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8c8f913a08637a6d0e55\/41-0.png\" alt=\"django_admin_login.png\" \/><\/div>\n<p>\u5728\u8fd9\u4e2a\u7ba1\u7406\u9875\u9762\u4e0a\uff0c\u60a8\u53ef\u4ee5\u6dfb\u52a0\u7ba1\u7406\u5458\u7528\u6237\u548c\u7ec4\uff0c\u800c\u65e0\u9700\u76f4\u63a5\u89e6\u78b0\u6570\u636e\u5e93\u3002<\/p>\n<p>\u5728Django\u4e2d\uff0c\u4e0d\u4ec5\u4ec5\u662f\u7528\u6237\u7ba1\u7406\uff0c\u8fd8\u53ef\u4ee5\u5728\u7ba1\u7406\u7ad9\u70b9\u4e2d\u6dfb\u52a0\u3001\u4fee\u6539\u548c\u5220\u9664\u6570\u636e\u5e93\u7684\u6240\u6709\u4fe1\u606f\u3002<br \/>\n\u8fd9\u6837\uff0c\u5373\u4f7f\u4e0d\u9700\u8981\u81ea\u5df1\u521b\u5efa\u4e13\u7528\u5e94\u7528\u7a0b\u5e8f\uff0cDjango\u4e5f\u4f1a\u81ea\u52a8\u521b\u5efa\u6570\u636e\u5e93\u7ba1\u7406\u529f\u80fd\uff0c\u8fd9\u662fDjango\u975e\u5e38\u65b9\u4fbf\u7684\u4e00\u70b9\u3002<\/p>\n<h2>\u751f\u6210Django\u5e94\u7528\u7a0b\u5e8f<\/h2>\n<p>\u63a5\u4e0b\u6765\uff0c\u6211\u4eec\u5c06\u521b\u5efa\u4e00\u4e2aDjango\u5e94\u7528\u7a0b\u5e8f\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ cd \/vagrant\/django_apps\/pj1\/\r\n(venv_app1) [vagrant@localhost pj1]$ python manage.py startapp app1\r\n<\/code><\/pre>\n<p>\u751f\u6210\u5e94\u7528\u7a0b\u5e8f\u540e\uff0c\u5c06\u5728pj1\u76ee\u5f55\u4e0b\u521b\u5efaapp1\u76ee\u5f55\u3002pj1\/pj1\u76ee\u5f55\u4e0b\u7684\u6587\u4ef6\u96c6\u662f\u6240\u6709\u5e94\u7528\u7a0b\u5e8f\u5171\u4eab\u7684\u914d\u7f6e\u6587\u4ef6\uff0c\u800cpj1\/app1\u76ee\u5f55\u4e0b\u7684\u6587\u4ef6\u96c6\u5219\u662fDjango\u5e94\u7528\u7a0b\u5e8f\u72ec\u6709\u7684\u914d\u7f6e\u6587\u4ef6\u3002<\/p>\n<pre class=\"post-pre\"><code>pj1\/\r\n|-- app1\r\n|   |-- __init__.py\r\n|   |-- admin.py\r\n|   |-- migrations\r\n|   |   `-- __init__.py\r\n|   |-- models.py\r\n|   |-- tests.py\r\n|   `-- views.py\r\n|-- manage.py\r\n`-- pj1\r\n    |-- __init__.py\r\n    |-- __pycache__\r\n    |   |-- __init__.cpython-34.pyc\r\n    |   `-- settings.cpython-34.pyc\r\n    |-- settings.py\r\n    |-- urls.py\r\n    `-- wsgi.py\r\n<\/code><\/pre>\n<h2>\u5b9a\u4e49\u6a21\u578b<\/h2>\n<p>\u9996\u5148\uff0c\u6211\u4eec\u4f1a\u5b9a\u4e49\u6a21\u578b\u5e76\u5b9a\u4e49\u6570\u636e\u5e93\u8868\u7ed3\u6784\uff0c\u7136\u540e\u5f00\u59cb\u6784\u5efa\u5e94\u7528\u7a0b\u5e8f\u3002<\/p>\n<p>\u5728Django\u4e2d\uff0c\u9700\u8981\u4fee\u6539\u6bcf\u4e2a\u5e94\u7528\u7a0b\u5e8f\u76ee\u5f55\u4e0b\u7684models.py\u6587\u4ef6\uff0c\u5c06\u8868\u683c\u5b9a\u4e49\u4e3a\u7c7b\uff0c\u5e76\u5c06\u5b57\u6bb5\u5b9a\u4e49\u4e3a\u53d8\u91cf\u3002<\/p>\n<h3>\u6a21\u578b\u8981\u6c42<\/h3>\n<p>\u5728\u8fd9\u91cc\uff0c\u6211\u4eec\u5047\u8bbe\u521b\u5efa\u4e00\u4e2a\u7528\u4e8e\u7ba1\u7406IP\u5730\u5740\u7684\u5e94\u7528\u7a0b\u5e8f\uff0c\u5e76\u5b9a\u4e49\u4ee5\u4e0b\u6a21\u578b\u3002<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">IP\u30a2\u30c9\u30ec\u30b9\u306e\u5229\u7528\u72b6\u6cc1\u3092\u7ba1\u7406\u3059\u308b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3<\/ul>\n<\/li>\n<\/ul>\n<p>IP address\u30c6\u30fc\u30d6\u30eb<br \/>\nIP address\u30d5\u30a3\u30fc\u30eb\u30c9<\/p>\n<p>\u6240\u6709\u3059\u308bIPv4\u30a2\u30c9\u30ec\u30b9\u7fa4\u3092\u793a\u3059<br \/>\n\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u7121\u8996\u3057\u3066\u3001\/32\u306e\u30a2\u30c9\u30ec\u30b9\u5358\u4f53\u3092\u7ba1\u7406<br \/>\n\u5024\u306f\u4e00\u610f<\/p>\n<p>Status\u30d5\u30a3\u30fc\u30eb\u30c9<\/p>\n<p>IP\u30a2\u30c9\u30ec\u30b9\u306e\u5229\u7528\u72b6\u6cc1\u306e\u30b9\u30c6\u30fc\u30bf\u30b9\u3092\u4fdd\u6301<br \/>\nin_use \/ avalable \/ not_available \u306e\uff13\u3064\u306e\u72b6\u614b\u3092\u6301\u3064<br \/>\n\u30d6\u30e9\u30f3\u30af\u306e\u72b6\u614b\u306f\u8a31\u53ef\u3057\u306a\u3044<\/p>\n<p>Description\u30d5\u30a3\u30fc\u30eb\u30c9<\/p>\n<p>IP\u30a2\u30c9\u30ec\u30b9\u306e\u5229\u7528\u72b6\u6cc1\u306b\u3064\u3044\u3066\u306e\u30e1\u30e2<br \/>\n\u81ea\u7531\u8a18\u8ff0\u53ef<br \/>\n\u30d6\u30e9\u30f3\u30af\u306e\u72b6\u614b\u3092\u8a31\u53ef\u3059\u308b<\/p>\n<h3>\u7f16\u8f91models.py<\/h3>\n<p>\u4e3a\u4e86\u6ee1\u8db3\u6a21\u578b\u8981\u6c42\uff0c\u5c06pj1\/app1\/models.py\u7f16\u8f91\u5982\u4e0b\uff1a<br \/>\n\u901a\u8fc7\u51c6\u5907\u4e00\u4e2a\u72b6\u6001\u5019\u9009\u5217\u8868status_list\uff0c\u60a8\u53ef\u4ee5\u5728\u7ba1\u7406\u7ad9\u70b9\u6216Web\u5e94\u7528\u4e2d\u4f7f\u7528\u4e0b\u62c9\u83dc\u5355\u6765\u8fdb\u884c\u9009\u62e9\u3002<\/p>\n<pre class=\"post-pre\"><code><span class=\"kn\">from<\/span> <span class=\"nn\">django.db<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">models<\/span>\r\n\r\n<span class=\"k\">class<\/span> <span class=\"nc\">Ipaddress<\/span><span class=\"p\">(<\/span><span class=\"n\">models<\/span><span class=\"p\">.<\/span><span class=\"n\">Model<\/span><span class=\"p\">):<\/span>\r\n\r\n    <span class=\"n\">status_list<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span>\r\n        <span class=\"p\">(<\/span><span class=\"s\">'in_use'<\/span><span class=\"p\">,<\/span> <span class=\"s\">'in use'<\/span><span class=\"p\">),<\/span>\r\n        <span class=\"p\">(<\/span><span class=\"s\">'available'<\/span><span class=\"p\">,<\/span> <span class=\"s\">'available'<\/span><span class=\"p\">),<\/span>\r\n        <span class=\"p\">(<\/span><span class=\"s\">'not_available'<\/span><span class=\"p\">,<\/span> <span class=\"s\">'not available'<\/span><span class=\"p\">)<\/span>\r\n    <span class=\"p\">)<\/span>\r\n    <span class=\"n\">ipaddress<\/span> <span class=\"o\">=<\/span> <span class=\"n\">models<\/span><span class=\"p\">.<\/span><span class=\"n\">GenericIPAddressField<\/span><span class=\"p\">(<\/span><span class=\"n\">verbose_name<\/span><span class=\"o\">=<\/span><span class=\"s\">'IP address'<\/span><span class=\"p\">,<\/span> <span class=\"n\">unique<\/span><span class=\"o\">=<\/span><span class=\"bp\">True<\/span><span class=\"p\">)<\/span>\r\n    <span class=\"n\">status<\/span> <span class=\"o\">=<\/span> <span class=\"n\">models<\/span><span class=\"p\">.<\/span><span class=\"n\">CharField<\/span><span class=\"p\">(<\/span><span class=\"n\">verbose_name<\/span><span class=\"o\">=<\/span><span class=\"s\">'Status'<\/span><span class=\"p\">,<\/span> <span class=\"n\">choices<\/span><span class=\"o\">=<\/span><span class=\"n\">status_list<\/span><span class=\"p\">,<\/span> <span class=\"n\">max_length<\/span><span class=\"o\">=<\/span><span class=\"mi\">16<\/span><span class=\"p\">)<\/span>\r\n    <span class=\"n\">description<\/span> <span class=\"o\">=<\/span> <span class=\"n\">models<\/span><span class=\"p\">.<\/span><span class=\"n\">CharField<\/span><span class=\"p\">(<\/span><span class=\"n\">verbose_name<\/span><span class=\"o\">=<\/span><span class=\"s\">'Discription'<\/span><span class=\"p\">,<\/span> <span class=\"n\">blank<\/span> <span class=\"o\">=<\/span> <span class=\"bp\">True<\/span><span class=\"p\">,<\/span> <span class=\"n\">max_length<\/span><span class=\"o\">=<\/span><span class=\"mi\">255<\/span><span class=\"p\">)<\/span>\r\n<\/code><\/pre>\n<h3>\u6fc0\u6d3b Django \u5e94\u7528\u7a0b\u5e8f\u7684\u6a21\u578b\u5b9a\u4e49\u3002<\/h3>\n<p>\u7136\u540e\uff0c\u5bf9Django\u9879\u76ee\u542f\u7528&#8221;app1&#8243;\u6a21\u578b\u5b9a\u4e49\u3002<\/p>\n<p>\u5728pj1\/pj1\/settings.py\u4e2d\u6dfb\u52a0\u5230&#8221;INSTALLED_APPS&#8221;\u4e2d\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ vi pj1\/pj1\/settings.py\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code>INSTALLED_APPS = (\r\n    'django.contrib.admin',\r\n    'django.contrib.auth',\r\n    'django.contrib.contenttypes',\r\n    'django.contrib.sessions',\r\n    'django.contrib.messages',\r\n    'django.contrib.staticfiles',\r\n\r\n    #\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u540d\u3092\u8ffd\u8a18\r\n    'app1'\r\n )\r\n<\/code><\/pre>\n<h3>\u5c06\u6a21\u578b\u5b9a\u4e49\u53cd\u6620\u5230\u6570\u636e\u5e93\u4e2d\u3002<\/h3>\n<p>\u4e0b\u4e00\u6b65\u662f\u5c06\u6dfb\u52a0\u7684\u6a21\u578b\u540c\u6b65\u5230\u6570\u636e\u5e93\u4e2d\u3002<\/p>\n<p>\u4f7f\u7528\u4ee5\u4e0b\u547d\u4ee4\u5c06\u6570\u636e\u5e93\u548c\u5dee\u5f02\u5185\u5bb9\u8f6c\u6362\u4e3aSQL\u8bed\u53e5\u5e76\u6267\u884c\u3002<br \/>\n\uff08\u6b64\u65f6\u5e76\u6ca1\u6709\u5b9e\u9645\u6267\u884cSQL\u8bed\u53e5\u3002\uff09<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ python pj1\/manage.py makemigrations app1\r\n\r\nMigrations for 'app1':\r\n  0001_initial.py:\r\n    - Create model IPaddress\r\n<\/code><\/pre>\n<p>\u60a8\u53ef\u4ee5\u4f7f\u7528\u4ee5\u4e0b\u547d\u4ee4\u786e\u8ba4\u5df2\u53d1\u51fa\u7684SQL\u8bed\u53e5\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ python pj1\/manage.py sqlmigrate app1 0001\r\n\r\nBEGIN;\r\nCREATE TABLE `app1_ipaddress` (`id` integer AUTO_INCREMENT NOT NULL PRIMARY KEY, `ipaddress` char(39) NOT NULL UNIQUE, `status` varchar(16) NOT NULL, `description` varchar(255) NOT NULL);\r\n\r\nCOMMIT;\r\n<\/code><\/pre>\n<p>\u63a5\u4e0b\u6765\uff0c\u60a8\u53ef\u4ee5\u4f7f\u7528\u4ee5\u4e0b\u547d\u4ee4\u6267\u884c\u751f\u6210\u7684SQL\u8bed\u53e5\u3002\u8fd9\u4e00\u6b65\u4f1a\u66f4\u65b0\u6570\u636e\u5e93\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ python pj1\/manage.py migrate\r\n\r\nOperations to perform:\r\n  Synchronize unmigrated apps: staticfiles, messages\r\n  Apply all migrations: admin, app1, auth, contenttypes, sessions\r\nSynchronizing apps without migrations:\r\n  Creating tables...\r\n    Running deferred SQL...\r\n  Installing custom SQL...\r\nRunning migrations:\r\n  Rendering model states... DONE\r\n  Applying app1.0001_initial... OK\r\n<\/code><\/pre>\n<p>\u67e5\u8be2MariaDB\uff0c\u53ef\u4ee5\u786e\u8ba4\u5df2\u6dfb\u52a0\u65b0\u8868\u300capp1_ipaddress\u300d\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ mysql -u app1_user -papp1_passwd\r\n\r\nMariaDB [(none)]&gt; USE app1_db;\r\nDatabase changed\r\n\r\nMariaDB [app1_db]&gt; SHOW TABLES;\r\n+----------------------------+\r\n| Tables_in_app1_db          |\r\n+----------------------------+\r\n| app1_ipaddress              |\r\n| auth_group                 |\r\n| auth_group_permissions     |\r\n| auth_permission            |\r\n| auth_user                  |\r\n| auth_user_groups           |\r\n| auth_user_user_permissions |\r\n| django_admin_log           |\r\n| django_content_type        |\r\n| django_migrations          |\r\n| django_session             |\r\n+----------------------------+\r\n11 rows in set (0.00 sec)\r\n<\/code><\/pre>\n<p>\u6bcf\u6b21\u7f16\u8f91`models.py`\u6587\u4ef6\u65f6\uff0c\u901a\u8fc7\u6267\u884c\u4e24\u4e2a\u547d\u4ee4`python pj1\/manage.py makemigrations app1`\u548c`python pj1\/manage.py migrate`\u6765\u6539\u53d8\u6570\u636e\u5e93\u3002<\/p>\n<h3>\u5728\u7ba1\u7406\u7f51\u7ad9\u4e2d\u6ce8\u518c\u5e94\u7528\u7a0b\u5e8f\u6240\u7528\u7684\u6570\u636e\u8868<\/h3>\n<p>\u6570\u636e\u5e93\u5df2\u66f4\u65b0\uff0c\u4f46\u662f\u76ee\u524d\u5728\u7ba1\u7406\u7f51\u7ad9\u4e0a\u5c1a\u672a\u6dfb\u52a0app1\u6240\u7528\u7684\u8868\u683c\u3002<br \/>\n\u4e3a\u4e86\u5728\u7ba1\u7406\u7f51\u7ad9\u4e0a\u8fdb\u884c\u7ba1\u7406\uff0c\u9700\u8981\u7f16\u8f91app1\u76ee\u5f55\u4e0b\u7684admin.py\u6587\u4ef6\u3002<\/p>\n<pre class=\"post-pre\"><code>vi pj1\/app1\/admin.py\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code>from django.contrib import admin\r\n\r\n# \u8ffd\u8a18\r\nfrom app1.models import Ipaddress\r\n\r\n# \u8ffd\u8a18\r\nadmin.site.register(Ipaddress)\r\n<\/code><\/pre>\n<p>\u5f00\u8bbe\u4e00\u4e2a\u7b80\u5355\u7684Web\u670d\u52a1\u5668\uff0c\u5e76\u4f7f\u7528\u5bbf\u4e3b\u673a\u7684Web\u6d4f\u89c8\u5668\u6765\u67e5\u770b\u7ba1\u7406\u7f51\u7ad9\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ python pj1\/manage.py runserver 0.0.0.0:8000\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code>http:\/\/192.168.33.15:8000\/admin\/\r\n<\/code><\/pre>\n<p>\u5728Django\u7ba1\u7406\u7f51\u7ad9\u4e2d\uff0c\u5c06\u663e\u793aapp1\u7684\u8868\u683c\u4fe1\u606f\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8c8f913a08637a6d0e55\/82-0.png\" alt=\"django_admin_app1_regist_snapshot.png\" \/><\/div>\n<p>\u53ea\u9700\u8981\u8f93\u5165\u6570\u636e\u5e76\u70b9\u51fb\u201c\u6dfb\u52a0\u201d\u6309\u94ae\uff0c\u5c31\u53ef\u4ee5\u5c06\u6570\u636e\u6dfb\u52a0\u5230IP\u5730\u5740\u8868\u4e2d\u3002<\/p>\n<p>\u63a5\u4e0b\u6765\uff0c\u6211\u4eec\u5c06\u4f7f\u7528\u7ba1\u7406\u7f51\u7ad9\u6765\u6ce8\u518c\u4e09\u4e2aIP\u5730\u5740\u4fe1\u606f\u3002<\/p>\n<pre class=\"post-pre\"><code>IP address : 192.168.0.0\r\nStatus: not_available\r\nDiscription: Network address\r\n\r\nIP address : 192.168.0.1\r\nStatus: available\r\nDiscription: (blank)\r\n\r\nIP address : 192.168.0.2\r\nStatus: available\r\nDiscription: (blank)\r\n<\/code><\/pre>\n<p>\u5728\u7ba1\u7406\u7f51\u7ad9\u4e0a\u8f93\u51fa\u5df2\u6ce8\u518c\u4fe1\u606f\uff0c\u9700\u8981\u5728models.py\u4e2d\u6dfb\u52a0str\u51fd\u6570\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ vi pj1\/app1\/models.py\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code><span class=\"kn\">from<\/span> <span class=\"nn\">django.db<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">models<\/span>\r\n\r\n<span class=\"k\">class<\/span> <span class=\"nc\">Ipaddress<\/span><span class=\"p\">(<\/span><span class=\"n\">models<\/span><span class=\"p\">.<\/span><span class=\"n\">Model<\/span><span class=\"p\">):<\/span>\r\n    <span class=\"n\">status_list<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span>\r\n        <span class=\"p\">(<\/span><span class=\"s\">'in_use'<\/span><span class=\"p\">,<\/span> <span class=\"s\">'in use'<\/span><span class=\"p\">),<\/span>\r\n        <span class=\"p\">(<\/span><span class=\"s\">'available'<\/span><span class=\"p\">,<\/span> <span class=\"s\">'available'<\/span><span class=\"p\">),<\/span>\r\n        <span class=\"p\">(<\/span><span class=\"s\">'not_available'<\/span><span class=\"p\">,<\/span> <span class=\"s\">'not available'<\/span><span class=\"p\">)<\/span>\r\n    <span class=\"p\">)<\/span>\r\n    <span class=\"n\">ipaddress<\/span> <span class=\"o\">=<\/span> <span class=\"n\">models<\/span><span class=\"p\">.<\/span><span class=\"n\">GenericIPAddressField<\/span><span class=\"p\">(<\/span><span class=\"n\">verbose_name<\/span><span class=\"o\">=<\/span><span class=\"s\">'IP address'<\/span><span class=\"p\">,<\/span> <span class=\"n\">unique<\/span><span class=\"o\">=<\/span><span class=\"bp\">True<\/span><span class=\"p\">)<\/span>\r\n    <span class=\"n\">status<\/span> <span class=\"o\">=<\/span> <span class=\"n\">models<\/span><span class=\"p\">.<\/span><span class=\"n\">CharField<\/span><span class=\"p\">(<\/span><span class=\"n\">verbose_name<\/span><span class=\"o\">=<\/span><span class=\"s\">'Status'<\/span><span class=\"p\">,<\/span> <span class=\"n\">choices<\/span><span class=\"o\">=<\/span><span class=\"n\">status_list<\/span><span class=\"p\">,<\/span> <span class=\"n\">max_length<\/span><span class=\"o\">=<\/span><span class=\"mi\">16<\/span><span class=\"p\">)<\/span>\r\n    <span class=\"n\">description<\/span> <span class=\"o\">=<\/span> <span class=\"n\">models<\/span><span class=\"p\">.<\/span><span class=\"n\">CharField<\/span><span class=\"p\">(<\/span><span class=\"n\">verbose_name<\/span><span class=\"o\">=<\/span><span class=\"s\">'Discription'<\/span><span class=\"p\">,<\/span> <span class=\"n\">blank<\/span> <span class=\"o\">=<\/span> <span class=\"bp\">True<\/span><span class=\"p\">,<\/span> <span class=\"n\">max_length<\/span><span class=\"o\">=<\/span><span class=\"mi\">255<\/span><span class=\"p\">)<\/span>\r\n\r\n    <span class=\"c1\"># \u3053\u3053\u3092\u8ffd\u52a0\r\n<\/span>    <span class=\"k\">def<\/span>  <span class=\"nf\">__str__<\/span><span class=\"p\">(<\/span><span class=\"bp\">self<\/span><span class=\"p\">):<\/span>\r\n        <span class=\"k\">return<\/span> <span class=\"bp\">self<\/span><span class=\"p\">.<\/span><span class=\"n\">ipaddress<\/span>\r\n<\/code><\/pre>\n<p>\u6309\u7167\u8fd9\u6837\u7684\u65b9\u6cd5\uff0c\u53ef\u4ee5\u663e\u793aIP\u5730\u5740\u8868\u4e2d\u7684\u5185\u5bb9\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8c8f913a08637a6d0e55\/90-0.png\" alt=\"django_admin_app1_regist2_snapshot.png\" \/><\/div>\n<p>\u53e6\u5916\uff0c\u5982\u679c\u8981\u663e\u793aIP\u5730\u5740\u8868\u7684\u5b57\u6bb5\u4fe1\u606f\uff0c\u8bf7\u7f16\u8f91admin.py\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ vi pj1\/app1\/admin.py\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code>from django.contrib import admin\r\nfrom app1.models import Ipaddress\r\n\r\n# \u4ee5\u4e0b\u3092\u8ffd\u52a0\r\nclass IpaddressAdmin(admin.ModelAdmin):\r\n    list_display = ('ipaddress', 'status', 'description')\r\n\r\nadmin.site.register(Ipaddress, IpaddressAdmin)\r\n<\/code><\/pre>\n<p>\u901a\u8fc7\u8fd9\u6837\u505a\uff0c\u60a8\u53ef\u4ee5\u81ea\u5b9a\u4e49\u7ba1\u7406\u7ad9\u70b9\u7684\u663e\u793a\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8c8f913a08637a6d0e55\/95-0.png\" alt=\"django_admin_app1_regist3_snapshot.png\" \/><\/div>\n<p>\u4e3a\u4e86\u786e\u4fdd\uff0c\u6211\u4f1a\u5728\u5b9e\u9645\u6570\u636e\u5e93\u4e2d\u6838\u5b9e\u5730\u5740\u4fe1\u606f\u662f\u5426\u5df2\u6b63\u786e\u6dfb\u52a0\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ mysql -u app1_user -papp1_passwd\r\n\r\nMariaDB [(none)]&gt; USE app1_db;\r\n\r\nMariaDB [app1_db]&gt; SELECT * FROM app1_ipaddress;\r\n+----+-------------+--------------+-----------------+\r\n| id | ipaddress   | status       | description     |\r\n+----+-------------+--------------+-----------------+\r\n|  1 | 192.168.0.0 | not_avilable | Network address |\r\n|  2 | 192.168.0.1 | available    |                 |\r\n|  3 | 192.168.0.2 | available    |                 |\r\n+----+-------------+--------------+-----------------+\r\n3 rows in set (0.00 sec)\r\n<\/code><\/pre>\n<p>\u901a\u8fc7\u8fd9\u79cd\u65b9\u5f0f\uff0c\u5728Django\u4e2d\u53ef\u4ee5\u901a\u8fc7\u7ba1\u7406\u7f51\u7ad9\u6765\u6dfb\u52a0\u548c\u5220\u9664\u8bb0\u5f55\u4fe1\u606f\uff0c\u800c\u65e0\u9700\u4f7f\u7528SQL\u547d\u4ee4\u3002<\/p>\n<h3>\u5c06Tips\u6570\u636e\u5e93\u7684\u8bb0\u5f55\u4fe1\u606f\u5199\u5165\u5230\u6587\u672c\u6587\u4ef6\u4e2d\u3002<\/h3>\n<p>\u5728\u5904\u7406\u6570\u636e\u5e93\u65f6\uff0c\u4f1a\u51fa\u73b0\u9700\u8981\u5c06\u5f53\u524d\u4fe1\u606f\u5199\u5165\u7684\u573a\u666f\u3002<br \/>\nDjango\u63d0\u4f9b\u4e86\u5c06\u6570\u636e\u5e93\u8bb0\u5f55\u4fe1\u606f\u4ee5JSON\/XML\/YAML\u5176\u4e2d\u4e00\u79cd\u683c\u5f0f\u8fdb\u884c\u5bfc\u51fa\u7684\u529f\u80fd\u3002<br \/>\n\u5728\u8fd9\u91cc\uff0c\u6211\u4eec\u9009\u62e9\u4ee5JSON\u683c\u5f0f\u8fdb\u884c\u5bfc\u51fa\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ mkdir pj1\/app1\/dumpdata\r\n\r\n(venv_app1) [vagrant@localhost django_apps]$ python pj1\/manage.py dumpdata app1 --format=json --indent=2 -o pj1\/app1\/dumpdata\/ap1_db_dump.json\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ cat pj1\/app1\/dumpdata\/ap1_db_dump.json\r\n[\r\n{\r\n  \"pk\": 1,\r\n  \"fields\": {\r\n    \"status\": \"not_avilable\",\r\n    \"ipaddress\": \"192.168.0.0\",\r\n    \"description\": \"Network address\"\r\n  },\r\n  \"model\": \"app1.ipaddress\"\r\n},\r\n{\r\n  \"pk\": 2,\r\n  \"fields\": {\r\n    \"status\": \"available\",\r\n    \"ipaddress\": \"192.168.0.1\",\r\n    \"description\": \"\"\r\n  },\r\n  \"model\": \"app1.ipaddress\"\r\n},\r\n{\r\n  \"pk\": 3,\r\n  \"fields\": {\r\n    \"status\": \"available\",\r\n    \"ipaddress\": \"192.168.0.2\",\r\n    \"description\": \"\"\r\n  },\r\n  \"model\": \"app1.ipaddress\"\r\n}\r\n]\r\n<\/code><\/pre>\n<p>\u5982\u679c\u5c06\u521b\u5efa\u7684\u6587\u4ef6\u7528git\u8fdb\u884c\u7ba1\u7406\uff0c\u5c31\u53ef\u4ee5\u6309\u65f6\u95f4\u987a\u5e8f\u7ba1\u7406\u8bb0\u5f55\u4fe1\u606f\u3002<br \/>\n\u53e6\u5916\uff0c\u5982\u679c\u60f3\u8981\u8bfb\u53d6\u5bfc\u51fa\u7684\u6587\u4ef6\uff0c\u8bf7\u6267\u884c\u4ee5\u4e0b\u547d\u4ee4\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ python pj1\/manage.py loaddata pj1\/app1\/dumpdata\/ap1_db_dump.json\r\n\r\nInstalled 3 object(s) from 1 fixture(s)\r\n<\/code><\/pre>\n<h2>\u5b9a\u4e49Django\u5e94\u7528\u7a0b\u5e8f\u7684View<\/h2>\n<p>\u56e0\u4e3a\u6a21\u578b\u90e8\u5206\u5df2\u7ecf\u5b8c\u6210\uff0c\u4e0b\u4e00\u6b65\u662f\u521b\u5efa\u51b3\u5b9aDjango\u5e94\u7528\u7a0b\u5e8f\u663e\u793a\u7684\u89c6\u56fe\u3002<\/p>\n<h3>\u5b9a\u4e49URL<\/h3>\n<p>\u9996\u5148\uff0c\u6211\u4eec\u8981\u5b9a\u4e49Web\u5e94\u7528\u7a0b\u5e8f\u7684URL\u3002<br \/>\n\u901a\u8fc7\u7f16\u8f91pj1\/pj1\/ulrs.py\u6587\u4ef6\u6765\u5b9a\u4e49Django\u5e94\u7528\u7a0b\u5e8f\u7684URL\u3002<br \/>\n\u5f53\u9700\u8981\u5b9a\u4e49\u6bcf\u4e2aDjango\u5e94\u7528\u7a0b\u5e8f\u7684\u9875\u9762\u7b49\u66f4\u5177\u4f53\u7684URL\u65f6\uff0c<br \/>\n\u6211\u4eec\u9700\u8981\u521b\u5efa\u5e76\u6dfb\u52a0\u4e00\u4e2a\u4f4d\u4e8e\u5e94\u7528\u7a0b\u5e8f\u76ee\u5f55\u4e0b\u7684urls.py\u6587\u4ef6\u3002<\/p>\n<p>\u9996\u5148\uff0c\u6211\u4eec\u9700\u8981\u4fee\u6539pj1\/pj1\/ulrs.py\u6587\u4ef6\u3002<br \/>\n\u5728\u8fd9\u91cc\uff0c\u6211\u4eec\u5c06\u8bbe\u7f6e\u4ee5\u4e0bURL\u4e3a\u6709\u6548\uff1a<br \/>\nhttp:\/\/192.168.33.15:8000\/app1\/<\/p>\n<pre class=\"post-pre\"><code> (venv_app1) [vagrant@localhost django_apps]$ vi pj1\/pj1\/urls.py\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code><span class=\"kn\">from<\/span> <span class=\"nn\">django.conf.urls<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">include<\/span><span class=\"p\">,<\/span> <span class=\"n\">url<\/span>\r\n<span class=\"kn\">from<\/span> <span class=\"nn\">django.contrib<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">admin<\/span>\r\n\r\n<span class=\"n\">urlpatterns<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span>\r\n    <span class=\"n\">url<\/span><span class=\"p\">(<\/span><span class=\"sa\">r<\/span><span class=\"s\">'^admin\/'<\/span><span class=\"p\">,<\/span> <span class=\"n\">include<\/span><span class=\"p\">(<\/span><span class=\"n\">admin<\/span><span class=\"p\">.<\/span><span class=\"n\">site<\/span><span class=\"p\">.<\/span><span class=\"n\">urls<\/span><span class=\"p\">)),<\/span>\r\n\r\n    <span class=\"c1\"># \u4e0b\u8a18\u3092\u8ffd\u52a0\r\n<\/span>    <span class=\"n\">url<\/span><span class=\"p\">(<\/span><span class=\"sa\">r<\/span><span class=\"s\">'^app1\/'<\/span><span class=\"p\">,<\/span> <span class=\"n\">include<\/span><span class=\"p\">(<\/span><span class=\"s\">'app1.urls'<\/span><span class=\"p\">,<\/span> <span class=\"n\">namespace<\/span> <span class=\"o\">=<\/span> <span class=\"s\">'app1'<\/span><span class=\"p\">)),<\/span>\r\n<span class=\"p\">]<\/span>\r\n<\/code><\/pre>\n<p>\u63a5\u4e0b\u6765\uff0c\u5728\u5e94\u7528\u7a0b\u5e8f\u76ee\u5f55\u4e0b\u521b\u5efa\u4e00\u4e2a\u540d\u4e3aulrs.py\u7684\u65b0\u6587\u4ef6\u3002<br \/>\n\u5728\u8fd9\u91cc\uff0c\u6211\u4eec\u5c06\u914d\u7f6e\u4ee5\u4e0bURL\u4ee5\u4f7f\u5176\u6709\u6548\u3002<br \/>\n&#8211; http:\/\/192.168.33.15:8000\/app1\/ipaddress\/<\/p>\n<pre class=\"post-pre\"><code> (venv_app1) [vagrant@localhost django_apps]$ vi pj1\/app1\/urls.py\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code><span class=\"kn\">from<\/span> <span class=\"nn\">django.conf.urls<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">patterns<\/span><span class=\"p\">,<\/span> <span class=\"n\">url<\/span>\r\n<span class=\"kn\">from<\/span> <span class=\"nn\">app1<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">views<\/span>\r\n\r\n<span class=\"n\">urlpatterns<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span>\r\n    <span class=\"n\">url<\/span><span class=\"p\">(<\/span><span class=\"sa\">r<\/span><span class=\"s\">'^ipaddress\/^$'<\/span><span class=\"p\">,<\/span> <span class=\"n\">views<\/span><span class=\"p\">.<\/span><span class=\"n\">index<\/span><span class=\"p\">,<\/span> <span class=\"n\">name<\/span><span class=\"o\">=<\/span><span class=\"s\">'ipaddress_list'<\/span><span class=\"p\">),<\/span>\r\n<span class=\"p\">]<\/span>\r\n<\/code><\/pre>\n<h3>\u5b9a\u4e49\u89c6\u56fe\uff08Hello Django \u7f16\u8f91\uff09<\/h3>\n<p>\u901a\u8fc7\u7f16\u8f91\u5e94\u7528\u7a0b\u5e8f\u76ee\u5f55\u4e0b\u7684views.py\u6587\u4ef6\u6765\u5b9a\u4e49\u89c6\u56fe\u3002<br \/>\n\u9996\u5148\u5b9a\u4e49\u4e00\u4e2a\u6700\u7b80\u5355\u7684\u89c6\u56fe\uff0c\u53ea\u663e\u793a&#8221;Hello Django&#8221;\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ vi pj1\/app1\/models.py\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code><span class=\"kn\">from<\/span> <span class=\"nn\">django.http<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">HttpResponse<\/span>\r\n\r\n<span class=\"k\">def<\/span> <span class=\"nf\">ipaddress<\/span><span class=\"p\">(<\/span><span class=\"n\">request<\/span><span class=\"p\">):<\/span>\r\n    <span class=\"k\">return<\/span> <span class=\"n\">HttpResponse<\/span><span class=\"p\">(<\/span><span class=\"s\">\"Hello Django\"<\/span><span class=\"p\">)<\/span>\r\n<\/code><\/pre>\n<p>\u6211\u4f1a\u542f\u52a8\u4e00\u4e2a\u7b80\u6613\u7684Web\u670d\u52a1\u5668\uff0c\u5e76\u901a\u8fc7\u4e3b\u673a\u4e0a\u7684Web\u6d4f\u89c8\u5668\u8fdb\u884c\u786e\u8ba4\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ python pj1\/manage.py runserver 0.0.0.0:8000\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code>http:\/\/192.168.33.15:8000\/app1\/ipaddress\/\r\n<\/code><\/pre>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8c8f913a08637a6d0e55\/122-0.png\" alt=\"django_hello.png\" \/><\/div>\n<p>\u5982\u679c\u53ea\u662f\u4e00\u4e2a\u7b80\u5355\u7684\u6587\u672c\u5c55\u793a\u7684Web\u5e94\u7528\u7a0b\u5e8f\uff0c\u53ef\u4ee5\u6309\u7167\u8fd9\u6837\u7684\u65b9\u5f0f\u521b\u5efa\uff0c\u4f46\u662f\u5bf9\u4e8e\u4e00\u4e9b\u66f4\u52a0\u4e30\u5bcc\u7684\u4fe1\u606f\u7684Web\u5e94\u7528\u7a0b\u5e8f\uff0c\u6211\u4eec\u5c06\u4f1a\u5229\u7528\u6a21\u677f\u5f15\u64ce\u3001Bootstrap\u7b49CSS\u6846\u67b6\u8fdb\u884c\u5f00\u53d1\u3002<\/p>\n<h3>\u5b89\u88c5Bootstrap<\/h3>\n<p>\u5728\u672a\u6765\u7684Web\u5e94\u7528\u7a0b\u5e8f\u4e2d\uff0c\u6211\u4eec\u5c06\u4f7f\u7528CSS\u6846\u67b6Bootstrap\u3002\u4f7f\u7528Bootstrap\uff0c\u60a8\u53ef\u4ee5\u4f7f\u7528\u6700\u5c11\u91cf\u7684HTML\u4ee3\u7801\u521b\u5efa\u4e00\u4e2a\u5916\u89c2\u6574\u9f50\u7684Web\u9875\u9762\u3002<\/p>\n<p>\u9996\u5148\u4e0b\u8f7dBootstrap\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ sudo wget https:\/\/github.com\/twbs\/bootstrap\/releases\/download\/v3.3.5\/bootstrap-3.3.5-dist.zip\r\n\r\n(venv_app1) [vagrant@localhost django_apps]$ sudo yum install -y unzip\r\n\r\n(venv_app1) [vagrant@localhost django_apps]$ sudo unzip bootstrap-3.3.5-dist.zip\r\n<\/code><\/pre>\n<p>\u5c55\u5f00\u6b63\u786e\u540e\uff0c\u76ee\u5f55\u7ed3\u6784\u5982\u4e0b\u6240\u793a\u3002<\/p>\n<pre class=\"post-pre\"><code>bootstrap-3.3.5-dist\r\n|-- css\r\n|   |-- bootstrap-theme.css\r\n|   |-- bootstrap-theme.css.map\r\n|   |-- bootstrap-theme.min.css\r\n|   |-- bootstrap.css\r\n|   |-- bootstrap.css.map\r\n|   `-- bootstrap.min.css\r\n|-- fonts\r\n|   |-- glyphicons-halflings-regular.eot\r\n|   |-- glyphicons-halflings-regular.svg\r\n|   |-- glyphicons-halflings-regular.ttf\r\n|   |-- glyphicons-halflings-regular.woff\r\n|   `-- glyphicons-halflings-regular.woff2\r\n`-- js\r\n    |-- bootstrap.js\r\n    |-- bootstrap.min.js\r\n    `-- npm.js\r\n<\/code><\/pre>\n<p>\u7136\u540e\uff0c\u6211\u4eec\u8981\u4e0b\u8f7d\u4e00\u4e2a\u540d\u4e3ajQuery\u7684JavaScript\u5e93\uff0c\u7528\u4e8e\u5728Bootstrap\u4e2d\u4f7f\u7528\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ sudo wget http:\/\/code.jquery.com\/jquery-2.1.4.min.js\r\n<\/code><\/pre>\n<p>\u5c06jQuery\u6587\u4ef6\u79fb\u52a8\u5230\u5148\u524d\u4e0b\u8f7d\u7684bootstrap\u7684\u300cbootstrap-3.3.5-dist\/js\/\u300d\u6587\u4ef6\u5939\u4e2d\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ mv jquery-2.1.4.min.js bootstrap-3.3.5-dist\/js\/\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code>bootstrap-3.3.5-dist\r\n|-- css\r\n|   |-- bootstrap-theme.css\r\n|   |-- bootstrap-theme.css.map\r\n|   |-- bootstrap-theme.min.css\r\n|   |-- bootstrap.css\r\n|   |-- bootstrap.css.map\r\n|   `-- bootstrap.min.css\r\n|-- fonts\r\n|   |-- glyphicons-halflings-regular.eot\r\n|   |-- glyphicons-halflings-regular.svg\r\n|   |-- glyphicons-halflings-regular.ttf\r\n|   |-- glyphicons-halflings-regular.woff\r\n|   `-- glyphicons-halflings-regular.woff2\r\n`-- js\r\n    |-- bootstrap.js\r\n    |-- bootstrap.min.js\r\n    |-- jquery-2.1.4.min.js\r\n    `-- npm.js\r\n<\/code><\/pre>\n<p>\u7136\u540e\uff0c\u5728\u201cpj1\/app1\u201d\u5e94\u7528\u7a0b\u5e8f\u76ee\u5f55\u4e0b\u521b\u5efa\u4e00\u4e2a\u65b0\u7684\u201cstatic\u201d\u76ee\u5f55\uff0c<br \/>\n\u5e76\u5c06\u4e4b\u524d\u7684bootstrap-3.3.5-dist\u76ee\u5f55\u4e0b\u7684\u6240\u6709\u6587\u4ef6\u79fb\u52a8\u8fc7\u6765\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ mkdir pj1\/app1\/static\r\n(venv_app1) [vagrant@localhost django_apps]$ mv bootstrap-3.3.5-dist\/* pj1\/app1\/static\/\r\n<\/code><\/pre>\n<p>\u6700\u7ec8\uff0c\u76ee\u5f55\u7ed3\u6784\u4f1a\u53d8\u6210\u8fd9\u6837\u3002<\/p>\n<pre class=\"post-pre\"><code>pj1\r\n|-- app1\r\n|   |-- __init__.py\r\n|   |-- __pycache__\r\n|   |   |-- __init__.cpython-34.pyc\r\n|   |   |-- admin.cpython-34.pyc\r\n|   |   `-- models.cpython-34.pyc\r\n|   |-- admin.py\r\n|   |-- dumpdata\r\n|   |   `-- ap1_db_dump.json\r\n|   |-- migrations\r\n|   |   |-- 0001_initial.py\r\n|   |   |-- __init__.py\r\n|   |   `-- __pycache__\r\n|   |       |-- 0001_initial.cpython-34.pyc\r\n|   |       `-- __init__.cpython-34.pyc\r\n|   |-- models.py\r\n|   |-- static\r\n|   |   |-- css\r\n|   |   |   |-- bootstrap-theme.css\r\n|   |   |   |-- bootstrap-theme.css.map\r\n|   |   |   |-- bootstrap-theme.min.css\r\n|   |   |   |-- bootstrap.css\r\n|   |   |   |-- bootstrap.css.map\r\n|   |   |   `-- bootstrap.min.css\r\n|   |   |-- fonts\r\n|   |   |   |-- glyphicons-halflings-regular.eot\r\n|   |   |   |-- glyphicons-halflings-regular.svg\r\n|   |   |   |-- glyphicons-halflings-regular.ttf\r\n|   |   |   |-- glyphicons-halflings-regular.woff\r\n|   |   |   `-- glyphicons-halflings-regular.woff2\r\n|   |   `-- js\r\n|   |       |-- bootstrap.js\r\n|   |       |-- bootstrap.min.js\r\n|   |       |-- jquery-2.1.4.min.js\r\n|   |       `-- npm.js\r\n|   |-- tests.py\r\n|   |-- urls.py\r\n|   `-- views.py\r\n|-- manage.py\r\n`-- pj1\r\n    |-- __init__.py\r\n    |-- __pycache__\r\n    |   |-- __init__.cpython-34.pyc\r\n    |   |-- settings.cpython-34.pyc\r\n    |   |-- urls.cpython-34.pyc\r\n    |   `-- wsgi.cpython-34.pyc\r\n    |-- settings.py\r\n    |-- urls.py\r\n    `-- wsgi.py\r\n<\/code><\/pre>\n<p>\u63a5\u4e0b\u6765\uff0c\u4e3a\u4e86\u5728Django\u4e2d\u64cd\u4f5cBootstrap\uff0c\u6211\u4eec\u9700\u8981\u5b89\u88c5\u4e00\u4e2a\u540d\u4e3adjango-bootstrap-form\u7684Python\u5305\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ pip install django-bootstrap-form\r\n\r\n(venv_app1) [vagrant@localhost django_apps]$ pip list\r\nDjango (1.8.4)\r\ndjango-bootstrap-form (3.2)\r\nmysqlclient (1.3.6)\r\npip (7.1.2)\r\nsetuptools (12.0.5)\r\nuWSGI (2.0.11.1)\r\n<\/code><\/pre>\n<p>\u4e0b\u4e00\u6b65\uff0c\u5728pj1\/setting.py\u7684INSTALLED_APPS\u4e2d\uff0c\u6dfb\u52a0django-bootstrap-form\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ vi pj1\/settings.py\r\n\r\n\r\nINSTALLED_APPS = (\r\n    'django.contrib.admin',\r\n    'django.contrib.auth',\r\n    'django.contrib.contenttypes',\r\n    'django.contrib.sessions',\r\n    'django.contrib.messages',\r\n    'django.contrib.staticfiles',\r\n\r\n    ##\u4ee5\u4e0b\u3092\u8ffd\u8a18\r\n    'bootstrapform',\r\n\r\n    'app1'\r\n)\r\n<\/code><\/pre>\n<h3>\u521b\u5efa\u6a21\u677f<\/h3>\n<p>\u6211\u4eec\u5c06\u521b\u5efaHTML\u6587\u4ef6\u6a21\u677f\u3002\u5728Django\u4e2d\uff0c\u6211\u4eec\u4f7f\u7528Django\u6a21\u677f\u8bed\u8a00\uff08DTL\uff09\u4f5c\u4e3a\u6a21\u677f\u5f15\u64ce\uff0c\u901a\u8fc7\u5c06\u53d8\u91cf\u5d4c\u5165HTML\u6a21\u677f\u6765\u521b\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\u3002<\/p>\n<p>\u5728DTL\u4e2d\uff0c\u53ef\u4ee5\u5c06\u7528{{ }}\u6216{% %}\u62ec\u8d77\u6765\u7684\u503c\u4f5c\u4e3a\u53d8\u91cf\u6216\u7f16\u7a0b\u51fd\u6570\u6765\u5904\u7406\u3002<\/p>\n<p>\u6839\u636e\u672c\u6b21IP\u5730\u5740\u7ba1\u7406\u5e94\u7528\u7a0b\u5e8f\u7684\u9700\u6c42\uff0c\u6211\u4eec\u5c06\u521b\u5efaHTML\u6a21\u677f\u3002<br \/>\n\u6a21\u677f\u5c06\u88ab\u653e\u7f6e\u5728\u201capp1\/templates\/\u201d\u76ee\u5f55\u4e0b\u3002<\/p>\n<p>\u6211\u6b63\u5728\u6839\u636eBootstrap\u5165\u95e8\u6307\u5357\u4e2d\u4ecb\u7ecd\u7684\u4ee5\u4e0b\u9875\u9762\u6765\u53c2\u8003\u5236\u4f5c\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ mkdir pj1\/app1\/templates\r\n(venv_app1) [vagrant@localhost django_apps]$ vi pj1\/app1\/templates\/ipaddress.html\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code>{% load staticfiles %}\r\n\r\n<span class=\"c\">&lt;!-- Adjust  bootstrap  navbar --&gt;<\/span>\r\nbody { padding-top: 40px; }\r\n\r\n<span class=\"cp\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span class=\"nt\">&lt;html<\/span> <span class=\"na\">lang=<\/span><span class=\"s\">\"ja\"<\/span><span class=\"nt\">&gt;<\/span>\r\n  <span class=\"nt\">&lt;head&gt;<\/span>\r\n    <span class=\"nt\">&lt;meta<\/span> <span class=\"na\">charset=<\/span><span class=\"s\">\"utf-8\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;meta<\/span> <span class=\"na\">http-equiv=<\/span><span class=\"s\">\"X-UA-Compatible\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"IE=edge\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;meta<\/span> <span class=\"na\">name=<\/span><span class=\"s\">\"viewport\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"width=device-width, initial-scale=1\"<\/span><span class=\"nt\">&gt;<\/span>\r\n\r\n    <span class=\"nt\">&lt;title&gt;<\/span>App1<span class=\"nt\">&lt;\/title&gt;<\/span>\r\n\r\n    <span class=\"nt\">&lt;link<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"{% static 'css\/bootstrap.min.css' %}\"<\/span> <span class=\"na\">rel=<\/span><span class=\"s\">\"stylesheet\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;link<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"{% static 'css\/bootstrap-theme.min.css' %}\"<\/span> <span class=\"na\">rel=<\/span><span class=\"s\">\"stylesheet\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;script <\/span><span class=\"na\">src=<\/span><span class=\"s\">\"{% static 'js\/jquery-2.1.4.min.js' %}\"<\/span><span class=\"nt\">&gt;&lt;\/script&gt;<\/span>\r\n    <span class=\"nt\">&lt;script <\/span><span class=\"na\">src=<\/span><span class=\"s\">\"{% static 'js\/bootstrap.min.js' %}\"<\/span><span class=\"nt\">&gt;&lt;\/script&gt;<\/span>\r\n  <span class=\"nt\">&lt;\/head&gt;<\/span>\r\n\r\n  <span class=\"nt\">&lt;body&gt;<\/span>\r\n    <span class=\"nt\">&lt;nav<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"navbar navbar-inverse navbar-fixed-top\"<\/span><span class=\"nt\">&gt;<\/span>\r\n      <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"container\"<\/span><span class=\"nt\">&gt;<\/span>\r\n        <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"navbar-header\"<\/span><span class=\"nt\">&gt;<\/span>\r\n          <span class=\"nt\">&lt;button<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"navbar-toggle collapsed\"<\/span> <span class=\"na\">data-toggle=<\/span><span class=\"s\">\"collapse\"<\/span> <span class=\"na\">data-target=<\/span><span class=\"s\">\"#navbar\"<\/span> <span class=\"na\">aria-expanded=<\/span><span class=\"s\">\"false\"<\/span> <span class=\"na\">aria-controls=<\/span><span class=\"s\">\"navbar\"<\/span><span class=\"nt\">&gt;<\/span>\r\n            <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"sr-only\"<\/span><span class=\"nt\">&gt;<\/span>Toggle navigation<span class=\"nt\">&lt;\/span&gt;<\/span>\r\n            <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"icon-bar\"<\/span><span class=\"nt\">&gt;&lt;\/span&gt;<\/span>\r\n            <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"icon-bar\"<\/span><span class=\"nt\">&gt;&lt;\/span&gt;<\/span>\r\n            <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"icon-bar\"<\/span><span class=\"nt\">&gt;&lt;\/span&gt;<\/span>\r\n          <span class=\"nt\">&lt;\/button&gt;<\/span>\r\n          <span class=\"nt\">&lt;a<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"navbar-brand\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"#\"<\/span><span class=\"nt\">&gt;<\/span>App1<span class=\"nt\">&lt;\/a&gt;<\/span>\r\n        <span class=\"nt\">&lt;\/div&gt;<\/span>\r\n        <span class=\"nt\">&lt;div<\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"navbar\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"collapse navbar-collapse\"<\/span><span class=\"nt\">&gt;<\/span>\r\n          <span class=\"nt\">&lt;ul<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"nav navbar-nav\"<\/span><span class=\"nt\">&gt;<\/span>\r\n            <span class=\"nt\">&lt;li<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"active\"<\/span><span class=\"nt\">&gt;&lt;a<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"#\"<\/span><span class=\"nt\">&gt;<\/span>IP address<span class=\"nt\">&lt;\/a&gt;&lt;\/li&gt;<\/span>\r\n            <span class=\"nt\">&lt;li&gt;&lt;a<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"#\"<\/span><span class=\"nt\">&gt;<\/span>Function 2<span class=\"nt\">&lt;\/a&gt;&lt;\/li&gt;<\/span>\r\n            <span class=\"nt\">&lt;li&gt;&lt;a<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"#\"<\/span><span class=\"nt\">&gt;<\/span>Function 3<span class=\"nt\">&lt;\/a&gt;&lt;\/li&gt;<\/span>\r\n          <span class=\"nt\">&lt;\/ul&gt;<\/span>\r\n        <span class=\"nt\">&lt;\/div&gt;<\/span><span class=\"c\">&lt;!--\/.nav-collapse --&gt;<\/span>\r\n      <span class=\"nt\">&lt;\/div&gt;<\/span>\r\n    <span class=\"nt\">&lt;\/nav&gt;<\/span>\r\n\r\n    <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"container\"<\/span><span class=\"nt\">&gt;<\/span>\r\n        <span class=\"nt\">&lt;h1<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"page-header\"<\/span><span class=\"nt\">&gt;<\/span>IP address<span class=\"nt\">&lt;\/h1&gt;<\/span>\r\n        <span class=\"nt\">&lt;table<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"table table-striped table-bordered\"<\/span><span class=\"nt\">&gt;<\/span>\r\n\r\n            <span class=\"nt\">&lt;thead&gt;<\/span>\r\n                <span class=\"nt\">&lt;tr&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>IP address<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>Status<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>Description<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                <span class=\"nt\">&lt;\/tr&gt;<\/span>\r\n            <span class=\"nt\">&lt;\/thead&gt;<\/span>\r\n            <span class=\"nt\">&lt;tbody&gt;<\/span>\r\n                {% for ipaddress in ipaddresses %}\r\n                <span class=\"nt\">&lt;tr&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>{{ ipaddress.ipaddress }}<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>{{ ipaddress.status }}<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>{{ ipaddress.description }}<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                <span class=\"nt\">&lt;\/tr&gt;<\/span>\r\n                {% endfor %}\r\n            <span class=\"nt\">&lt;\/tbody&gt;<\/span>\r\n        <span class=\"nt\">&lt;\/table&gt;<\/span>\r\n\r\n    <span class=\"nt\">&lt;\/div&gt;<\/span><span class=\"c\">&lt;!-- \/.container --&gt;<\/span>\r\n\r\n  <span class=\"nt\">&lt;\/body&gt;<\/span>\r\n<span class=\"nt\">&lt;\/html&gt;<\/span>\r\n<\/code><\/pre>\n<h3>\u5b9a\u4e49View\uff08IP\u5730\u5740\u663e\u793a\u7248\uff09<\/h3>\n<p>\u6839\u636e\u521b\u5efa\u7684\u6a21\u677f\uff0c\u6211\u5c06\u5c1d\u8bd5\u521b\u5efa\u4e00\u4e2a\u5e94\u7528\u7a0b\u5e8f\uff0c\u4ee5\u663e\u793a\u6570\u636e\u5e93\u4e2dIP\u5730\u5740\u7684\u4fe1\u606f\u3002\u6211\u4f1a\u5bf9pj1\/app1\/views.py\u8fdb\u884c\u5982\u4e0b\u4fee\u6539\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ vi pj1\/app1\/models.py\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code><span class=\"kn\">from<\/span> <span class=\"nn\">django.http<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">HttpResponse<\/span>\r\n<span class=\"kn\">from<\/span> <span class=\"nn\">django.shortcuts<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">render_to_response<\/span>\r\n<span class=\"kn\">from<\/span> <span class=\"nn\">django.template<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">RequestContext<\/span>\r\n<span class=\"kn\">from<\/span> <span class=\"nn\">app1.models<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">Ipaddress<\/span>\r\n\r\n<span class=\"k\">def<\/span> <span class=\"nf\">ipaddress<\/span><span class=\"p\">(<\/span><span class=\"n\">request<\/span><span class=\"p\">):<\/span>\r\n    <span class=\"c1\"># \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u4e0a\u306eIP\u30a2\u30c9\u30ec\u30b9\u60c5\u5831\u3092\u914d\u5217\u578b\u3067\u53d6\u5f97\r\n<\/span>    <span class=\"n\">ipaddresses<\/span> <span class=\"o\">=<\/span> <span class=\"n\">Ipaddress<\/span><span class=\"p\">.<\/span><span class=\"n\">objects<\/span><span class=\"p\">.<\/span><span class=\"nb\">all<\/span><span class=\"p\">().<\/span><span class=\"n\">order_by<\/span><span class=\"p\">(<\/span><span class=\"s\">'id'<\/span><span class=\"p\">)<\/span>\r\n\r\n    <span class=\"k\">return<\/span>  <span class=\"n\">render_to_response<\/span><span class=\"p\">(<\/span>\r\n        <span class=\"s\">'ipaddress.html'<\/span><span class=\"p\">,<\/span> <span class=\"c1\"># \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u540d\u3092\u6307\u5b9a\r\n<\/span>        <span class=\"p\">{<\/span><span class=\"s\">'ipaddresses'<\/span> <span class=\"p\">:<\/span> <span class=\"n\">ipaddresses<\/span> <span class=\"p\">},<\/span> <span class=\"c1\"># \u53d6\u5f97\u3057\u305fIP\u30a2\u30c9\u30ec\u30b9\u60c5\u5831\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5185\u306e\u5909\u6570\u306b\u4ee3\u5165\r\n<\/span>        <span class=\"n\">context_instance<\/span><span class=\"o\">=<\/span><span class=\"n\">RequestContext<\/span><span class=\"p\">(<\/span><span class=\"n\">request<\/span><span class=\"p\">)<\/span>\r\n        <span class=\"p\">)<\/span>\r\n<\/code><\/pre>\n<p>\u6211\u4f1a\u5efa\u7acb\u4e00\u4e2a\u7b80\u6613\u7684Web\u670d\u52a1\u5668\uff0c\u5e76\u5728\u4e3b\u673a\u7684Web\u6d4f\u89c8\u5668\u4e0a\u8fdb\u884c\u786e\u8ba4\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ python pj1\/manage.py runserver 0.0.0.0:8000\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code>http:\/\/192.168.33.15:8000\/app1\/ipaddress\/\r\n<\/code><\/pre>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8c8f913a08637a6d0e55\/157-0.png\" alt=\"django_app_ipaddresslist.png\" \/><\/div>\n<p>\u901a\u8fc7\u5c06\u6a21\u677f\u6587\u4ef6\u548c\u89c6\u56fe\u5b9a\u4e49\u7ed3\u5408\u8d77\u6765\uff0c\u53ef\u4ee5\u7528\u76f8\u5bf9\u8f83\u5c11\u7684\u4ee3\u7801\u6765\u521b\u5efaDjango\u5e94\u7528\u7a0b\u5e8f\u3002<\/p>\n<h2>\u5b9a\u4e49\u89c6\u56fe\uff08IP\u5730\u5740\u7ba1\u7406\uff09<\/h2>\n<p>\u4e0b\u4e00\u6b65\u4f5c\u4e3a\u5e94\u7528\u90e8\u5206\uff0c\u6211\u4eec\u5c06\u5c1d\u8bd5\u6dfb\u52a0\u4e00\u4e2aIP\u5730\u5740\u4fe1\u606f\u53d8\u66f4\u7684\u529f\u80fd\u5230\u5e94\u7528\u7a0b\u5e8f\u4e2d\u3002<br \/>\n\u6211\u4e0d\u4f1a\u8be6\u7ec6\u89e3\u91ca\uff0c\u4f46\u4f1a\u7ed9\u51fa\u4fee\u6539\u540e\u7684\u6587\u4ef6\u3002<\/p>\n<p>\u9996\u5148\uff0c\u6211\u4eec\u5c06\u7f16\u8f91app1\/urls.py\u6587\u4ef6\u5982\u4e0b\uff1a<br \/>\n\u5728\u8fd9\u91cc\uff0c\u6211\u4eec\u5b9a\u4e49\u4e86\u65b0\u7684URL\uff0c\u4f8b\u5982http:\/\/192.168.33.15:8000\/app1\/ipaddress\/change\/1\/\uff0c\u5e76\u6307\u5b9a\u5b83\u4e0e\u6570\u636e\u5e93\u4e2d\u7684IP\u5730\u5740\u4fe1\u606f\u7684\u4e3bID\u5173\u8054\u4e3a&#8221;ipaddress_id&#8221;\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ vi pj1\/app1\/urls.py\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code><span class=\"kn\">from<\/span> <span class=\"nn\">django.conf.urls<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">patterns<\/span><span class=\"p\">,<\/span> <span class=\"n\">url<\/span>\r\n<span class=\"kn\">from<\/span> <span class=\"nn\">app1<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">views<\/span>\r\n\r\n<span class=\"n\">urlpatterns<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span>\r\n    <span class=\"n\">url<\/span><span class=\"p\">(<\/span><span class=\"sa\">r<\/span><span class=\"s\">'^ipaddress\/$'<\/span><span class=\"p\">,<\/span> <span class=\"n\">views<\/span><span class=\"p\">.<\/span><span class=\"n\">ipaddress<\/span><span class=\"p\">,<\/span> <span class=\"n\">name<\/span><span class=\"o\">=<\/span><span class=\"s\">'ipaddress'<\/span><span class=\"p\">),<\/span>\r\n    <span class=\"n\">url<\/span><span class=\"p\">(<\/span><span class=\"sa\">r<\/span><span class=\"s\">'^ipaddress\/change\/(?P&lt;ipaddress_id&gt;\\d+)\/$'<\/span><span class=\"p\">,<\/span> <span class=\"n\">views<\/span><span class=\"p\">.<\/span><span class=\"n\">ipaddress_change<\/span><span class=\"p\">,<\/span> <span class=\"n\">name<\/span><span class=\"o\">=<\/span><span class=\"s\">'ipaddress_change'<\/span><span class=\"p\">),<\/span>\r\n<span class=\"p\">]<\/span>\r\n<\/code><\/pre>\n<p>\u63a5\u4e0b\u6765\uff0c\u6211\u4eec\u8981\u521b\u5efaapp1\/forms.py\u6587\u4ef6\uff0c\u4ee5\u4fbf\u76f4\u63a5\u66f4\u6539ipaddress\u8868\u7684\u5b57\u6bb5\u4fe1\u606f\u7684\u503c\u3002\u521b\u5efaforms.py\u6587\u4ef6\u540e\uff0c\u6211\u4eec\u53ef\u4ee5\u5728HTML\u6a21\u677f\u4e2d\u4f7f\u7528{{ form }}\u6765\u8c03\u7528\u6240\u6709\u5b57\u6bb5\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ vi pj1\/app1\/forms.py\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code><span class=\"kn\">from<\/span> <span class=\"nn\">django.forms<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">ModelForm<\/span>\r\n<span class=\"kn\">from<\/span> <span class=\"nn\">app1.models<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">Ipaddress<\/span>\r\n\r\n<span class=\"k\">class<\/span> <span class=\"nc\">IpaddressForm<\/span><span class=\"p\">(<\/span><span class=\"n\">ModelForm<\/span><span class=\"p\">):<\/span>\r\n    <span class=\"k\">class<\/span> <span class=\"nc\">Meta<\/span><span class=\"p\">:<\/span>\r\n        <span class=\"n\">model<\/span> <span class=\"o\">=<\/span> <span class=\"n\">Ipaddress<\/span>\r\n        <span class=\"n\">fields<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"s\">'id'<\/span><span class=\"p\">,<\/span> <span class=\"s\">'ipaddress'<\/span><span class=\"p\">,<\/span> <span class=\"s\">'status'<\/span><span class=\"p\">,<\/span> <span class=\"s\">'description'<\/span><span class=\"p\">)<\/span>\r\n<\/code><\/pre>\n<p>\u63a5\u4e0b\u6765\uff0c\u6211\u4eec\u8981\u5bf9app1\/veiws.py\u8fdb\u884c\u4ee5\u4e0b\u8ffd\u52a0\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ vi pj1\/app1\/views.py\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code><span class=\"c1\"># -*- coding: utf-8 -*-\r\n<\/span><span class=\"kn\">from<\/span> <span class=\"nn\">django.http<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">HttpResponse<\/span>\r\n<span class=\"kn\">from<\/span> <span class=\"nn\">django.shortcuts<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">render_to_response<\/span><span class=\"p\">,<\/span>  <span class=\"n\">get_object_or_404<\/span><span class=\"p\">,<\/span> <span class=\"n\">redirect<\/span>\r\n<span class=\"kn\">from<\/span> <span class=\"nn\">django.template<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">RequestContext<\/span>\r\n<span class=\"kn\">from<\/span> <span class=\"nn\">app1.models<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">Ipaddress<\/span>\r\n<span class=\"kn\">from<\/span> <span class=\"nn\">app1.forms<\/span> <span class=\"kn\">import<\/span> <span class=\"n\">IpaddressForm<\/span>\r\n\r\n<span class=\"k\">def<\/span> <span class=\"nf\">ipaddress<\/span><span class=\"p\">(<\/span><span class=\"n\">request<\/span><span class=\"p\">):<\/span>\r\n    <span class=\"n\">ipaddresses<\/span> <span class=\"o\">=<\/span> <span class=\"n\">Ipaddress<\/span><span class=\"p\">.<\/span><span class=\"n\">objects<\/span><span class=\"p\">.<\/span><span class=\"nb\">all<\/span><span class=\"p\">().<\/span><span class=\"n\">order_by<\/span><span class=\"p\">(<\/span><span class=\"s\">'id'<\/span><span class=\"p\">)<\/span>\r\n\r\n    <span class=\"k\">return<\/span>  <span class=\"n\">render_to_response<\/span><span class=\"p\">(<\/span>\r\n        <span class=\"s\">'ipaddress.html'<\/span><span class=\"p\">,<\/span>\r\n        <span class=\"p\">{<\/span><span class=\"s\">'ipaddresses'<\/span> <span class=\"p\">:<\/span> <span class=\"n\">ipaddresses<\/span> <span class=\"p\">},<\/span>\r\n        <span class=\"n\">context_instance<\/span><span class=\"o\">=<\/span><span class=\"n\">RequestContext<\/span><span class=\"p\">(<\/span><span class=\"n\">request<\/span><span class=\"p\">)<\/span>\r\n        <span class=\"p\">)<\/span>\r\n\r\n<span class=\"k\">def<\/span> <span class=\"nf\">ipaddress_change<\/span><span class=\"p\">(<\/span><span class=\"n\">request<\/span><span class=\"p\">,<\/span> <span class=\"n\">ipaddress_id<\/span><span class=\"o\">=<\/span><span class=\"bp\">None<\/span><span class=\"p\">):<\/span>\r\n\r\n    <span class=\"k\">if<\/span> <span class=\"n\">ipaddress_id<\/span><span class=\"p\">:<\/span>\r\n        <span class=\"n\">ipaddress<\/span> <span class=\"o\">=<\/span>  <span class=\"n\">get_object_or_404<\/span><span class=\"p\">(<\/span><span class=\"n\">Ipaddress<\/span><span class=\"p\">,<\/span> <span class=\"n\">pk<\/span><span class=\"o\">=<\/span><span class=\"n\">ipaddress_id<\/span><span class=\"p\">)<\/span>\r\n    <span class=\"k\">else<\/span><span class=\"p\">:<\/span>\r\n        <span class=\"n\">ipaddress<\/span> <span class=\"o\">=<\/span> <span class=\"n\">Ipaddress<\/span><span class=\"p\">()<\/span>\r\n\r\n    <span class=\"k\">if<\/span> <span class=\"n\">request<\/span><span class=\"p\">.<\/span><span class=\"n\">method<\/span> <span class=\"o\">==<\/span> <span class=\"s\">'POST'<\/span><span class=\"p\">:<\/span>\r\n        <span class=\"c1\"># \u57fa\u672c\u7684\u306bPOST\u304c\u63a8\u5968\u3055\u308c\u308b\r\n<\/span>        <span class=\"n\">form<\/span> <span class=\"o\">=<\/span> <span class=\"n\">IpaddressForm<\/span><span class=\"p\">(<\/span><span class=\"n\">request<\/span><span class=\"p\">.<\/span><span class=\"n\">POST<\/span><span class=\"p\">,<\/span> <span class=\"n\">instance<\/span><span class=\"o\">=<\/span><span class=\"n\">ipaddress<\/span><span class=\"p\">)<\/span>\r\n        <span class=\"k\">if<\/span> <span class=\"n\">form<\/span><span class=\"p\">.<\/span><span class=\"n\">is_valid<\/span><span class=\"p\">():<\/span>\r\n            <span class=\"n\">form<\/span> <span class=\"o\">=<\/span> <span class=\"n\">form<\/span><span class=\"p\">.<\/span><span class=\"n\">save<\/span><span class=\"p\">(<\/span><span class=\"n\">commit<\/span><span class=\"o\">=<\/span><span class=\"bp\">False<\/span><span class=\"p\">)<\/span>\r\n            <span class=\"n\">form<\/span><span class=\"p\">.<\/span><span class=\"n\">save<\/span><span class=\"p\">()<\/span>\r\n            <span class=\"k\">return<\/span> <span class=\"n\">redirect<\/span><span class=\"p\">(<\/span><span class=\"s\">'app1:ipaddress'<\/span><span class=\"p\">)<\/span>\r\n    <span class=\"k\">else<\/span><span class=\"p\">:<\/span>\r\n        <span class=\"c1\"># GET\u306e\u5834\u5408\u306f\u3053\u3061\u3089\u3092\u5b9f\u884c\r\n<\/span>        <span class=\"n\">form<\/span> <span class=\"o\">=<\/span> <span class=\"n\">IpaddressForm<\/span><span class=\"p\">(<\/span><span class=\"n\">instance<\/span><span class=\"o\">=<\/span><span class=\"n\">ipaddress<\/span><span class=\"p\">)<\/span>\r\n\r\n    <span class=\"k\">return<\/span>  <span class=\"n\">render_to_response<\/span><span class=\"p\">(<\/span>\r\n        <span class=\"s\">'ipaddress_change.html'<\/span><span class=\"p\">,<\/span>\r\n        <span class=\"nb\">dict<\/span><span class=\"p\">(<\/span><span class=\"n\">form<\/span><span class=\"o\">=<\/span><span class=\"n\">form<\/span><span class=\"p\">,<\/span> <span class=\"n\">ipaddress_id<\/span><span class=\"o\">=<\/span><span class=\"n\">ipaddress_id<\/span><span class=\"p\">),<\/span>\r\n        <span class=\"n\">context_instance<\/span><span class=\"o\">=<\/span><span class=\"n\">RequestContext<\/span><span class=\"p\">(<\/span><span class=\"n\">request<\/span><span class=\"p\">)<\/span>\r\n        <span class=\"p\">)<\/span>\r\n<\/code><\/pre>\n<p>\u5c06\u6a21\u677f\u6587\u4ef6app1\/template\/ipaddress.html\u4ee5\u4ee5\u4e0b\u65b9\u5f0f\u8ffd\u52a0\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ vi pj1\/app1\/templates\/ipaddress.html\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code>{% load staticfiles %}\r\n\r\n<span class=\"c\">&lt;!-- Adjust  bootstrap  navbar --&gt;<\/span>\r\nbody { padding-top: 40px; }\r\n\r\n<span class=\"cp\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span class=\"nt\">&lt;html<\/span> <span class=\"na\">lang=<\/span><span class=\"s\">\"ja\"<\/span><span class=\"nt\">&gt;<\/span>\r\n  <span class=\"nt\">&lt;head&gt;<\/span>\r\n    <span class=\"nt\">&lt;meta<\/span> <span class=\"na\">charset=<\/span><span class=\"s\">\"utf-8\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;meta<\/span> <span class=\"na\">http-equiv=<\/span><span class=\"s\">\"X-UA-Compatible\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"IE=edge\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;meta<\/span> <span class=\"na\">name=<\/span><span class=\"s\">\"viewport\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"width=device-width, initial-scale=1\"<\/span><span class=\"nt\">&gt;<\/span>\r\n\r\n    <span class=\"nt\">&lt;title&gt;<\/span>App1<span class=\"nt\">&lt;\/title&gt;<\/span>\r\n\r\n    <span class=\"nt\">&lt;link<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"{% static 'css\/bootstrap.min.css' %}\"<\/span> <span class=\"na\">rel=<\/span><span class=\"s\">\"stylesheet\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;link<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"{% static 'css\/bootstrap-theme.min.css' %}\"<\/span> <span class=\"na\">rel=<\/span><span class=\"s\">\"stylesheet\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;script <\/span><span class=\"na\">src=<\/span><span class=\"s\">\"{% static 'js\/jquery-2.1.4.min.js' %}\"<\/span><span class=\"nt\">&gt;&lt;\/script&gt;<\/span>\r\n    <span class=\"nt\">&lt;script <\/span><span class=\"na\">src=<\/span><span class=\"s\">\"{% static 'js\/bootstrap.min.js' %}\"<\/span><span class=\"nt\">&gt;&lt;\/script&gt;<\/span>\r\n  <span class=\"nt\">&lt;\/head&gt;<\/span>\r\n\r\n  <span class=\"nt\">&lt;body&gt;<\/span>\r\n    <span class=\"nt\">&lt;nav<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"navbar navbar-inverse navbar-fixed-top\"<\/span><span class=\"nt\">&gt;<\/span>\r\n      <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"container\"<\/span><span class=\"nt\">&gt;<\/span>\r\n        <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"navbar-header\"<\/span><span class=\"nt\">&gt;<\/span>\r\n          <span class=\"nt\">&lt;button<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"navbar-toggle collapsed\"<\/span> <span class=\"na\">data-toggle=<\/span><span class=\"s\">\"collapse\"<\/span> <span class=\"na\">data-target=<\/span><span class=\"s\">\"#navbar\"<\/span> <span class=\"na\">aria-expanded=<\/span><span class=\"s\">\"false\"<\/span> <span class=\"na\">aria-controls=<\/span><span class=\"s\">\"navbar\"<\/span><span class=\"nt\">&gt;<\/span>\r\n            <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"sr-only\"<\/span><span class=\"nt\">&gt;<\/span>Toggle navigation<span class=\"nt\">&lt;\/span&gt;<\/span>\r\n            <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"icon-bar\"<\/span><span class=\"nt\">&gt;&lt;\/span&gt;<\/span>\r\n            <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"icon-bar\"<\/span><span class=\"nt\">&gt;&lt;\/span&gt;<\/span>\r\n            <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"icon-bar\"<\/span><span class=\"nt\">&gt;&lt;\/span&gt;<\/span>\r\n          <span class=\"nt\">&lt;\/button&gt;<\/span>\r\n          <span class=\"nt\">&lt;a<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"navbar-brand\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"#\"<\/span><span class=\"nt\">&gt;<\/span>App1<span class=\"nt\">&lt;\/a&gt;<\/span>\r\n        <span class=\"nt\">&lt;\/div&gt;<\/span>\r\n        <span class=\"nt\">&lt;div<\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"navbar\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"collapse navbar-collapse\"<\/span><span class=\"nt\">&gt;<\/span>\r\n          <span class=\"nt\">&lt;ul<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"nav navbar-nav\"<\/span><span class=\"nt\">&gt;<\/span>\r\n            <span class=\"nt\">&lt;li<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"active\"<\/span><span class=\"nt\">&gt;&lt;a<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"#\"<\/span><span class=\"nt\">&gt;<\/span>IP address<span class=\"nt\">&lt;\/a&gt;&lt;\/li&gt;<\/span>\r\n            <span class=\"nt\">&lt;li&gt;&lt;a<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"#\"<\/span><span class=\"nt\">&gt;<\/span>Function 2<span class=\"nt\">&lt;\/a&gt;&lt;\/li&gt;<\/span>\r\n            <span class=\"nt\">&lt;li&gt;&lt;a<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"#\"<\/span><span class=\"nt\">&gt;<\/span>Function 3<span class=\"nt\">&lt;\/a&gt;&lt;\/li&gt;<\/span>\r\n          <span class=\"nt\">&lt;\/ul&gt;<\/span>\r\n        <span class=\"nt\">&lt;\/div&gt;<\/span><span class=\"c\">&lt;!--\/.nav-collapse --&gt;<\/span>\r\n      <span class=\"nt\">&lt;\/div&gt;<\/span>\r\n    <span class=\"nt\">&lt;\/nav&gt;<\/span>\r\n\r\n    <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"container\"<\/span><span class=\"nt\">&gt;<\/span>\r\n        <span class=\"nt\">&lt;h1<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"page-header\"<\/span><span class=\"nt\">&gt;<\/span>IP address<span class=\"nt\">&lt;\/h1&gt;<\/span>\r\n        <span class=\"nt\">&lt;table<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"table table-striped table-bordered\"<\/span><span class=\"nt\">&gt;<\/span>\r\n\r\n            <span class=\"nt\">&lt;thead&gt;<\/span>\r\n                <span class=\"nt\">&lt;tr&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>ID<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>IP address<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>Status<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>Description<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>Function<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                <span class=\"nt\">&lt;\/tr&gt;<\/span>\r\n            <span class=\"nt\">&lt;\/thead&gt;<\/span>\r\n            <span class=\"nt\">&lt;tbody&gt;<\/span>\r\n                {% for ipaddress in ipaddresses %}\r\n                <span class=\"nt\">&lt;tr&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>{{ ipaddress.id }}<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>{{ ipaddress.ipaddress }}<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>{{ ipaddress.status }}<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>{{ ipaddress.description }}<span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                    <span class=\"nt\">&lt;td&gt;<\/span>\r\n                        <span class=\"nt\">&lt;a<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"{% url 'app1:ipaddress_change' ipaddress_id=ipaddress.id  %}\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"btn btn-default btn-sm\"<\/span><span class=\"nt\">&gt;<\/span>Change Status<span class=\"nt\">&lt;\/a&gt;<\/span>\r\n                    <span class=\"nt\">&lt;\/td&gt;<\/span>\r\n                <span class=\"nt\">&lt;\/tr&gt;<\/span>\r\n                {% endfor %}\r\n            <span class=\"nt\">&lt;\/tbody&gt;<\/span>\r\n        <span class=\"nt\">&lt;\/table&gt;<\/span>\r\n    <span class=\"nt\">&lt;\/div&gt;<\/span><span class=\"c\">&lt;!-- \/.container --&gt;<\/span>\r\n\r\n\r\n  <span class=\"nt\">&lt;\/body&gt;<\/span>\r\n<span class=\"nt\">&lt;\/html&gt;<\/span>\r\n<\/code><\/pre>\n<p>\u53e6\u5916\uff0c\u4e3a\u4e86\u5b9e\u73b0\u53d8\u66f4\u529f\u80fd\uff0c\u6211\u4eec\u5c06\u521b\u5efa\u4e00\u4e2a\u65b0\u7684\u6a21\u677f\u6587\u4ef6app1\/template\/ipaddress_change.html\u3002\u524d\u534a\u90e8\u5206\u662f\u5c06app1\/template\/ipaddress.html\u7684\u5185\u5bb9\u590d\u5236\u8fc7\u6765\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ vi pj1\/app1\/templates\/ipaddress_change.html\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code>{% load staticfiles %}\r\n\r\n<span class=\"c\">&lt;!-- Adjust  bootstrap  navbar --&gt;<\/span>\r\nbody { padding-top: 40px; }\r\n\r\n<span class=\"cp\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span class=\"nt\">&lt;html<\/span> <span class=\"na\">lang=<\/span><span class=\"s\">\"ja\"<\/span><span class=\"nt\">&gt;<\/span>\r\n  <span class=\"nt\">&lt;head&gt;<\/span>\r\n    <span class=\"nt\">&lt;meta<\/span> <span class=\"na\">charset=<\/span><span class=\"s\">\"utf-8\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;meta<\/span> <span class=\"na\">http-equiv=<\/span><span class=\"s\">\"X-UA-Compatible\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"IE=edge\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;meta<\/span> <span class=\"na\">name=<\/span><span class=\"s\">\"viewport\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"width=device-width, initial-scale=1\"<\/span><span class=\"nt\">&gt;<\/span>\r\n\r\n    <span class=\"nt\">&lt;title&gt;<\/span>App1<span class=\"nt\">&lt;\/title&gt;<\/span>\r\n\r\n    <span class=\"nt\">&lt;link<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"{% static 'css\/bootstrap.min.css' %}\"<\/span> <span class=\"na\">rel=<\/span><span class=\"s\">\"stylesheet\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;link<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"{% static 'css\/bootstrap-theme.min.css' %}\"<\/span> <span class=\"na\">rel=<\/span><span class=\"s\">\"stylesheet\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;script <\/span><span class=\"na\">src=<\/span><span class=\"s\">\"{% static 'js\/jquery-2.1.4.min.js' %}\"<\/span><span class=\"nt\">&gt;&lt;\/script&gt;<\/span>\r\n    <span class=\"nt\">&lt;script <\/span><span class=\"na\">src=<\/span><span class=\"s\">\"{% static 'js\/bootstrap.min.js' %}\"<\/span><span class=\"nt\">&gt;&lt;\/script&gt;<\/span>\r\n  <span class=\"nt\">&lt;\/head&gt;<\/span>\r\n\r\n  <span class=\"nt\">&lt;body&gt;<\/span>\r\n    <span class=\"nt\">&lt;nav<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"navbar navbar-inverse navbar-fixed-top\"<\/span><span class=\"nt\">&gt;<\/span>\r\n      <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"container\"<\/span><span class=\"nt\">&gt;<\/span>\r\n        <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"navbar-header\"<\/span><span class=\"nt\">&gt;<\/span>\r\n          <span class=\"nt\">&lt;button<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"navbar-toggle collapsed\"<\/span> <span class=\"na\">data-toggle=<\/span><span class=\"s\">\"collapse\"<\/span> <span class=\"na\">data-target=<\/span><span class=\"s\">\"#navbar\"<\/span> <span class=\"na\">aria-expanded=<\/span><span class=\"s\">\"false\"<\/span> <span class=\"na\">aria-controls=<\/span><span class=\"s\">\"navbar\"<\/span><span class=\"nt\">&gt;<\/span>\r\n            <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"sr-only\"<\/span><span class=\"nt\">&gt;<\/span>Toggle navigation<span class=\"nt\">&lt;\/span&gt;<\/span>\r\n            <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"icon-bar\"<\/span><span class=\"nt\">&gt;&lt;\/span&gt;<\/span>\r\n            <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"icon-bar\"<\/span><span class=\"nt\">&gt;&lt;\/span&gt;<\/span>\r\n            <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"icon-bar\"<\/span><span class=\"nt\">&gt;&lt;\/span&gt;<\/span>\r\n          <span class=\"nt\">&lt;\/button&gt;<\/span>\r\n          <span class=\"nt\">&lt;a<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"navbar-brand\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"#\"<\/span><span class=\"nt\">&gt;<\/span>App1<span class=\"nt\">&lt;\/a&gt;<\/span>\r\n        <span class=\"nt\">&lt;\/div&gt;<\/span>\r\n        <span class=\"nt\">&lt;div<\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"navbar\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"collapse navbar-collapse\"<\/span><span class=\"nt\">&gt;<\/span>\r\n          <span class=\"nt\">&lt;ul<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"nav navbar-nav\"<\/span><span class=\"nt\">&gt;<\/span>\r\n            <span class=\"nt\">&lt;li<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"active\"<\/span><span class=\"nt\">&gt;&lt;a<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"#\"<\/span><span class=\"nt\">&gt;<\/span>IP address<span class=\"nt\">&lt;\/a&gt;&lt;\/li&gt;<\/span>\r\n            <span class=\"nt\">&lt;li&gt;&lt;a<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"#\"<\/span><span class=\"nt\">&gt;<\/span>Function 2<span class=\"nt\">&lt;\/a&gt;&lt;\/li&gt;<\/span>\r\n            <span class=\"nt\">&lt;li&gt;&lt;a<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"#\"<\/span><span class=\"nt\">&gt;<\/span>Function 3<span class=\"nt\">&lt;\/a&gt;&lt;\/li&gt;<\/span>\r\n          <span class=\"nt\">&lt;\/ul&gt;<\/span>\r\n        <span class=\"nt\">&lt;\/div&gt;<\/span><span class=\"c\">&lt;!--\/.nav-collapse --&gt;<\/span>\r\n      <span class=\"nt\">&lt;\/div&gt;<\/span>\r\n    <span class=\"nt\">&lt;\/nav&gt;<\/span>\r\n\r\n    <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"container\"<\/span><span class=\"nt\">&gt;<\/span>\r\n      <span class=\"nt\">&lt;h3<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"page-header\"<\/span><span class=\"nt\">&gt;<\/span>Change Status<span class=\"nt\">&lt;\/h3&gt;<\/span>\r\n      <span class=\"nt\">&lt;form<\/span> <span class=\"na\">action=<\/span><span class=\"s\">\"\"<\/span> <span class=\"na\">method=<\/span><span class=\"s\">\"post\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"form-horizontal\"<\/span> <span class=\"na\">role=<\/span><span class=\"s\">\"form\"<\/span><span class=\"nt\">&gt;<\/span>\r\n          {% csrf_token %}\r\n          {{ form }}\r\n          <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"form-group\"<\/span><span class=\"nt\">&gt;<\/span>\r\n            <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"container\"<\/span><span class=\"nt\">&gt;<\/span>\r\n                <span class=\"nt\">&lt;button<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"submit\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"btn btn-primary\"<\/span><span class=\"nt\">&gt;<\/span>Change Status<span class=\"nt\">&lt;\/button&gt;<\/span>\r\n                <span class=\"nt\">&lt;a<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"{% url 'app1:ipaddress' %}\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"btn btn-default btn-sm\"<\/span><span class=\"nt\">&gt;<\/span>Back<span class=\"nt\">&lt;\/a&gt;<\/span>\r\n            <span class=\"nt\">&lt;\/div&gt;<\/span>\r\n          <span class=\"nt\">&lt;\/div&gt;<\/span>\r\n      <span class=\"nt\">&lt;\/form&gt;<\/span>\r\n    <span class=\"nt\">&lt;\/div&gt;<\/span><span class=\"c\">&lt;!--\/.nav-collapse --&gt;<\/span>\r\n\r\n  <span class=\"nt\">&lt;\/body&gt;<\/span>\r\n<span class=\"nt\">&lt;\/html&gt;<\/span>\r\n<\/code><\/pre>\n<p>\u901a\u8fc7\u4e0a\u8ff0\u7684\u6587\u4ef6\u7f16\u8f91\uff0c\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u5e94\u7528\u7a0b\u5e8f\uff0c\u4f7f\u5f97\u53ef\u4ee5\u901a\u8fc7\u70b9\u51fb\u201c\u66f4\u6539\u72b6\u6001\u201d\u6309\u94ae\u6765\u4fee\u6539IP\u5730\u5740\u4fe1\u606f\u3002<\/p>\n<p>\u6211\u518d\u6b21\u542f\u52a8\u4e86\u4e00\u4e2a\u7b80\u6613\u7684Web\u670d\u52a1\u5668\uff0c\u5e76\u5728\u4e3b\u673a\u4e0a\u7684Web\u6d4f\u89c8\u5668\u4e2d\u8fdb\u884c\u786e\u8ba4\u3002<\/p>\n<pre class=\"post-pre\"><code>(venv_app1) [vagrant@localhost django_apps]$ python pj1\/manage.py runserver 0.0.0.0:8000\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code>http:\/\/192.168.33.15:8000\/app1\/ipaddress\/\r\n<\/code><\/pre>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8c8f913a08637a6d0e55\/180-0.png\" alt=\"django_app_ipaddress_change1.png\" \/><\/div>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8c8f913a08637a6d0e55\/181-0.png\" alt=\"django_app_ipaddress_change2.png\" \/><\/div>\n<p>\u6211\u5df2\u7ecf\u6210\u529f\u5730\u521b\u5efa\u4e86\u4e00\u4e2a\u7b80\u5355\u7684Web\u5e94\u7528\u7a0b\u5e8f\u3002\u5230\u76ee\u524d\u4e3a\u6b62\uff0c\u6211\u4eec\u4f7f\u7528\u4e86Django\u63d0\u4f9b\u7684\u7b80\u6613Web\u670d\u52a1\u5668\u8fdb\u884c\u4e86\u9a8c\u8bc1\u3002\u63a5\u4e0b\u6765\uff0c\u6211\u5c06\u89e3\u91ca\u5982\u4f55\u5c06\u5e94\u7528\u7a0b\u5e8f\u90e8\u7f72\u5230\u5b9e\u9645\u7684Web\u670d\u52a1\u5668\uff08\u4f8b\u5982Nginx\uff09\u4e2d\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u603b\u7ed3 \u7ee7\u4e0a\u6b21\u73af\u5883\u642d\u5efa\u4e4b\u540e\uff0c\u672c\u6b21\u6211\u4eec\u5c06\u4f7f\u7528Django\u521b\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\u3002 \u5982\u679c\u60a8\u60f3\u4e86\u89e3\u73af\u5883\u642d\u5efa\uff0c\u8bf7\u53c2\u8003\u4e0a\u4e00\u7bc7\u6587 [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-49612","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u4f7f\u7528Python3.4\u548cDjango\u6765\u6784\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c\u4e8c\u90e8\u5206\uff1a\u5e94\u7528\u5f00\u53d1\u7bc7\uff09 - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528python3-4\u548cdjango\u6765\u6784\u5efaweb\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c\u4e8c\u90e8\u5206\uff1a\u5e94\u7528\u5f00\u53d1\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u4f7f\u7528Python3.4\u548cDjango\u6765\u6784\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c\u4e8c\u90e8\u5206\uff1a\u5e94\u7528\u5f00\u53d1\u7bc7\uff09\" \/>\n<meta property=\"og:description\" content=\"\u603b\u7ed3 \u7ee7\u4e0a\u6b21\u73af\u5883\u642d\u5efa\u4e4b\u540e\uff0c\u672c\u6b21\u6211\u4eec\u5c06\u4f7f\u7528Django\u521b\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\u3002 \u5982\u679c\u60a8\u60f3\u4e86\u89e3\u73af\u5883\u642d\u5efa\uff0c\u8bf7\u53c2\u8003\u4e0a\u4e00\u7bc7\u6587 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528python3-4\u548cdjango\u6765\u6784\u5efaweb\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c\u4e8c\u90e8\u5206\uff1a\u5e94\u7528\u5f00\u53d1\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-15T04:03:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-04T04:19:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8c8f913a08637a6d0e55\/18-0.png\" \/>\n<meta name=\"author\" content=\"\u6e05, \u5b87\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u6e05, \u5b87\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91\/\",\"name\":\"\u4f7f\u7528Python3.4\u548cDjango\u6765\u6784\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c\u4e8c\u90e8\u5206\uff1a\u5e94\u7528\u5f00\u53d1\u7bc7\uff09 - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2023-04-15T04:03:06+00:00\",\"dateModified\":\"2024-05-04T04:19:39+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/1a6ecd3d914d22a5ac32791ffc1fbd8e\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.silicloud.com\/zh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u4f7f\u7528Python3.4\u548cDjango\u6765\u6784\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c\u4e8c\u90e8\u5206\uff1a\u5e94\u7528\u5f00\u53d1\u7bc7\uff09\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/\",\"name\":\"Blog - Silicon Cloud\",\"description\":\"\",\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/1a6ecd3d914d22a5ac32791ffc1fbd8e\",\"name\":\"\u6e05, \u5b87\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4b2016c18459a605fc469c7566608f5686491baa112d0871ee613f61b7210565?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4b2016c18459a605fc469c7566608f5686491baa112d0871ee613f61b7210565?s=96&d=mm&r=g\",\"caption\":\"\u6e05, \u5b87\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/qingyu\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u4f7f\u7528Python3.4\u548cDjango\u6765\u6784\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c\u4e8c\u90e8\u5206\uff1a\u5e94\u7528\u5f00\u53d1\u7bc7\uff09 - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528python3-4\u548cdjango\u6765\u6784\u5efaweb\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c\u4e8c\u90e8\u5206\uff1a\u5e94\u7528\u5f00\u53d1\/","og_locale":"zh_CN","og_type":"article","og_title":"\u4f7f\u7528Python3.4\u548cDjango\u6765\u6784\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c\u4e8c\u90e8\u5206\uff1a\u5e94\u7528\u5f00\u53d1\u7bc7\uff09","og_description":"\u603b\u7ed3 \u7ee7\u4e0a\u6b21\u73af\u5883\u642d\u5efa\u4e4b\u540e\uff0c\u672c\u6b21\u6211\u4eec\u5c06\u4f7f\u7528Django\u521b\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\u3002 \u5982\u679c\u60a8\u60f3\u4e86\u89e3\u73af\u5883\u642d\u5efa\uff0c\u8bf7\u53c2\u8003\u4e0a\u4e00\u7bc7\u6587 [&hellip;]","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528python3-4\u548cdjango\u6765\u6784\u5efaweb\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c\u4e8c\u90e8\u5206\uff1a\u5e94\u7528\u5f00\u53d1\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2023-04-15T04:03:06+00:00","article_modified_time":"2024-05-04T04:19:39+00:00","og_image":[{"url":"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8c8f913a08637a6d0e55\/18-0.png"}],"author":"\u6e05, \u5b87","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u6e05, \u5b87","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"16 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91\/","name":"\u4f7f\u7528Python3.4\u548cDjango\u6765\u6784\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c\u4e8c\u90e8\u5206\uff1a\u5e94\u7528\u5f00\u53d1\u7bc7\uff09 - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2023-04-15T04:03:06+00:00","dateModified":"2024-05-04T04:19:39+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/1a6ecd3d914d22a5ac32791ffc1fbd8e"},"breadcrumb":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.silicloud.com\/zh\/blog\/"},{"@type":"ListItem","position":2,"name":"\u4f7f\u7528Python3.4\u548cDjango\u6765\u6784\u5efaWeb\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c\u4e8c\u90e8\u5206\uff1a\u5e94\u7528\u5f00\u53d1\u7bc7\uff09"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website","url":"https:\/\/www.silicloud.com\/zh\/blog\/","name":"Blog - Silicon Cloud","description":"","inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/1a6ecd3d914d22a5ac32791ffc1fbd8e","name":"\u6e05, \u5b87","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4b2016c18459a605fc469c7566608f5686491baa112d0871ee613f61b7210565?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4b2016c18459a605fc469c7566608f5686491baa112d0871ee613f61b7210565?s=96&d=mm&r=g","caption":"\u6e05, \u5b87"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/qingyu\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8python3-4%e5%92%8cdjango%e6%9d%a5%e6%9e%84%e5%bb%baweb%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%ef%bc%88%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%ef%bc%9a%e5%ba%94%e7%94%a8%e5%bc%80%e5%8f%91\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/49612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=49612"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/49612\/revisions"}],"predecessor-version":[{"id":98279,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/49612\/revisions\/98279"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=49612"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=49612"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=49612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}