{"id":2093,"date":"2021-08-03T17:54:35","date_gmt":"2021-08-03T09:54:35","guid":{"rendered":"https:\/\/egonlin.com\/?p=2093"},"modified":"2022-02-07T14:54:42","modified_gmt":"2022-02-07T06:54:42","slug":"%e6%a8%a1%e6%9d%bf","status":"publish","type":"post","link":"https:\/\/egonlin.com\/?p=2093","title":{"rendered":"\u6a21\u677f"},"content":{"rendered":"<h1>04-\u6a21\u677f<\/h1>\n<h2>1 \u91cd\u5b9a\u5411<\/h2>\n<h3>1.1 \u4ec0\u4e48\u662f\u91cd\u5b9a\u5411\uff1f<\/h3>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe01-16.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe01-16.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p>\u91cd\u5b9a\u5411\uff0c\u987e\u540d\u601d\u4e49\uff0c\u5c31\u662f\u91cd\u65b0\u5b9a\u5411\u5230\u4e00\u4e2a\u65b0\u7684\u4f4d\u7f6e\uff0c\u6bd4\u5982\u6211\u4eec\u5728\u6d4f\u89c8\u5668\u7684\u9875\u9762\u81ea\u52a8\u8df3\u8f6c\u5230\u4e86\u53e6\u4e00\u4e2a\u9875\u9762\uff0c\u53c8\u6bd4\u5982\u8bbf\u95ee\u4e86\u4e00\u4e2a\u9875\u9762\uff0c\u7136\u540e\u89c2\u5bdf\u7f51\u5740\u4e4b\u540e\u5e76\u4e0d\u662f\u6211\u4eec\u8f93\u5165\u7684\u7f51\u5740\uff0c\u8fd9\u4e2a\u8fc7\u7a0b\u5c31\u662f\u91cd\u5b9a\u5411\u5b8c\u6210\u7684\u3002<\/p>\n<h3>1.2 \u4e3a\u4ec0\u4e48\u8981\u6709\u91cd\u5b9a\u5411\uff1f<\/h3>\n<table>\n<thead>\n<tr>\n<th><\/th>\n<th>http\u72b6\u6001\u7801<\/th>\n<th>\u5e94\u7528\u573a\u666f<\/th>\n<th>\u4f18\u52bf<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\u6682\u65f6\u6027\u91cd\u5b9a\u5411<\/td>\n<td>302<\/td>\n<td>\u8bbf\u95ee\u4e00\u4e9b\u9700\u8981\u6743\u9650\u7684\u9875\u9762\uff0c\u4f1a\u81ea\u52a8\u91cd\u5b9a\u5411\u5230\u6743\u9650\u8ba4\u8bc1\u7684\u9875\u9762<\/td>\n<td>\u91cd\u5b9a\u5411\u5728\u8bbe\u8ba1\u4e0a\u4f1a\u63d0\u5347\u7528\u6237\u4f53\u9a8c<\/td>\n<\/tr>\n<tr>\n<td>\u6c38\u4e45\u6027\u91cd\u5b9a\u5411<\/td>\n<td>301<\/td>\n<td>\u5e9f\u5f03\u539f\u6709\u7684\u7f51\u5740\u88ab\u8bbf\u95ee\uff0c\u4f1a\u81ea\u52a8\u91cd\u5b9a\u5411\u5230\u65b0\u7684\u7f51\u5740\u786e\u4fdd\u7528\u6237\u8bbf\u95ee\u6210\u529f<\/td>\n<td>\u91cd\u5b9a\u5411\u5728\u8bbe\u8ba1\u4e0a\u4f1a\u63d0\u5347\u7528\u6237\u4f53\u9a8c\uff0c\u6709\u5229\u4e8e\u641c\u7d22\u5f15\u64ce\u4f18\u5316<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>\u4f8b1<\/strong>\uff1a\u8bbf\u95ee\u6dd8\u5b9d\u7684\u65f6\u5019\uff0c\u4f60\u9009\u62e9\u4e86\u5df2\u7ecf\u8d2d\u4e70\u7684\u5546\u54c1\uff0c\u4f46\u662f\u4f60\u5e76\u6ca1\u6709\u767b\u5f55\u8fc7\u6dd8\u5b9d\uff0c\u90a3\u4e48\u8fd9\u4e2a\u65f6\u5019\u5982\u679c\u53ea\u662f\u63d0\u793a \u201c\u8bf7\u767b\u5f55\u518d\u8bbf\u95ee\uff01\u201d\uff0c\u90a3\u4e48\u76f8\u4fe1\u8fd9\u79cd\u8bbe\u8ba1\u662f\u7559\u4e0d\u4f4f\u7528\u6237\u7684\uff0c\u4e0d\u5982\u76f4\u63a5\u4e3a\u7528\u6237\u91cd\u5b9a\u5411\u5230\u767b\u5f55\u9875\u9762\u3002<\/p>\n<p><strong>\u4f8b2<\/strong>\uff1a\u6bd4\u5982\u60f3\u5e9f\u5f03\u539f\u672c\u7684\u7f51\u5740\uff0c\u90a3\u4e48\u7528\u6237\u5e76\u4e0d\u77e5\u9053\u8fd9\u4e2a\u4e8b\u60c5\uff0c\u6240\u4ee5\u7528\u6237\u8fd8\u662f\u4f1a\u8bbf\u95ee\u539f\u6765\u7684\u7f51\u5740\uff0c\u90a3\u4e48\u5c31\u4f1a\u5185\u90e8\u505a\u4e00\u4e2a\u91cd\u5b9a\u5411\u5230\u65b0\u542f\u7528\u7684\u7f51\u5740\uff0c\u91cd\u5b9a\u5411\u7684\u8fc7\u7a0b\u4f1a\u6709\u72b6\u6001\u7801\u7684\u8fd4\u56de\uff0c\u641c\u7d22\u5f15\u64ce\u6355\u6349\u5230\u91cd\u5b9a\u5411\u7684\u4ee3\u7801\uff0c\u6709\u5229\u4e8e\u641c\u7d22\u5f15\u64ce\u4f18\u5316\u3002<\/p>\n<p><strong>\u5173\u952e\u8bcd<\/strong>\uff1a\u91cd\u5b9a\u5411\u5728\u8bbe\u8ba1\u4e0a\u4f1a\u63d0\u5347\u7528\u6237\u4f53\u9a8c \uff0c\u6709\u5229\u4e8e\u641c\u7d22\u5f15\u64ce\u4f18\u5316<\/p>\n<h3>1.3 \u5982\u4f55\u4f7f\u7528\u91cd\u5b9a\u5411\uff1f<\/h3>\n<p>\u9996\u5148\u4ece<code>flask<\/code>\u6a21\u5757\u4e2d\u628a\u5bfc\u5165<code>redirect<\/code><\/p>\n<pre><code class=\"language-python\">from flask import Flask,redirect<\/code><\/pre>\n<h4><strong>1.3.1 \u6682\u65f6\u6027\u91cd\u5b9a\u5411\uff08\u4ee3\u7801\u5b9e\u4f8b\uff09<\/strong>\uff1a<\/h4>\n<pre><code class=\"language-python\">from flask import Flask,redirect\n...\n@app.route(&#039;\/user_info\/&#039;)\ndef user_info():\n    name = request.args.get(&#039;name&#039;)\n    pwd = request.args.get(&#039;pwd&#039;)\n    if name==&#039;mark&#039; and pwd == &#039;123&#039;:\n        return &#039;{}\u7684\u4fe1\u606f&#039;.format(name)\n    return redirect(&#039;\/login\/&#039;)  # \u53ef\u4ee5\u6362\u6210 return redirect(url_for(&#039;login&#039;))\n\n@app.route(&#039;\/login\/&#039;)\ndef login():\n    return &#039;\u8fd9\u662f\u767b\u5f55\u9875\u9762&#039;\n...<\/code><\/pre>\n<p><em>\u6ca1\u6709\u901a\u8fc7\u6743\u9650\u9a8c\u8bc1\u7684\u60c5\u51b5<\/em><\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/01_\u6682\u65f6\u6027\u91cd\u5b9a\u5411-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/01_\u6682\u65f6\u6027\u91cd\u5b9a\u5411-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><br \/>\n<div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/02_\u6682\u65f6\u6027\u91cd\u5b9a\u5411-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/02_\u6682\u65f6\u6027\u91cd\u5b9a\u5411-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p><em>\u901a\u8fc7\u6743\u9650\u9a8c\u8bc1\u7684\u60c5\u51b5<\/em><\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/03_\u6682\u65f6\u6027\u91cd\u5b9a\u5411-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/03_\u6682\u65f6\u6027\u91cd\u5b9a\u5411-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p><strong>\u5173\u952e\u8bcd\uff1a<\/strong>\u6682\u65f6\u6027\u91cd\u5b9a\u5411<code>return redirect(&#039;\/login\/&#039;)<\/code> \u5373\u53ef\u5b9e\u73b0\u91cd\u5b9a\u5411<\/p>\n<h4>1.3.2 \u6c38\u4e45\u6027\u91cd\u5b9a\u5411\uff08\u4ee3\u7801\u5b9e\u4f8b\uff09<\/h4>\n<pre><code class=\"language-python\">from flask import Flask,redirect\n...\n@app.route(&#039;\/user_info\/&#039;)\ndef user_info():\n    name = request.args.get(&#039;name&#039;)\n    pwd = request.args.get(&#039;pwd&#039;)\n    if name==&#039;mark&#039; and pwd == &#039;123&#039;:\n        return &#039;{}\u7684\u4fe1\u606f&#039;.format(name)\n   return redirect(&#039;\/login\/&#039;, code=301)  # \u4f1a\u8fd4\u56de301\u72b6\u6001\u7801\u7ed9\u6d4f\u89c8\u5668 \n\n@app.route(&#039;\/login\/&#039;)\ndef login():\n    return &#039;\u8fd9\u662f\u767b\u5f55\u9875\u9762&#039;\n...<\/code><\/pre>\n<p><strong>\u5173\u952e\u8bcd<\/strong>\uff1a\u6c38\u4e45\u6027\u91cd\u5b9a\u5411\u53ea\u7ed9<code>redirect(&#039;\/login\/&#039;, code=301)<\/code>\u591a\u52a0\u4e86\u4e2a<code>code=301<\/code>\u53c2\u6570<\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe02-18.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe02-18.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h2>2 jinja2\u6a21\u677f\u5f15\u64ce<\/h2>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/03-13-\u6a21\u677f-1.jpg'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/03-13-\u6a21\u677f-1.jpg\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h3>2.1 \u4ec0\u4e48\u662f\u6a21\u677f\u5f15\u64ce\uff1f<\/h3>\n<p>\u5b9e\u73b0\u89c6\u56fe\u7684\u4e1a\u52a1\u903b\u8f91\u548c\u8fd4\u56de\u7ed9\u524d\u7aef\u7684\u9875\u9762\u903b\u8f91\u5206\u79bb\u7684\u5de5\u5177\uff0c\u6211\u4eec\u79f0\u4e4b\u4e3a\u6a21\u677f\u5f15\u64ce\u3002<\/p>\n<p><strong>\u4ec0\u4e48\u662f\u6a21\u677f\uff1f<\/strong><\/p>\n<p>\u6a21\u677f\u53ef\u4ee5\u7406\u89e3\u4e3a\u4e00\u4e2a\u7279\u6b8a\u7684<code>html<\/code>\u6587\u4ef6\uff0c\u7279\u6b8a\u4e4b\u5904\u5c31\u5728\u4e8e\u8fd9\u4e2a<code>html<\/code>\u6587\u4ef6\u5305\u542b\u56fa\u5b9a\u5185\u5bb9\u548c\u52a8\u6001\u90e8\u5206\uff0c\u5176\u52a8\u6001\u90e8\u5206\u53ef\u4ee5\u501f\u52a9\u6a21\u677f\u5f15\u64ce\u8fdb\u884c\u4f20\u53c2<\/p>\n<h3>2.2 \u4e3a\u4ec0\u4e48\u8981\u6709\u6a21\u677f\u5f15\u64ce\uff1f<\/h3>\n<p>\u5728\u4e0a\u4e00\u7ae0\u5176\u5b9e\u6211\u4eec\u5df2\u7ecf\u5e94\u7528\u8fc7\u6a21\u677f\u5f15\u64ce\uff0c\u8bd5\u60f3\u4e00\u4e0b\u5982\u679c\u6ca1\u6709\u6a21\u677f\u5f15\u64ce\uff0c\u76f4\u63a5\u7ed9\u628a\u6a21\u677f\u7684html\u4ee3\u7801\u5199\u5728\u89c6\u56fe\u51fd\u6570\u91cc\u9762\uff0c\u4f1a\u7ed9\u7a0b\u5e8f\u5458\u7684\u65e5\u5e38\u5f00\u53d1\u5e26\u6765\u4e86\u591a\u5927\u7684\u56f0\u6270\uff0c\u6a21\u677f\u5f15\u64ce\u5e2e\u6211\u4eec\u5206\u5f00\u4e86\u4e1a\u52a1\u903b\u8f91\u548c\u9875\u9762\u903b\u8f91\uff0c\u5e76\u4e14\u6211\u4eec\u6bcf\u6b21\u4fee\u6539\u4e00\u4e2a\u5927\u5b57\u7b26\u4e32\u4f1a\u975e\u5e38\u4e0d\u65b9\u4fbf\u3002\u6a21\u677f\u5f15\u64ce\u8fd8\u53ef\u4ee5\u8bfb\u53d6\u5e76\u6267\u884c\u6a21\u677f\u4e2d\u7684\u7279\u6b8a\u8bed\u6cd5\u6807\u8bb0\uff0c\u5e76\u6839\u636e\u4f20\u5165\u7684\u6570\u636e\u5c06\u53d8\u91cf\u66ff\u6362\u4e3a\u5b9e\u9645\u503c\uff0c\u7136\u540e\u8fd4\u56de\u7ed9\u6d4f\u89c8\u5668\uff0c\u8fd9\u4e2a\u8fc7\u7a0b\u6211\u4eec\u79f0\u4e4b\u4e3a\u6e32\u67d3\u3002<\/p>\n<p><strong>\u5173\u952e\u5b57<\/strong>\uff1a\u5b8c\u6210\u4e86\u4e1a\u52a1\u903b\u8f91\u548c\u9875\u9762\u903b\u8f91\u7684\u5206\u79bb\uff0c\u5b9e\u73b0\u4e86\u52a8\u6001\u7684\u53bb\u6e32\u67d3\u9875\u9762\u3002<\/p>\n<h3>2.3 \u5728<code>Flask<\/code>\u5982\u4f55\u4f7f\u7528\u6a21\u677f\u5f15\u64ce\uff1f<\/h3>\n<p><code>Flask<\/code>\u4f7f\u7528<code>jinja2<\/code>\u4f5c\u4e3a\u6846\u67b6\u7684\u9ed8\u8ba4\u6a21\u677f\u5f15\u64ce\uff0c<code>Jinja2<\/code>\u662f\u57fa\u4e8e<code>python<\/code>\u7684\u6a21\u677f\u5f15\u64ce\uff0c\u529f\u80fd\u6bd4\u8f83\u7c7b\u4f3c\u4e8e\u4e8e<code>PHP<\/code>\u7684<code>smarty<\/code>\uff0c<code>J2ee<\/code>\u7684<code>Freemarker<\/code>\u548c<code>velocity<\/code>\u3002<code>Jinja2<\/code>\u9664\u4e86\u8bbe\u7f6e\u53d8\u91cf\uff0c\u8fd8\u5141\u8bb8\u6211\u4eec\u5728\u6a21\u677f\u4e2d\u6dfb\u52a0if\u5224\u65ad\uff0c\u6267\u884cfor\u8fed\u4ee3\uff0c\u8c03\u7528\u51fd\u6570\u7b49\uff0c\u4ee5\u5404\u79cd\u65b9\u5f0f\u63a7\u5236\u6a21\u677f\u7684\u8f93\u51fa\u3002\u5e76\u4e14<code>jinja2<\/code>\u4e0d\u9650\u5236\u6a21\u677f\u7684\u683c\u5f0f\u4e3a<code>html<\/code>\uff0c\u53ef\u4ee5\u662f\u4efb\u4f55\u683c\u5f0f\u7684\u6587\u672c\u6587\u4ef6\u3002<\/p>\n<h4>2.3.1 \u6a21\u677f\u5f15\u64ce\u8fd4\u56de\u5bf9\u6bd4\u89c6\u56fe\u51fd\u6570\u76f4\u63a5\u8fd4\u56dehtml\u4ee3\u7801<\/h4>\n<p><strong>\u9879\u76ee\u76ee\u5f55<\/strong><\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/04_\u6a21\u677f\u5f15\u64ce\u5bf9\u6bd4\u76f4\u63a5\u8fd4\u56dehtml\u4ee3\u7801\u76ee\u5f55-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/04_\u6a21\u677f\u5f15\u64ce\u5bf9\u6bd4\u76f4\u63a5\u8fd4\u56dehtml\u4ee3\u7801\u76ee\u5f55-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p><strong>\u9879\u76ee\u4ee3\u7801<\/strong><\/p>\n<p><strong>\uff081\uff09login01.html  <\/strong><\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;\u767b\u5f55\u754c\u9762&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;h1&gt;login01&lt;\/h1&gt;  &lt;!--login02.html\u6587\u4ef6\u7684\u8fd9\u4e00\u884c\u7684\u5185\u5bb9\u662f\uff1a\u2018 &lt;h1&gt;login02&lt;\/h1&gt; \u2019  --&gt;\n&lt;form action=&quot;&quot; method=&quot;POST&quot;&gt;\n    \u7528\u6237\uff1a&lt;input type=&quot;text&quot; name=&quot;username&quot;&gt;\n    \u5bc6\u7801\uff1a&lt;input type=&quot;text&quot; name=&quot;password&quot;&gt;\n    &lt;input type=&quot;submit&quot; value=&quot;\u63d0\u4ea4&quot;&gt;\n&lt;\/form&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p><strong>(2)login02.html<\/strong> <\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;\u767b\u5f55\u754c\u9762&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;h1&gt;login01&lt;\/h1&gt;  &lt;!--login02.html\u6587\u4ef6\u7684\u8fd9\u4e00\u884c\u7684\u5185\u5bb9\u662f\uff1a\u2018 &lt;h1&gt;login02&lt;\/h1&gt; \u2019  --&gt;\n&lt;form action=&quot;&quot; method=&quot;POST&quot;&gt;\n    \u7528\u6237\uff1a&lt;input type=&quot;text&quot; name=&quot;username&quot;&gt;\n    \u5bc6\u7801\uff1a&lt;input type=&quot;text&quot; name=&quot;password&quot;&gt;\n    &lt;input type=&quot;submit&quot; value=&quot;\u63d0\u4ea4&quot;&gt;\n&lt;\/form&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p><strong>(3) server.py<\/strong><\/p>\n<pre><code class=\"language-python\">from flask import Flask, render_template\nimport config\n\napp = Flask(__name__)\napp.config.from_object(config)\n\n@app.route(&#039;\/demo\/&#039;)\ndef demo():\n    return &#039;&lt;h2&gt;\u624b\u5199html&lt;\/h2&gt;&#039;\n\n@app.route(&#039;\/demo02\/&#039;)\ndef demo02():\n    return &#039;&#039;&#039;&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;\u767b\u5f55\u754c\u9762&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;!--&lt;form action=&quot;\/login_request\/&quot; method=&quot;POST&quot;&gt;--&gt;\n&lt;form action=&quot;&quot; method=&quot;POST&quot;&gt;\n    \u7528\u6237\uff1a&lt;input type=&quot;text&quot; name=&quot;username&quot;&gt;\n    \u5bc6\u7801\uff1a&lt;input type=&quot;text&quot; name=&quot;password&quot;&gt;\n    &lt;input type=&quot;submit&quot; value=&quot;\u63d0\u4ea4&quot;&gt;\n&lt;\/form&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;&#039;&#039;&#039;\n\n@app.route(&#039;\/demo03\/&#039;)\ndef demo03():\n    return render_template(&#039;login01.html&#039;)\n\n@app.route(&#039;\/demo04\/&#039;)\ndef demo04():\n    return render_template(&#039;box\/login02.html&#039;)\n\nif __name__ == &#039;__main__&#039;:\n    app.run()\n<\/code><\/pre>\n<p><strong>server.py\u4ee3\u7801\u903b\u8f91\u5206\u6790<\/strong>\uff1a<\/p>\n<ul>\n<li>\n<p>demo\u51fd\u6570 \u548c demo02\u51fd\u6570\u8bc1\u660e\u76f4\u63a5\u8fd4\u56dehtml\u4ee3\u7801\u53ef\u6e32\u67d3\u6d4f\u89c8\u5668<\/p>\n<\/li>\n<li>\n<p>demo03 \u8bc1\u660e\u5229\u7528\u6a21\u677f\u5f15\u64ce \u5b9e\u73b0\u4e86\u4e1a\u52a1\u903b\u8f91\u548c\u9875\u9762\u903b\u8f91\u7684\u5206\u79bb\uff0c\u51cf\u8f7b\u4e86\u5f00\u53d1\u7684\u590d\u6742\u5ea6<\/p>\n<\/li>\n<li>\n<p>demo04 \u8bc1\u660e\u4e86 <code>render_template(&#039;box\/login02.html&#039;)<\/code>\u7684\u8def\u5f84\u662ftemplates\u6587\u4ef6\u5939\u7684\u76f8\u5bf9\u8def\u5f84<\/p>\n<\/li>\n<\/ul>\n<h4>2.3.2 \u4fee\u6539\u9ed8\u8ba4\u6a21\u677f\u5f15\u64ce\u5bfb\u627e\u8def\u5f84<\/h4>\n<p>Flask\u7c7b\u4e2d\u7684<code>template_folder<\/code>\u53c2\u6570\u53ef\u4ee5\u6307\u5b9a\u6a21\u677f\u5bfb\u627e\u8def\u5f84<\/p>\n<p>\u57fa\u4e8e\u4e0a2.3.1\u7684\u9879\u76ee<\/p>\n<ol>\n<li>\u73b0\u5728\u628atemplates\u4e2d\u7684\u6587\u4ef6\u590d\u5236\u5230  <code>C:\/Users\/Administrator\/Desktop\/template_box<\/code>\u4e2d\uff0c\u5e76\u4e14\u5220\u9664\u9879\u76ee\u4e2d\u7684templates\u7684\u6587\u4ef6\u3002<\/li>\n<li>\u4fee\u6539server.py\u4e2d<code>app = Flask(__name__)<\/code>\u4e3a<code>app = Flask(__name__,template_folder=&#039;C:\/Users\/Administrator\/Desktop\/template_box&#039;)<\/code><\/li>\n<\/ol>\n<p><strong>\u5206\u6790:<\/strong><\/p>\n<p>\u6e32\u67d3\u4e00\u5207\u6b63\u5e38 \u8bf4\u660eFlask\u7c7b\u4e2d\u7684<code>template_folder<\/code>\u53c2\u6570\u53ef\u4ee5\u6307\u5b9a\u6a21\u677f\u5bfb\u627e\u8def\u5f84\u3002<\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe03-18.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe03-18.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h4>2.3.3 \u6a21\u677f\u5f15\u64ce\u4f20\u53c2<\/h4>\n<p>\u6211\u4eec\u4e4b\u524d\u63d0\u5230\u8fc7\uff0c\u6a21\u677f\u5f15\u64ce\u8fd8\u53ef\u4ee5\u8bfb\u53d6\u5e76\u6267\u884c\u6a21\u677f\u4e2d\u7684\u7279\u6b8a\u8bed\u6cd5\u6807\u8bb0\uff0c\u5e76\u6839\u636e\u4f20\u5165\u7684\u6570\u636e\u5c06\u53d8\u91cf\u66ff\u6362\u4e3a\u5b9e\u9645\u503c\uff0c\u8fd9\u4e2a\u6b65\u9aa4\u6211\u4eec\u5c31\u79f0\u4e4b\u4e3a\u6a21\u677f\u5f15\u64ce\u4f20\u53c2\u3002<\/p>\n<p>\u6211\u4eec\u4f20\u53c2\u7684\u65f6\u5019\u8981\u5e94\u7528<code>render_template()<\/code>\u5229\u7528render_template\u7684\u7b2c\u4e8c\u4e2a\u53c2\u6570\u8fdb\u884c\u4f20\u53c2\uff0c\u8be5\u51fd\u6570\u5728\u5b9a\u4e49\u65f6\u5019\uff0c\u7b2c\u4e8c\u4e2a\u53c2\u6570\u662f\u53ef\u53d8\u957f\u5f62\u53c2\uff0c\u6240\u4ee5\u5728\u4f20\u503c\u7684\u65f6\u5019\u6211\u4eec\u53ef\u4ee5\u4f20\u5165\u591a\u4e2a\u5173\u952e\u5b57\u5b9e\u53c2\u3002<\/p>\n<p>\u5728\u6a21\u677f\u4e2d\u63a5\u6536\u7684\u65f6\u5019\u4f7f\u7528<code>{{}}<\/code>\u5305\u88f9\u53c2\u6570\u8fdb\u884c\u63a5\u6536\u3002<\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/03-14-django-1.jpg'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/03-14-django-1.jpg\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h5><strong>\u5b9e\u4f8b1\uff08\u7b2c\u4e00\u79cd\u4f20\u53c2\u65b9\u5f0f\uff09\uff1a<\/strong><\/h5>\n<p><strong>\u76ee\u5f55\u7ed3\u6784<\/strong><\/p>\n<pre><code class=\"language-python\">\u2502 server.py\n\u2502\n\u2514\u2500templates # \u6587\u4ef6\u5939\n        index.html\n<\/code><\/pre>\n<p><strong>server.py<\/strong><\/p>\n<pre><code class=\"language-python\">@app.route(&#039;\/&#039;)\ndef index():\n\n    return render_template(&#039;index.html&#039;,name=&quot;mark&quot;,age=18)<\/code><\/pre>\n<p><strong>index.html<\/strong><\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;\u6a21\u677f\u4f20\u53c2&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    {{name}}\n    {{age}}\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/05_\u6a21\u677f\u5f15\u64ce\u4f20\u53c2\u6d4b\u8bd5-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/05_\u6a21\u677f\u5f15\u64ce\u4f20\u53c2\u6d4b\u8bd5-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h5>\u5b9e\u4f8b2\uff08\u7b2c\u4e8c\u79cd\u4f20\u53c2\u65b9\u5f0f\uff09\uff1a<\/h5>\n<p><strong>\u76ee\u5f55\u7ed3\u6784<\/strong>\uff1a\u540c\u4e0a<\/p>\n<p><strong>server.py<\/strong><\/p>\n<pre><code class=\"language-python\">@app.route(&#039;\/demo1\/&#039;)\ndef demo1():\n    context_dict = {&quot;name&quot;:&quot;mark&quot;,\n               &quot;age&quot;:&quot;mark&quot;,\n               &quot;sex&quot;:&quot;girl&quot;}\n\n    return render_template(&#039;index.html&#039;,context_dict = context_dict)\n<\/code><\/pre>\n<p><strong>index.html<\/strong><\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;\u6a21\u677f\u4f20\u53c2&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    {{context_dict.name}}\n    {{context_dict.age}}\n    {{context_dict.sex}}\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/06_\u6a21\u677f\u5f15\u64ce\u4f20\u53c2\u6d4b\u8bd5-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/06_\u6a21\u677f\u5f15\u64ce\u4f20\u53c2\u6d4b\u8bd5-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h5>\u5b9e\u4f8b3\uff08\u7b2c\u4e09\u79cd\u4f20\u53c2\u65b9\u5f0f\uff09\uff1a<\/h5>\n<p><strong>\u76ee\u5f55\u7ed3\u6784<\/strong>\uff1a\u540c\u4e0a<\/p>\n<p><strong>server.py<\/strong><\/p>\n<pre><code class=\"language-python\">def demo2():\n    context_dict = {&quot;name&quot;: &quot;mark&quot;,\n               &quot;age&quot;: &quot;mark&quot;,\n               &quot;sex&quot;: &quot;girl&quot;,\n                &quot;other_info&quot;:{&quot;tel&quot;:1365,\n                               &quot;qq&quot;:565656}}\n\n    return render_template(&#039;index.html&#039;,**context_dict)<\/code><\/pre>\n<p><strong>index.html<\/strong><\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;\u6a21\u677f\u4f20\u53c2&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    {{name}}\n    {{age}}\n    {{sex}}\n    {{other_info.tel}}\n    {{other_info[&quot;qq&quot;]}}\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/07_\u6a21\u677f\u5f15\u64ce\u4f20\u53c2\u6d4b\u8bd5-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/07_\u6a21\u677f\u5f15\u64ce\u4f20\u53c2\u6d4b\u8bd5-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h5>\u5173\u952e\u8bcd\uff1a<\/h5>\n<p>\u5728\u89c6\u56fe\u51fd\u6570\u4e2d<\/p>\n<ul>\n<li>render_template\u4f20\u53c2\u7684\u65f6\u5019\u4ee5\u5173\u952e\u5b57\u5b9e\u53c2\u8fdb\u884c\u4f20\u53c2\u3002\u53ef\u4ee5\u4f20\u591a\u4e2a\uff0c\u53ef\u4ee5\u7528**\u8bb2\u5b57\u5178\u6253\u6563\u6210\u5173\u952e\u5b57\u5b9e\u53c2\u3002<\/li>\n<\/ul>\n<p>\u5728\u6a21\u677f\u4e2d<\/p>\n<ul>\n<li>\n<p>jinja2\u6a21\u677f\u5f15\u64ce\u652f\u6301\u63a5\u6536\u53d8\u91cf\u5728\u7528 <code>{{}}<\/code>\u5305\u88f9\u53c2\u6570\u8fdb\u884c\u63a5\u6536<\/p>\n<\/li>\n<li>\n<p>\u5e76\u4e14\u5982\u679c\u53d1\u73b0\u662f\u5b57\u5178\uff0c\u53ef\u4ee5\u7528<code>.<\/code>\u5b57\u5178\u91cc\u9762\u7684key\u53d6\u51favalue\u503c\u3002\u4e5f\u53ef\u4ee5\u76f4\u63a5\u5b57\u5178\u8ddf<code>[]<\/code>\u8fdb\u884c\u53d6\u503c\u3002<\/p>\n<\/li>\n<\/ul>\n<h4>2.3.4\u6a21\u677f\u4e2d\u4f7f\u7528<code>url_for()<\/code><\/h4>\n<p>\u5728\u6a21\u677f\u4e2d\u5982\u679c\u6709\u4f7f\u7528url\u7684\u9700\u6c42\uff0c\u6211\u4eec\u53ef\u4ee5\u76f4\u63a5\u624b\u5199\u4e00\u4e2aurl\uff0c\u4e5f\u53ef\u4ee5\u4f7f\u7528<code>{{ url_for(&#039;\u89c6\u56fe\u51fd\u6570\u540d&#039;) }<\/code>\u52a8\u6001\u7ffb\u8f6c\u4e00\u4e2aurl\u3002<\/p>\n<h5>\u5b9e\u4f8b\uff1a<\/h5>\n<p><strong>\u9879\u76ee\u76ee\u5f55\uff1a<\/strong><\/p>\n<pre><code>\u2502 server.py\n\u2502\n\u2514\u2500templates # \u6587\u4ef6\u5939\n        index.html\n        info.html<\/code><\/pre>\n<p><strong>server.py<\/strong><\/p>\n<pre><code class=\"language-python\">...\n@app.route(&#039;\/&#039;)\ndef index():\n\n    return render_template(&#039;index.html&#039;, name=&quot;mark&quot;, age=18)\n\n@app.route(&#039;\/info\/&#039;)\ndef info():\n\n    return render_template(&#039;info.html&#039;)\n...<\/code><\/pre>\n<p><strong>info.html<\/strong><\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;\u4fe1\u606f\u9875\u9762&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;h1&gt;\u8fd9\u662f\u4fe1\u606f\u9875\u9762&lt;\/h1&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p><strong>index.html<\/strong><\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;\u6a21\u677f\u4f20\u53c2&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;a href=&quot;\/info\/&quot;&gt;\u6b63\u5e38\u8df3\u8f6c&lt;\/a&gt;\n    &lt;a href=&quot;{{ url_for(&#039;info&#039;) }}&quot;&gt;urlfor\u8df3\u8f6c&lt;\/a&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;   <\/code><\/pre>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/08_\u6a21\u677f\u4e2d\u4f7f\u7528urlfor\u6d4b\u8bd5-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/08_\u6a21\u677f\u4e2d\u4f7f\u7528urlfor\u6d4b\u8bd5-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><br \/>\n<div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/09_\u6a21\u677f\u4e2d\u4f7f\u7528url_for\u6d4b\u8bd5-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/09_\u6a21\u677f\u4e2d\u4f7f\u7528url_for\u6d4b\u8bd5-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p>\u6b63\u5e38\u8df3\u8f6c \u548c urlfor\u8df3\u8f6c\uff0c\u7686\u53ef\u4ee5\u5b9e\u73b0\u8df3\u8f6c\u5230info.html\u9875\u9762\u3002<\/p>\n<p>\u6b63\u5e38\u8df3\u8f6c\u5c31\u4e0d\u505a\u6f14\u793a\u4e86<\/p>\n<h5>\u5173\u952e\u8bcd\uff1a<\/h5>\n<ul>\n<li>url_for \u5728\u89c6\u56fe\u51fd\u6570\u4e2d\u5982\u4f55\u4f7f\u7528\uff0c\u5728\u6a21\u677f\u4e2d\u540c\u6837\u7684\u7528\u6cd5\u3002<\/li>\n<li>\u652f\u6301\u7ffb\u8f6c\u67e5\u8be2\u5b57\u7b26\u4e32<\/li>\n<li>\u652f\u6301\u52a8\u6001\u8def\u7531\u7ffb\u8f6c<\/li>\n<\/ul>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/03-20-\u4f60\u7ee7\u7eed-2.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/03-20-\u4f60\u7ee7\u7eed-2.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h4>2.3.5 jinja2\u4e2d\u63a7\u5236\u8bed\u53e5<\/h4>\n<p>\u5728jinja2\u4e2d\u7528<code>{% %}<\/code>\u7279\u6b8a\u7b26\u53f7\u6765\u7f16\u8f91\u63a7\u5236\u8bed\u53e5\uff0c\u4e00\u4e2a\u8bed\u53e5\u4ee5<code>{% ... %}<\/code>\u4e3a\u8d77\u59cb \u5e76\u4e14\u4ee5<code>{% end... %}<\/code>\u6765\u6807\u8bb0\u7ed3\u675f\u3002<\/p>\n<h5>1 jinja2\u4e2d\u903b\u8f91\u8bed\u53e5\/if\u8bed\u53e5<\/h5>\n<p>\u53ef\u4ee5\u4f7f\u7528<code>&gt; , &lt; , &lt;=, ==\uff0c!=,<\/code>\u8fdb\u884c\u5224\u65ad\uff0c<\/p>\n<p>\u4e5f\u53ef\u4ee5\u4f7f\u7528 <code>and\uff0cor\uff0cnot\uff0c\uff08\uff09<\/code>\u6765\u8fdb\u884c\u903b\u8f91\u5408\u5e76<\/p>\n<pre><code class=\"language-jinja2\">    {% if age &gt; 18 %}\n        &lt;p&gt;\u6210\u5e74\u4eba&lt;\/p&gt;\n    {% elif age == 18 %}\n        &lt;p&gt;\u521a\u521a\u6210\u5e74&lt;\/p&gt;\n    {% else %}\n        &lt;p&gt;\u672a\u6210\u5e74&lt;\/p&gt;\n    {% endif %}<\/code><\/pre>\n<p>\u6ce8\u610f\uff1a<code>&lt;p&gt;<\/code>\u53ea\u662f\u4e3a\u4e86\u6e32\u67d3\u660e\u663e<\/p>\n<h6>\u5b9e\u4f8b\uff1a<\/h6>\n<p><strong>\u9879\u76ee\u76ee\u5f55<\/strong>\uff1a<\/p>\n<pre><code>\u2502 server.py\n\u2502\n\u2514\u2500templates # \u6587\u4ef6\u5939\n        index.html<\/code><\/pre>\n<p><strong>server.py<\/strong><\/p>\n<pre><code class=\"language-python\">...\n@app.route(&#039;\/&#039;)\ndef hello_world():\n    context_dict = {\n        &#039;age&#039;: 17,\n        &#039;sex&#039;: &#039;man&#039;,\n    }\n    return render_template(&#039;index.html&#039;,**context_dict)\n...<\/code><\/pre>\n<p><strong>index.html<\/strong><\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;jinja2\u5206\u652f&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    {% if sex == &#039;man&#039; %}\n        &lt;p&gt;\u7537\u4eba&lt;\/p&gt;\n    {% else %}\n        &lt;p&gt;\u5973\u4eba&lt;\/p&gt;\n    {% endif %}\n\n    {% if age &gt; 18 %}\n        &lt;p&gt;\u6210\u5e74\u4eba&lt;\/p&gt;\n    {% elif age == 18 %}\n        &lt;p&gt;\u521a\u521a\u6210\u5e74&lt;\/p&gt;\n    {% else %}\n        &lt;p&gt;\u672a\u6210\u5e74&lt;\/p&gt;\n    {% endif %}\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/10-jinja2\u4e2d\u63a7\u5236\u8bed\u53e5\u4e4bif\u6d4b\u8bd5-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/10-jinja2\u4e2d\u63a7\u5236\u8bed\u53e5\u4e4bif\u6d4b\u8bd5-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h5>2 jinja2\u4e2d\u5faa\u73af\u8bed\u53e5\/for\u5faa\u73af<\/h5>\n<p><code>for<\/code>\u5faa\u73af\u53ef\u4ee5\u4fbf\u5229\u4efb\u4f55\u4e00\u4e2a\u53ef\u8fed\u4ee3\u5bf9\u8c61\uff0c\u5305\u62ec\u5217\u8868\u3001\u5b57\u5178\u7b49\uff0c\u652f\u6301\u53cd\u5411\u904d\u5386<\/p>\n<p><strong>\u5217\u8868\u5faa\u73af\uff1a<\/strong><\/p>\n<pre><code class=\"language-jinja2\">    {% for country in countrys%}\n        &lt;p&gt;{{ country }}&lt;\/p&gt;\n    {% else %}\n        &lt;p&gt;\u6ca1\u6709\u503c&lt;\/p&gt;\n    {% endfor %}<\/code><\/pre>\n<h6><strong>2.1 \u5217\u8868\u5faa\u73af\u904d\u5386\u9879\u76ee\u5b9e\u4f8b\uff1a<\/strong><\/h6>\n<p>\u9879\u76ee\u76ee\u5f55\uff1a<\/p>\n<pre><code>\u2502 server.py\n\u2502\n\u2514\u2500templates # \u6587\u4ef6\u5939\n        index.html<\/code><\/pre>\n<p>sever.py<\/p>\n<pre><code class=\"language-python\">@app.route(&#039;\/&#039;)                                                \ndef hello_world():                                             \n    context_dict = {                                           \n        &#039;countrys&#039;:[&quot;1-china&quot;,&quot;2-America&quot;,&quot;3-French&quot;]          \n    }                                                          \n    return render_template(&#039;index.html&#039;,**context_dict)        <\/code><\/pre>\n<p>index.html<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;for\u5faa\u73af&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    {% for country in countrys %}  {#    {% for country in countrys|reverse %} \u53ef\u4ee5\u5b9e\u73b0\u53cd\u5411\u904d\u5386#}\n        &lt;p&gt;{{ country }}&lt;\/p&gt;\n    {% else %}\n        &lt;p&gt;\u6ca1\u6709\u503c&lt;\/p&gt;\n    {% endfor %}\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/11_jinjia2\u4e2d\u63a7\u5236\u8bed\u53e5\u4e4bfor\u6d4b\u8bd5-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/11_jinjia2\u4e2d\u63a7\u5236\u8bed\u53e5\u4e4bfor\u6d4b\u8bd5-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p><em>\u53cd\u5411\u904d\u5386\u5b9e\u4f8b<\/em><\/p>\n<p><code>server.py<\/code>\u7684 <code>{% for country in countrys %}<\/code> \u6539\u4e3a  <code>{% for country in countrys|reverse %}<\/code> <\/p>\n<p>\u53ef\u4ee5\u5b9e\u73b0\u53cd\u5411\u904d\u5386\uff0c\u8fd0\u884c\u6548\u679c\u5982\u4e0b\u56fe<\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/12_jinjia2\u4e2d\u63a7\u5236\u8bed\u53e5\u503cfor\u53cd\u5411\u904d\u5386\u6d4b\u8bd5-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/12_jinjia2\u4e2d\u63a7\u5236\u8bed\u53e5\u503cfor\u53cd\u5411\u904d\u5386\u6d4b\u8bd5-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h6>2.2 \u5b57\u5178\u5faa\u73af\u904d\u5386\u9879\u76ee\u5b9e\u4f8b\uff1a<\/h6>\n<p>\u9879\u76ee\u76ee\u5f55<\/p>\n<pre><code class=\"language-python\">\u2502 server.py\n\u2502\n\u2514\u2500templates # \u6587\u4ef6\u5939\n        index.html<\/code><\/pre>\n<p>sever.py<\/p>\n<pre><code class=\"language-python\">@app.route(&#039;\/&#039;)                                         \ndef hello_world():                                      \n    context_dict = {                                    \n        &#039;countrys&#039;:[&quot;1-china&quot;,&quot;2-America&quot;,&quot;3-French&quot;]   \n    }                                                   \n    return render_template(&#039;index.html&#039;,**context_dict) \n\n@app.route(&#039;\/demo\/&#039;)                                    \ndef demo():                                             \n    context_dict ={                                     \n        &#039;colleges&#039;:[                                    \n            {                                           \n                &#039;name&#039;: &#039;\u6e05\u534e\u5927\u5b66&#039;,                         \n                &#039;area&#039;: &#039;\u5317\u4eac&#039;                            \n            },                                          \n            {                                           \n                &#039;name&#039;: &#039;\u590d\u65e6\u5927\u5b66&#039;,                         \n                &#039;area&#039;: &#039;\u4e0a\u6d77&#039;                            \n                &#039;&#039;                                      \n            },                                          \n            {                                           \n                &#039;name&#039;: &#039;\u5409\u6797\u5927\u5b66&#039;,                         \n                &#039;area&#039;: &#039;\u5409\u6797&#039;                            \n            },                                          \n            {                                           \n\n                &#039;name&#039;: &#039;\u4e2d\u5c71\u5927\u5b66&#039;,                         \n                &#039;area&#039;: &#039;\u5e7f\u4e1c&#039;                            \n            }                                           \n        ]                                               \n    }                                                   \n    return render_template(&#039;index.html&#039;,**context_dict) <\/code><\/pre>\n<p>index.html<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;for\u5faa\u73af&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n    &lt;table&gt;\n        &lt;tr&gt;\n            &lt;th&gt;1\u5f00\u59cb\u7684\u5e8f\u53f7&lt;\/th&gt;\n            &lt;th&gt;0\u5f00\u59cb\u7684\u5e8f\u53f7&lt;\/th&gt;\n            &lt;th&gt;\u5927\u5b66\u540d\u79f0&lt;\/th&gt;\n            &lt;th&gt;\u6240\u5c5e\u5730\u533a&lt;\/th&gt;\n            &lt;th&gt;\u603b\u6570&lt;\/th&gt;\n\n        &lt;\/tr&gt;\n        {% for college in colleges %}\n            {% if loop.first %}\n                &lt;tr style=&quot;background: blue&quot;&gt;\n            {% elif loop.last %}\n                &lt;tr style=&quot;background: yellow &quot;&gt;\n            {% else %}\n                &lt;tr&gt;\n            {% endif %}\n                &lt;td&gt;{{ loop.index }}&lt;\/td&gt;\n                &lt;td&gt;{{ loop.index0 }}&lt;\/td&gt;\n                &lt;td&gt;{{ college.name }}&lt;\/td&gt;\n                &lt;td&gt;{{ college.area }}&lt;\/td&gt;\n                &lt;td&gt;{{ loop.length }}&lt;\/td&gt;\n            &lt;\/tr&gt;\n        {% endfor %}\n    &lt;\/table&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/13_jinja2\u4e2dfor\u5faa\u73af\u53c2\u6570\u6d4b\u8bd5-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/13_jinja2\u4e2dfor\u5faa\u73af\u53c2\u6570\u6d4b\u8bd5-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p>\u200b                           <strong>for\u5faa\u73af\u5e38\u7528\u53d8\u91cf\u8868<\/strong><\/p>\n<table>\n<thead>\n<tr>\n<th>for\u5faa\u73af\u5e38\u7528\u53d8\u91cf<\/th>\n<th>\u529f\u80fd\u63cf\u8ff0<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>loop.index<\/td>\n<td>\u5f53\u524d\u5faa\u73af\u7684\u7d22\u5f15\uff08\u4ece1\u5f00\u59cb\uff09<\/td>\n<\/tr>\n<tr>\n<td>loop.index0<\/td>\n<td>\u5f53\u524d\u5faa\u73af\u7684\u7d22\u5f15\uff08\u4ece0\u5f00\u59cb\uff09<\/td>\n<\/tr>\n<tr>\n<td>loop.first<\/td>\n<td>\u662f\u5426\u662f\u7b2c\u4e00\u6b21\u5faa\u73af\uff0c\u662f\u8fd4\u56deTrue\uff0c\u5426\u5219\u8fd4\u56deFlase<\/td>\n<\/tr>\n<tr>\n<td>loop.last<\/td>\n<td>\u662f\u5426\u662f\u6700\u540e\u4e00\u6b21\u5faa\u73af\uff0c\u662f\u8fd4\u56deTrue\uff0c\u5426\u5219\u8fd4\u56deFlase<\/td>\n<\/tr>\n<tr>\n<td>loop.length<\/td>\n<td>\u603b\u5171\u53ef\u4ee5\u5faa\u73af\u7684\u6b21\u6570 \/ \u8fed\u4ee3\u5668\u7684\u957f\u5ea6<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h6><strong>for\u5faa\u73af\u4e2d\u7684else\u7528\u6cd5<\/strong><\/h6>\n<p>for\u8fd8\u53ef\u4ee5else\u5206\u652f\u8bed\u6cd5\uff0c\u5982\u679cfor\u5185\u90e8\u6ca1\u6709\u904d\u5386\u51fa\u6765\u5185\u5bb9\uff0c\u90a3\u4e48\u5c31\u4f1a\u8d70else\u5206\u652f\uff0c\u53cd\u4e4b\u5982\u679cfor\u5faa\u73af\u904d\u5386\u51fa\u4e86\u5185\u5bb9\uff0c\u5219\u4e0d\u4f1a\u8fd0\u884celse\u5206\u652f\u3002<\/p>\n<p><em>\u6ce8\u610f\uff1a<code>jinja2<\/code>\u4e2d\u7684<code>for<\/code> \u548c <code>else<\/code>\u903b\u8f91\u4e0d\u901a\u4e8e<code>python<\/code>\u5728\u6b64\u4e0d\u8981\u7c7b\u6bd4python\u4e2d\u7684 <code>for<\/code> \u548c <code>else<\/code> \u3002<\/em><\/p>\n<pre><code class=\"language-jinja2\">{% for country in countrys|reverse %}\n        &lt;p&gt;{{ country }}&lt;\/p&gt;\n    {% else %}\n        &lt;p&gt;\u6ca1\u6709\u503c&lt;\/p&gt;\n    {% endfor %}<\/code><\/pre>\n<h4>2.3.6 \u6a21\u677f\u52a0\u8f7d\u9759\u6001\u6587\u4ef6<\/h4>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/03-15-\u6491\u4e0d\u4f4f\u4e86.jpg'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/03-15-\u6491\u4e0d\u4f4f\u4e86.jpg\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p>\u5728\u6a21\u677f\u4e2d\u52a0\u8f7d\u9759\u6001\u6587\u4ef6\u7684\u65f6\u5019\u4e5f\u8981\u4f7f\u7528\u5230<code>url_for()<\/code>\u51fd\u6570\uff0c\u53bb\u5bfb\u627e\u5177\u4f53\u7684\u9759\u6001\u6587\u4ef6\u8d44\u6e90\u3002\u7b2c\u4e00\u4e2a\u53c2\u6570\u662f\u5b9a\u4f4d\u5230<code>static<\/code>\u6587\u4ef6\u5939\uff0c<code>filename<\/code>\u53c2\u6570\u5b9a\u4f4d\u5230static\u6587\u4ef6\u5939\u5185\u7684\u5177\u4f53\u8d44\u6e90\u3002<\/p>\n<pre><code class=\"language-python\">{{ url_for(&#039;static&#039;,filename=&#039;\u76f8\u5bf9\u4e8estatic\u6587\u4ef6\u5939\u7684\u8def\u5f84&#039;) }}<\/code><\/pre>\n<h6>\u5b9e\u4f8b\uff1a<\/h6>\n<p>\u9879\u76ee\u76ee\u5f55\uff1a<\/p>\n<pre><code class=\"language-python\">\u2502  app.py\n\u2502\n\u251c\u2500static  # \u6587\u4ef6\u5939\n\u2502  \u251c\u2500css  # \u6587\u4ef6\u5939\n\u2502  \u2502      demo.css\n\u2502  \u2502\n\u2502  \u251c\u2500images  # \u6587\u4ef6\u5939\n\u2502  \u2502      1.png\n\u2502  \u2502\n\u2502  \u2514\u2500js  # \u6587\u4ef6\u5939\n\u2502          demo.js\n\u2502\n\u251c\u2500templates  # \u6587\u4ef6\u5939\n     index.html\n<\/code><\/pre>\n<p>app.py<\/p>\n<pre><code class=\"language-python\">...\n\n@app.route(&#039;\/&#039;)\ndef hello_world():\n    return render_template(&#039;index.html&#039;)\n...<\/code><\/pre>\n<p>index.html<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;\u9759\u6001\u6587\u4ef6\u52a0\u8f7d&lt;\/title&gt;\n\n    &lt;link rel=&quot;stylesheet&quot; href=&quot;{{ url_for(&#039;static&#039;,filename=&#039;css\/demo.css&#039;) }}&quot;&gt;\n    &lt;script src=&quot;{{ url_for(&#039;static&#039;,filename=&#039;js\/demo.js&#039;) }}&quot;&gt;&lt;\/script&gt;\n\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;img src=&quot;{{ url_for(&#039;static&#039;,filename=&#039;images\/1.png&#039;) }}&quot;&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>demo.css<\/p>\n<pre><code class=\"language-css\">body{\n    background: red;\n}<\/code><\/pre>\n<p>demo.js<\/p>\n<pre><code class=\"language-javascript\">alert(&#039;hello world&#039;)<\/code><\/pre>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/14_\u6a21\u677f\u4e2d\u52a0\u8f7d\u9759\u6001\u6587\u4ef6\u6d4b\u8bd5-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/14_\u6a21\u677f\u4e2d\u52a0\u8f7d\u9759\u6001\u6587\u4ef6\u6d4b\u8bd5-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><br \/>\n<div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/15_\u6a21\u677f\u4e2d\u52a0\u8f7d\u9759\u6001\u6587\u4ef6\u6d4b\u8bd5-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/15_\u6a21\u677f\u4e2d\u52a0\u8f7d\u9759\u6001\u6587\u4ef6\u6d4b\u8bd5-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h4>2.3.7 \u6a21\u677f\u7684\u7ee7\u627f<\/h4>\n<p>jinja2\u7684\u6a21\u677f\u7ee7\u627f\u53ef\u4ee5\u628a\u4e00\u4e9b\u516c\u5171\u7684\u4ee3\u7801\u5b9a\u4e49\u5230\u4e00\u4e2a\u57fa\u6a21\u677f\u4e2d\uff0c\u6bd4\u5982\u628a\u5bfc\u822a\u680f\u3001\u9875\u811a\u7b49\u901a\u7528\u5185\u5bb9\u653e\u5728\u57fa\u6a21\u677f\u4e2d\uff0c\u4ee5\u540e\u6240\u6709\u7684\u5b50\u6a21\u677f\u76f4\u63a5\u7ee7\u627f\u57fa\u6a21\u677f\uff0c\u5728\u5b50\u6a21\u677f\u88ab\u6e32\u67d3\u65f6\u4f1a\u81ea\u52a8\u5305\u542b\u7ee7\u627f\u57fa\u6a21\u677f\u7684\u5185\u5bb9\uff0c\u901a\u8fc7\u6a21\u677f\u7684\u7ee7\u627f\u53ef\u4ee5\u907f\u514d\u5728\u591a\u4e2a\u6a21\u677f\u4e2d\u7f16\u5199\u91cd\u590d\u7684\u4ee3\u7801\u3002<\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/03-16-\u7ee7\u627f-1.jpg'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/03-16-\u7ee7\u627f-1.jpg\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h5>\u5177\u4f53\u5b9e\u73b0\uff1a<\/h5>\n<p>\u5728\u57fa\u6a21\u677f\u4e2d\u5b9a\u4e49\u4e00\u4e9b\u516c\u5171\u7684\u4ee3\u7801\uff0c\u5b50\u6a21\u677f\u4f1a\u7ee7\u627f\u8fd9\u4e9b\u516c\u5171\u7684\u4ee3\u7801\uff0c\u4f46\u662f\u5b50\u6a21\u677f\u9700\u8981\u6839\u636e\u81ea\u5df1\u7684\u9700\u6c42\u53bb\u5b9e\u73b0\u4e0d\u540c\u7684\u4ee3\u7801\uff0c\u8fd9\u4e2a\u65f6\u5019\u5c31\u9700\u8981\u5728\u57fa\u6a21\u677f\u4e2d\u63d0\u4f9b\u4e00\u4e9b\u63a5\u53e3\uff0c\u4ee5\u4fbf\u5b50\u6a21\u677f\u5b9e\u73b0\u81ea\u5df1\u7684\u4e1a\u52a1\u9700\u6c42\u3002<\/p>\n<p><strong>1 \u57fa\u672c\u5199\u6cd5<\/strong><\/p>\n<p>\u5728\u57fa\/\u7236\u6a21\u677f\u4e2d\u5b9a\u4e49\u63a5\u53e3\uff08block\uff09<\/p>\n<pre><code class=\"language-jinja2\">{% block main %} {# main\u662f\u81ea\u5b9a\u4e49\u7684\u53d8\u91cf\u540d #}\n\n{% endblock %}<\/code><\/pre>\n<p>\u5728\u5b50\u6a21\u677f\u4e2d\u7ee7\u627f\u7236\u6a21\u677f\uff0c\u5e76\u4e14\u91cd\u5199\u63a5\u53e3\uff08block\uff09<\/p>\n<pre><code class=\"language-jinja2\">{% extends &#039;base.html&#039; %} {# extends \u540e\u9762\u8ddf\u7684\u53c2\u6570\u662f\u5bfc\u5165\u7684\u57fa\u6a21\u677f\u76f8\u5bf9\u4e8etemplates\u7684\u8def\u5f84 #}\n{% block main %}\n\n{% endblock %}<\/code><\/pre>\n<p><strong>2 \u5b50\u6a21\u677f\u4e2d\u8c03\u7528\u7236\u6a21\u677f\u4ee3\u7801block\u4e2d\u7684\u4ee3\u7801<\/strong><\/p>\n<p>\u57fa\u6a21\u677f\u4e2d<\/p>\n<pre><code class=\"language-jinja2\">{% block main %}\n&lt;p&gt;\u7236\u6a21\u677f\u4e2dmain\u4e2d\u539f\u6709\u7684\u5185\u5bb9&lt;\/p&gt;\n\n{% endblock %}<\/code><\/pre>\n<p>\u5b50\u6a21\u677f\u4e2d\uff1a<\/p>\n<pre><code class=\"language-jinja2\">{% block main %}\n    {{ super() }}   {# \u4fdd\u7559\u57fa\u6a21\u677f\u4e2d\u672c\u5757\u7684\u4ee3\u7801 #}\n    &lt;p&gt;\u5b50\u6a21\u677f\u4e2d\u91cd\u5199main\u7684\u5185\u5bb9 &lt;\/p&gt;\n{% endblock %}<\/code><\/pre>\n<p><strong>3 \u5728\u5b50\u6a21\u677f\u4e2d\u8c03\u7528\u5176\u4ed6block\u4e2d\u7684\u4ee3\u7801\uff1a<\/strong><\/p>\n<p>\u5b50\u6a21\u677f\u4e2d\uff1a<\/p>\n<pre><code class=\"language-jinja2\">{% block main %}\n    {{ self.demo() }} {# self.\u5176\u4ed6block\u540d\u5b57 #}\n    &lt;p&gt;\u5b50\u6a21\u677f\u4e2d\u91cd\u5199main\u7684\u5185\u5bb9 &lt;\/p&gt;\n{% endblock %}<\/code><\/pre>\n<p><strong>4 \u5b50\u6a21\u677f\u4e2d\u7684\u60f3\u5b9a\u4e49\u81ea\u5df1\u7684\u4ee3\u7801\u53ea\u80fd\u653e\u5230block\u4e2d\uff0c\u5426\u5219\u65e0\u6548<\/strong><\/p>\n<h5>\u5b9e\u4f8b<\/h5>\n<p>\u6ce8\u610f\uff1a\u8fd9\u91cc\u9762\u6211\u4eec\u4f7f\u7528\u4e86bootstrap\u6846\u67b6\u3002<\/p>\n<p>bootstrap3\u7684\u4e2d\u6587\u5b98\u7f51\uff1a<a href=\"https:\/\/v3.bootcss.com\/\">https:\/\/v3.bootcss.com\/<\/a><\/p>\n<p>1 \u9996\u5148\u4e0b\u8f7d  <code>\u7528\u4e8e\u751f\u4ea7\u73af\u5883\u7684 Bootstrap<\/code><\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/16_bootstrap\u4e0b\u8f7d-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/16_bootstrap\u4e0b\u8f7d-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p>2 \u89e3\u538b\u51fa\u6765\u91cc\u9762\u7684css\u6587\u4ef6<\/p>\n<p><strong>\u9879\u76ee\u76ee\u5f55<\/strong><\/p>\n<pre><code class=\"language-python\">\u2502  app.py\n\u2502\n\u251c\u2500static  # \u6587\u4ef6\u5939\n\u2502  \u2514\u2500css\n\u2502          bootstrap-theme.css\n\u2502          bootstrap-theme.css.map\n\u2502          bootstrap-theme.min.css\n\u2502          bootstrap-theme.min.css.map\n\u2502          bootstrap.css\n\u2502          bootstrap.css.map\n\u2502          bootstrap.min.css\n\u2502          bootstrap.min.css.map\n\u2502\n\u251c\u2500templates  # \u6587\u4ef6\u5939\n       base.html\n       detail.html\n<\/code><\/pre>\n<p><strong>css\u6587\u4ef6\u5939<\/strong>\uff1a  \u662f\u4ece\u6211\u4eec\u4e0a\u9762\u4e0b\u8f7d\u597d\u7684<code>\u7528\u4e8e\u751f\u4ea7\u73af\u5883\u7684 Bootstrap<\/code>\u4e2d\u89e3\u538b\u51fa\u6765\u7684<\/p>\n<p><strong>base.html<\/strong>      <em>\u6ce8\u610f\uff1a\u91cc\u9762\u7684<code>form<\/code>\u6807\u7b7e<\/em>\u4e2d\u7684\u5185\u5bb9\u548c<code>nav<\/code>\u6807\u7b7e\u4e2d\u7684\u5185\u5bb9\u5747\u662fbootstrap\u6846\u67b6\u7684\u4ee3\u7801\u622a\u53d6\uff0c<code>div<\/code>\u6807\u7b7e\u662f\u7528\u4e8e\u6e05\u9664\u6d6e\u52a8<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;\u7236\u6a21\u677f&lt;\/title&gt;\n    &lt;link rel=&quot;stylesheet&quot; href=&quot;{{ url_for(&#039;static&#039;,filename=&#039;css\/bootstrap.css&#039;) }}&quot;&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;form class=&quot;navbar-form navbar-left&quot; role=&quot;search&quot;&gt;\n      &lt;div class=&quot;form-group&quot;&gt;\n        &lt;input type=&quot;text&quot; class=&quot;form-control&quot; placeholder=&quot;Search&quot;&gt;\n      &lt;\/div&gt;\n      &lt;button type=&quot;submit&quot; class=&quot;btn btn-default&quot;&gt;Submit&lt;\/button&gt;\n    &lt;\/form&gt;\n    &lt;div style=&quot; visibility:hidden;display:block;font-size:0;clear:both;\n            height:50px&quot;&gt;&lt;\/div&gt;\n\n    {% block main %}\n        &lt;p&gt;\u7236\u6a21\u677f\u4e2dmain\u4e2d\u539f\u6709\u7684\u5185\u5bb9&lt;\/p&gt;\n\n    {% endblock %}\n   &lt;br&gt;\n   &lt;br&gt;\n   &lt;br&gt;\n    {% block demo %}\n        &lt;p&gt;demo\u4e2d\u539f\u6709\u7684\u5185\u5bb9&lt;\/p&gt;\n    {% endblock %}\n\n&lt;div style=&quot; visibility:hidden;display:block;font-size:0;clear:both;\n            height:0&quot;&gt;&lt;\/div&gt;\n&lt;nav aria-label=&quot;Page navigation&quot;&gt;\n  &lt;ul class=&quot;pagination&quot;&gt;\n    &lt;li&gt;\n      &lt;a href=&quot;#&quot; aria-label=&quot;Previous&quot;&gt;\n        &lt;span aria-hidden=&quot;true&quot;&gt;\u00ab&lt;\/span&gt;\n      &lt;\/a&gt;\n    &lt;\/li&gt;\n    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;1&lt;\/a&gt;&lt;\/li&gt;\n    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;2&lt;\/a&gt;&lt;\/li&gt;\n    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;3&lt;\/a&gt;&lt;\/li&gt;\n    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;4&lt;\/a&gt;&lt;\/li&gt;\n    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;5&lt;\/a&gt;&lt;\/li&gt;\n    &lt;li&gt;\n      &lt;a href=&quot;#&quot; aria-label=&quot;Next&quot;&gt;\n        &lt;span aria-hidden=&quot;true&quot;&gt;\u00bb&lt;\/span&gt;\n      &lt;\/a&gt;\n    &lt;\/li&gt;\n  &lt;\/ul&gt;\n&lt;\/nav&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p><strong>detail.html<\/strong><\/p>\n<pre><code class=\"language-jinja2\">{% extends &#039;base.html&#039; %}\n{% block demo %}\n    &lt;p&gt;\u5b50\u6a21\u677f\u4e2d\u91cd\u5199demo\u7684\u5185\u5bb9&lt;\/p&gt;\n{% endblock %}\n{% block main %}\n    {{ super() }}   {# \u4fdd\u7559\u57fa\u6a21\u677f\u4e2d\u672cblock\u7684\u4ee3\u7801 #}\n    {{ self.demo() }} {# \u8c03\u7528demo block\u7684\u4ee3\u7801 #}\n    &lt;p&gt;\u5b50\u6a21\u677f\u4e2d\u91cd\u5199main\u7684\u5185\u5bb9 &lt;\/p&gt;\n{% endblock %}<\/code><\/pre>\n<p><strong>app.py<\/strong>   <em>\u6ce8\u610f\uff1a<code>app.config.update(TEMPLATES_AUTO_RELOAD=True)<\/code>\u8bed\u53e5\u7528\u4e8e\u6bcf\u6b21\u90fd\u91cd\u65b0\u52a0\u8f7d\u6a21\u677f\u6587\u4ef6<\/em><\/p>\n<pre><code class=\"language-python\">from flask import Flask, render_template\n\napp = Flask(__name__)\napp.config.update(TEMPLATES_AUTO_RELOAD=True)\n\n@app.route(&#039;\/&#039;)\ndef hello_world():\n    return render_template(&#039;base.html&#039;)\n\n@app.route(&#039;\/demo\/&#039;)\ndef demo():\n    return render_template(&#039;detail.html&#039;)\n\nif __name__ == &#039;__main__&#039;:\n    app.run()<\/code><\/pre>\n<p>\u5b50\u6a21\u677f\u8fd0\u884c\u6548\u679c<\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/17_\u6a21\u677f\u7ee7\u627f\u6d4b\u8bd5-1.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/17_\u6a21\u677f\u7ee7\u627f\u6d4b\u8bd5-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h2>3 \u95ea\u73b0<\/h2>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe05-14.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe05-14.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h3>3.1 \u5728\u6a21\u677f\u4e2d\u83b7\u53d6\u95ea\u73b0\u4fe1\u606f<\/h3>\n<p>Flask \u63d0\u4f9b\u4e86\u4e00\u4e2a\u975e\u5e38\u7b80\u5355\u7684\u65b9\u6cd5\u6765\u4f7f\u7528\u95ea\u73b0\u7cfb\u7edf\u5411\u7528\u6237\u53cd\u9988\u4fe1\u606f\u3002\u95ea\u73b0\u7cfb\u7edf\u4f7f\u5f97\u5728\u4e00\u4e2a\u8bf7\u6c42\u7ed3\u675f\u7684\u65f6\u5019\u8bb0\u5f55\u4e00\u4e2a\u4fe1\u606f\uff0c<code>\u7136\u540e\u5728\u4e14\u4ec5\u4ec5\u5728\u4e0b\u4e00\u4e2a\u8bf7\u6c42\u4e2d\u8bbf\u95ee\u8fd9\u4e2a\u6570\u636e<\/code>\uff0c\u5f3a\u8c03flask\u95ea\u73b0\u662f\u57fa\u4e8e<code>flask<\/code>\u5185\u7f6e\u7684<code>session<\/code>\u7684\uff0c\u5229\u7528\u6d4f\u89c8\u5668\u7684<code>session<\/code>\u7f13\u5b58\u95ea\u73b0\u4fe1\u606f\u3002\u6240\u4ee5\u5fc5\u987b\u8bbe\u7f6e<code>secret_key<\/code>\u3002<\/p>\n<h4>3.1.1 \u7b80\u5355\u7684\u5728\u6a21\u677f\u4e2d\u5b9e\u73b0\u83b7\u53d6\u95ea\u73b0\u4fe1\u606f<\/h4>\n<p><strong>\u5b9e\u4f8b\uff1a<\/strong><\/p>\n<p>server.py<\/p>\n<pre><code class=\"language-python\">from flask import Flask, flash, redirect, render_template, \\\n     request, url_for\n\napp = Flask(__name__)\napp.secret_key = &#039;some_secret&#039;\n\n@app.route(&#039;\/&#039;)\ndef index():\n    return render_template(&#039;index.html&#039;)\n\n@app.route(&#039;\/login&#039;, methods=[&#039;GET&#039;, &#039;POST&#039;])\ndef login():\n    error = None\n    if request.method == &#039;POST&#039;:\n        if request.form[&#039;username&#039;] != &#039;admin&#039; or \\\n                request.form[&#039;password&#039;] != &#039;123&#039;:\n            error = &#039;\u767b\u5f55\u5931\u8d25&#039;\n        else:\n            flash(&#039;\u606d\u559c\u60a8\u767b\u5f55\u6210\u529f&#039;)\n            return redirect(url_for(&#039;index&#039;))\n    return render_template(&#039;login.html&#039;, error=error)\n\nif __name__ == &quot;__main__&quot;:\n    app.run()<\/code><\/pre>\n<p><strong><em>\u6ce8\u610f\uff1a\u8fd9\u4e2a <code>flash()<\/code> \u5c31\u53ef\u4ee5\u5b9e\u73b0\u5728\u4e0b\u4e00\u6b21\u8bf7\u6c42\u65f6\u5019\uff0c\u5c06\u62ec\u53f7\u5185\u7684\u4fe1\u606f\u505a\u4e00\u4e2a\u7f13\u5b58\u3002\u4e0d\u8981\u5fd8\u8bb0\u8bbe\u7f6esecret_key<\/em><\/strong><\/p>\n<p>\u8fd9\u91cc\u662f index.html \u6a21\u677f:<\/p>\n<pre><code class=\"language-jinja2\">{% with messages = get_flashed_messages() %}  # \u83b7\u53d6\u6240\u6709\u7684\u95ea\u73b0\u4fe1\u606f\u8fd4\u56de\u4e00\u4e2a\u5217\u8868\n  {% if messages %}\n    &lt;ul class=flashes&gt;\n    {% for message in messages %}\n      &lt;li&gt;{{ message }}&lt;\/li&gt;\n    {% endfor %}\n    &lt;\/ul&gt;\n  {% endif %}\n{% endwith %}\n\n&lt;h1&gt;\u4e3b\u9875&lt;\/h1&gt;\n  &lt;p&gt;\u8df3\u8f6c\u5230\u767b\u5f55\u9875\u9762&lt;a href=&quot;{{ url_for(&#039;login&#039;) }}&quot;&gt;\u767b\u5f55?&lt;\/a&gt;<\/code><\/pre>\n<p><strong><em>\u6ce8\u610f\uff1a{% with messages = get_flashed_messages() %}  # \u83b7\u53d6\u6240\u6709\u7684\u95ea\u73b0\u4fe1\u606f\u8fd4\u56de\u4e00\u4e2a\u5217\u8868<\/em><\/strong><\/p>\n<p>\u8fd9\u91cc\u662flogin.html \u6a21\u677f<\/p>\n<pre><code class=\"language-html\">&lt;h1&gt;\u767b\u5f55\u9875\u9762&lt;\/h1&gt;\n{% if error %}\n&lt;p class=error&gt;&lt;strong&gt;Error:&lt;\/strong&gt; {{ error }}\n{% endif %}\n    &lt;form action=&quot;&quot; method=post&gt;\n    \u7528\u6237\u540d:\n    &lt;input type=text name=username&gt;\n    \u5bc6\u7801:\n    &lt;input type=password name=password&gt;\n    &lt;p&gt;&lt;input type=submit value=Login&gt;&lt;\/p&gt;\n&lt;\/form&gt;<\/code><\/pre>\n<h4><\/h4>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/18-\u5728\u6a21\u677f\u4e2d\u7b80\u5355\u5b9e\u73b0\u95ea\u73b0-2.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/18-\u5728\u6a21\u677f\u4e2d\u7b80\u5355\u5b9e\u73b0\u95ea\u73b0-2.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p><strong>\u7b80\u5355\u7684\u5728\u6a21\u677f\u4e2d\u5b9e\u73b0\u83b7\u53d6\u95ea\u73b0\u4fe1\u606f\u5c0f\u7ed3\uff1a<\/strong><\/p>\n<pre><code class=\"language-python\">\u8bbe\u7f6e\u95ea\u73b0\u5185\u5bb9\uff1aflash(&#039;\u606d\u559c\u60a8\u767b\u5f55\u6210\u529f&#039;)\n\u6a21\u677f\u53d6\u51fa\u95ea\u73b0\u5185\u5bb9\uff1a{% with messages = get_flashed_messages() %} <\/code><\/pre>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe06-11.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe06-11.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h4>3.1.2 \u6a21\u677f\u4e2d\u7684\u5206\u7c7b\u95ea\u73b0<\/h4>\n<p>\u5f53\u95ea\u73b0\u4e00\u4e2a\u6d88\u606f\u65f6\uff0c\u662f\u53ef\u4ee5\u63d0\u4f9b\u4e00\u4e2a\u5206\u7c7b\u7684\u3002\u672a\u6307\u5b9a\u5206\u7c7b\u65f6\u9ed8\u8ba4\u7684\u5206\u7c7b\u4e3a <code>&#039;message&#039;<\/code> \u3002 \u53ef\u4ee5\u4f7f\u7528\u5206\u7c7b\u6765\u63d0\u4f9b\u7ed9\u7528\u6237\u66f4\u597d\u7684\u53cd\u9988\uff0c\u53ef\u4ee5\u7ed9\u7528\u6237\u66f4\u7cbe\u51c6\u7684\u63d0\u793a\u4fe1\u606f\u4f53\u9a8c\u3002<\/p>\n<p>\u8981\u4f7f\u7528\u4e00\u4e2a\u81ea\u5b9a\u4e49\u7684\u5206\u7c7b\uff0c\u53ea\u8981\u4f7f\u7528 <code>flash()<\/code> \u51fd\u6570\u7684\u7b2c\u4e8c\u4e2a\u53c2\u6570:<\/p>\n<pre><code class=\"language-python\">flash(&#039;\u606d\u559c\u60a8\u767b\u5f55\u6210\u529f&#039;,&quot;status&quot;)\nflash(&#039;\u60a8\u7684\u8d26\u6237\u540d\u4e3aadmin&#039;,&quot;username&quot;)<\/code><\/pre>\n<p>\u5728\u4f7f\u7528<code>get_flashed_messages()<\/code>\u65f6\u5019\u9700\u8981\u4f20\u5165<code>with_categories=true<\/code>\u4fbf\u53ef\u4ee5\u6e32\u67d3\u51fa\u6765\u7c7b\u522b<\/p>\n<pre><code class=\"language-jinja2\">{% with messages = get_flashed_messages(with_categories=true) %}\n  {% if messages %}\n    &lt;ul class=flashes&gt;\n    {% for category, message in messages %}\n      &lt;li class=&quot;{{ category }}&quot;&gt;{{ category }}\uff1a{{ message }}&lt;\/li&gt;\n    {% endfor %}\n    &lt;\/ul&gt;\n  {% endif %}\n{% endwith %}\n<\/code><\/pre>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/19-\u6a21\u677f\u4e2d\u95ea\u73b0\u6e32\u67d3\u7c7b\u522b\u4fe1\u606f-3.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/19-\u6a21\u677f\u4e2d\u95ea\u73b0\u6e32\u67d3\u7c7b\u522b\u4fe1\u606f-3.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p><strong>\u6a21\u677f\u4e2d\u7684\u5206\u7c7b\u95ea\u73b0\u5c0f\u7ed3\uff1a<\/strong><\/p>\n<pre><code class=\"language-python\">\u5206\u7c7b\u8bbe\u7f6e\u95ea\u73b0\u5185\u5bb9\uff1aflash(&#039;\u606d\u559c\u60a8\u767b\u5f55\u6210\u529f&#039;,&quot;status&quot;)\n            flash(&#039;\u60a8\u7684\u8d26\u6237\u540d\u4e3aadmin&#039;,&quot;username&quot;)\n\u6a21\u677f\u53d6\u503c\uff1a   {% with messages = get_flashed_messages(with_categories=true) %}\n            {% if messages %}\n            &lt;ul class=flashes&gt;\n            {% for category, message in messages %}\n            ...\n<\/code><\/pre>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe06-12.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe06-12.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h4><\/h4>\n<h4>3.1.3 \u6a21\u677f\u4e2d\u8fc7\u6ee4\u95ea\u73b0\u6d88\u606f<\/h4>\n<p>\u540c\u6837\u8981\u4f7f\u7528\u4e00\u4e2a\u81ea\u5b9a\u4e49\u7684\u5206\u7c7b\uff0c\u53ea\u8981\u4f7f\u7528 <code>flash()<\/code> \u51fd\u6570\u7684\u7b2c\u4e8c\u4e2a\u53c2\u6570:<\/p>\n<pre><code class=\"language-python\">flash(&#039;\u606d\u559c\u60a8\u767b\u5f55\u6210\u529f&#039;,&quot;status&quot;)\nflash(&#039;\u60a8\u7684\u8d26\u6237\u540d\u4e3aadmin&#039;,&quot;username&quot;)<\/code><\/pre>\n<p>\u5728\u4f7f\u7528<code>get_flashed_messages()<\/code>\u65f6\u5019\u9700\u8981\u4f20\u5165<code>category_filter=[&quot;username&quot;]<\/code>\u4fbf\u53ef\u6839\u636e\u7c7b\u522b\u53d6\u51fa\u95ea\u73b0\u4fe1\u606f\u3002\u4e2d\u62ec\u53f7\u5185\u53ef\u4ee5\u4f20\u5165\u7684\u503c\u5c31\u662f\u7c7b\u522b\uff0c\u53ef\u4ee5\u4f20\u5165\u591a\u4e2a\u3002<\/p>\n<pre><code class=\"language-jinja2\">{% with messages = get_flashed_messages(category_filter=[&quot;username&quot;]) %}\n{% if messages %}\n  &lt;ul&gt;\n    {%- for message in messages %}\n    &lt;li&gt;{{ message }}&lt;\/li&gt;\n    {% endfor -%}\n  &lt;\/ul&gt;\n&lt;\/div&gt;\n{% endif %}\n{% endwith %}<\/code><\/pre>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/20-\u6a21\u677f\u4e2d\u8fc7\u6ee4\u95ea\u73b0\u6d88\u606f-3.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/20-\u6a21\u677f\u4e2d\u8fc7\u6ee4\u95ea\u73b0\u6d88\u606f-3.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p><strong>\u5c0f\u7ed3\uff1a<\/strong><\/p>\n<pre><code class=\"language-python\">\u5206\u7c7b\u8bbe\u7f6e\u95ea\u73b0\u5185\u5bb9\uff1aflash(&#039;\u606d\u559c\u60a8\u767b\u5f55\u6210\u529f&#039;,&quot;status&quot;)\n            flash(&#039;\u60a8\u7684\u8d26\u6237\u540d\u4e3aadmin&#039;,&quot;username&quot;)\n\u6a21\u677f\u53d6\u503c\uff1a  % with messages = get_flashed_messages(category_filter=[&quot;username&quot;]) %}\n            {% if messages %}\n              &lt;ul&gt;\n                {%- for message in messages %}<\/code><\/pre>\n<h3>3.2 \u5728\u89c6\u56fe\u4e2d\u83b7\u53d6\u95ea\u73b0\u4fe1\u606f<\/h3>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe07-5.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe07-5.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h4>3.2.1 \u7b80\u5355\u7684\u5728\u662f\u89c6\u56fe\u4e2d\u83b7\u53d6\u95ea\u73b0\u4fe1\u606f<\/h4>\n<pre><code class=\"language-python\">-\u8bbe\u7f6e: flash(&#039;xxx&#039;)\n-\u53d6\u503c\uff1aget_flashed_message() # \u6ce8\u610f\u8fd9\u4e2a\u4e0d\u540c\u4e8e\u6a21\u677f\u53d6\u503c\uff0c\u8fd9\u4e2a\u662f\u4eceflask\u4e2d\u5bfc\u5165\u7684\n-\u6ce8\u610f\uff1a\u5728\u89c6\u56fe\u4e2d\u83b7\u53d6\u95ea\u73b0\u4fe1\u606f\u4e0d\u5fc5\u975e\u5f97\u662f\u4e24\u6b21\u8fde\u7eed\u7684\u8bf7\u6c42\uff0c\u53ea\u8981\u4fdd\u8bc1\u662f\u7b2c\u4e00\u6b21\u53d6\u76f8\u5e94\u7684\u95ea\u73b0\u4fe1\u606f\uff0c\u5c31\u53ef\u4ee5\u53d6\u5f97\u5230\u3002<\/code><\/pre>\n<p><strong>\u5b9e\u4f8b\uff1a<\/strong><\/p>\n<pre><code class=\"language-python\">from flask import Flask, request, flash, get_flashed_messages\nimport os\n\napp = Flask(__name__)\napp.secret_key = os.urandom(4)\napp.debug = True\n\n@app.route(&#039;\/login\/&#039;)\ndef login():\n    if request.args.get(&#039;name&#039;) == &#039;rocky&#039;:\n        return &#039;ok&#039;\n    flash(&#039;\u7b2c\u4e00\u6761\u95ea\u73b0\u4fe1\u606f\uff1a\u7528\u6237\u540d\u4e0d\u662frocky\u586b\u5199\u7684\u662f{}&#039;.format(request.args.get(&#039;name&#039;)))\n    # flash(&#039;\u7b2c\u4e8c\u6761\u95ea\u73b0\u4fe1\u606f\uff1a\u7528\u6237\u540d\u4e0d\u662frocky\u586b\u5199\u7684\u662f{}&#039;.format(request.args.get(&#039;name&#039;)))\n    return &#039;error,\u8bbe\u7f6e\u4e86\u95ea\u73b0&#039;\n@app.route(&#039;\/get_flash\/&#039;)\ndef get_flash():\n    #get_flashed_messages()\u662f\u4e00\u4e2a\u5217\u8868\u5217\u8868\u53ef\u4ee5\u53d6\u51fa\u95ea\u73b0\u4fe1\u606f\uff0c\u8be5\u6761\u95ea\u73b0\u4fe1\u606f\u53ea\u8981\u88ab\u53d6\u51fa\u5c31\u4f1a\u5220\u9664\u6389\u3002\n    return &#039;\u95ea\u73b0\u7684\u4fe1\u606f\u662f{}&#039;.format(get_flashed_messages())\n\n@app.route(&#039;\/demo\/&#039;)\ndef demo():\n    return &#039;demo&#039;\n\nif __name__ == &#039;__main__&#039;:\n    app.run()<\/code><\/pre>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/03-17-\u95ea\u73b0.gif'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/03-17-\u95ea\u73b0.gif\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p>\uff081\uff09**\u4f1a\u89e6\u53d1\u8bbe\u7f6e\u95ea\u73b0\u5185\u5bb9<\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/23-\u8bbe\u7f6e\u95ea\u73b0\u5185\u5bb9-4.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/23-\u8bbe\u7f6e\u95ea\u73b0\u5185\u5bb9-4.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p><strong>\uff082\uff09<\/strong>\u53d6\u51fa\u95ea\u73b0\u5185\u5bb9<\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/26-\u7b80\u5355\u89c6\u56fe\u83b7\u53d6\u7f51\u9875\u6d4b\u8bd5-3.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/26-\u7b80\u5355\u89c6\u56fe\u83b7\u53d6\u7f51\u9875\u6d4b\u8bd5-3.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p><strong>\uff083\uff09<\/strong>\u518d\u6b21\u53d6\u51fa\u95ea\u73b0\u5185\u5bb9\uff0c\u53d1\u73b0\u95ea\u73b0\u5185\u5bb9\u53d6\u51fa\u4e00\u6b21\u540e\u5c31\u4e3a\u7a7a\u4e86<\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/27-\u7b80\u5355\u89c6\u56fe\u83b7\u53d6\u7f51\u9875\u6d4b\u8bd5-3.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/27-\u7b80\u5355\u89c6\u56fe\u83b7\u53d6\u7f51\u9875\u6d4b\u8bd5-3.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p><strong>\u5c0f\u7ed3\uff1a<\/strong><\/p>\n<ul>\n<li>get_flashed_messages()\u662f\u4e00\u4e2a\u5217\u8868\uff0c\u8be5\u5217\u8868\u53ef\u4ee5\u53d6\u51fa\u95ea\u73b0\u4fe1\u606f\uff0c\u8be5\u6761\u95ea\u73b0\u4fe1\u606f\u53ea\u8981\u88ab\u53d6\u51fa\u5c31\u4f1a\u5220\u9664\u6389\u3002<\/li>\n<\/ul>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe06-13.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/\u6076\u641e\u56fe06-13.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<h4>3.2.2 \u5728\u89c6\u56fe\u4e2d\u5b9e\u73b0\u5206\u7c7b\u83b7\u53d6\u95ea\u73b0\u4fe1\u606f\u3002<\/h4>\n<pre><code class=\"language-python\">-\u8bbe\u7f6e\uff1aflash(&#039;\u7528\u6237\u540d\u9519\u8bef&#039;, &quot;username_error&quot;)\n      flash(&#039;\u7528\u6237\u5bc6\u7801\u9519\u8bef&#039;, &quot;password_error&quot;) # \u7b2c\u4e8c\u4e2a\u53c2\u6570\u4e3a\u95ea\u73b0\u4fe1\u606f\u7684\u5206\u7c7b\u3002\n\n-\u53d6\u6240\u6709\u95ea\u73b0\u4fe1\u606f\u7684\u7c7b\u522b\u548c\u95ea\u73b0\u5185\u5bb9\uff1aget_flashed_messages(with_categories=True)\n\n-\u9488\u5bf9\u5206\u7c7b\u8fc7\u6ee4\u53d6\u503c\uff1aget_flashed_messages(category_filter=[&#039;username_error&#039;]) \n            # \u4e2d\u62ec\u53f7\u5185\u53ef\u4ee5\u5199\u591a\u4e2a\u5206\u7c7b\u3002\n\n-\u6ce8\u610f\uff1a\u5982\u679cflash()\u6ca1\u6709\u4f20\u5165\u7b2c\u4e8c\u4e2a\u53c2\u6570\u8fdb\u884c\u5206\u7c7b\uff0c\u9ed8\u8ba4\u5206\u7c7b\u662f &#039;message&#039;\n<\/code><\/pre>\n<p><strong>\u5b9e\u4f8b1<\/strong><\/p>\n<pre><code class=\"language-python\">@app.route(&#039;\/login\/&#039;)\ndef login():\n    if request.args.get(&#039;name&#039;) == &#039;rocky&#039;:\n        return &#039;ok&#039;\n    flash(&#039;\u7528\u6237\u540d\u9519\u8bef&#039;, category=&quot;username_error&quot;)\n    flash(&#039;\u7528\u6237\u5bc6\u7801\u9519\u8bef&#039;, &quot;password_error&quot;)\n    return &#039;error,\u8bbe\u7f6e\u4e86\u95ea\u73b0&#039;\n@app.route(&#039;\/get_flash\/&#039;)\ndef get_flash():\n    return &#039;\u95ea\u73b0\u7684\u4fe1\u606f\u662f{}&#039;.format(get_flashed_messages(with_categories=True))<\/code><\/pre>\n<p>\u628a\u6240\u6709\u7684\u95ea\u73b0\u7c7b\u522b\u548c\u95ea\u73b0\u4fe1\u606f\u8fd4\u56de\u3002<\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/25-flask\u89c6\u56fe\u4e2d\u95ea\u73b0\u663e\u793a\u6240\u6709\u5206\u7c7b\u4ee5\u53ca\u6240\u6709\u5206\u7c7b\u7684\u5185\u5bb9-3.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/25-flask\u89c6\u56fe\u4e2d\u95ea\u73b0\u663e\u793a\u6240\u6709\u5206\u7c7b\u4ee5\u53ca\u6240\u6709\u5206\u7c7b\u7684\u5185\u5bb9-3.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n<p><strong>\u5b9e\u4f8b2<\/strong><\/p>\n<pre><code class=\"language-python\">@app.route(&#039;\/login\/&#039;)\ndef login():\n    if request.args.get(&#039;name&#039;) == &#039;rocky&#039;:\n        return &#039;ok&#039;\n    flash(&#039;\u7528\u6237\u540d\u9519\u8bef&#039;, category=&quot;username_error&quot;)\n    flash(&#039;\u7528\u6237\u5bc6\u7801\u9519\u8bef&#039;, &quot;password_error&quot;)\n    return &#039;error,\u8bbe\u7f6e\u4e86\u95ea\u73b0&#039;\n@app.route(&#039;\/get_flash\/&#039;)\ndef get_flash():\n    return &#039;\u95ea\u73b0\u7684\u4fe1\u606f\u662f{}&#039;.format(get_flashed_messages(category_filter=[&#039;username_error&#039;]))<\/code><\/pre>\n<p>\u8fd4\u56de\u9875\u9762\u53ea\u663e\u793a\u4e86 <code>&quot;username_error&quot;<\/code>\u7684\u5206\u7c7b\u5185\u5bb9\u3002<\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/24-\u89c6\u56fe\u4e2d\u5206\u7c7b\u95ea\u73b0\u8fd4\u56de\u9875\u9762-3.png'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/egonlin.com\/wp-content\/uploads\/2021\/08\/24-\u89c6\u56fe\u4e2d\u5206\u7c7b\u95ea\u73b0\u8fd4\u56de\u9875\u9762-3.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" \/><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>04-\u6a21\u677f 1 \u91cd\u5b9a\u5411 1.1 \u4ec0\u4e48\u662f\u91cd\u5b9a\u5411\uff1f \u91cd\u5b9a\u5411\uff0c\u987e\u540d\u601d\u4e49\uff0c\u5c31\u662f\u91cd\u65b0\u5b9a\u5411\u5230\u4e00\u4e2a\u65b0\u7684\u4f4d\u7f6e\uff0c\u6bd4\u5982\u6211\u4eec\u5728\u6d4f\u89c8\u5668 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":2634,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[268],"tags":[273],"_links":{"self":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts\/2093"}],"collection":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2093"}],"version-history":[{"count":0,"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts\/2093\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/media\/2634"}],"wp:attachment":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}