![](\"\/images\/aspnetcorerazorpageinaction\/0501.png\")
<\/p>\nASP.NET Core Razor Pages in Action 5 \u4f7f\u7528\u8868\u5355\uff1a\u6a21\u578b\u7ed1\u5b9a<\/p>\n
\u2022 Razor Pages \u4e2d\u7684\u6a21\u578b\u7ed1\u5b9a
\n\u2022 \u8f7b\u677e\u7ed1\u5b9a\u590d\u6742\u5bf9\u8c61
\n\u2022 \u901a\u8fc7\u9a8c\u8bc1\u7528\u6237\u8f93\u5165\u6765\u4fdd\u62a4\u5e94\u7528\u7a0b\u5e8f
\n\u2022 \u5229\u7528\u6570\u636e\u6ce8\u91ca\u5c5e\u6027\u7ba1\u7406\u9a8c\u8bc1<\/p>\n
\u5728\u672c\u4e66\u7684\u5f00\u5934\uff0c\u5982\u679c\u60a8\u60f3\u5b66\u4e60\u5982\u4f55\u6784\u5efa\u201c\u4ee5\u9875\u9762\u4e3a\u4e2d\u5fc3\u7684\u4ea4\u4e92\u5f0f Web \u5e94\u7528\u7a0b\u5e8f\u201d\uff0c\u6211\u795d\u8d3a\u60a8\u9009\u62e9\u4e86 ASP.NET Core Razor Pages in Action\u3002\u5f53\u65f6\u6211\u5e76\u6ca1\u6709\u771f\u6b63\u6269\u5c55\u201c\u4e92\u52a8\u201d\u7684\u542b\u4e49;\u4ece\u672c\u8d28\u4e0a\u8bb2\uff0c\u4ea4\u4e92\u5f0f Web \u5e94\u7528\u7a0b\u5e8f\u662f\u7528\u6237\u53ef\u4ee5\u5728\u5176\u4e2d\u63d0\u4f9b\u8f93\u5165\u5e76\u5f71\u54cd\u5e94\u7528\u7a0b\u5e8f\u884c\u4e3a\u7684\u5e94\u7528\u7a0b\u5e8f\u3002\u5728\u4e0a\u4e00\u7ae0\u4e2d\uff0c\u60a8\u4e86\u89e3\u4e86\u7528\u6237\u5982\u4f55\u66f4\u6539 URL \u4ee5\u4e0e\u5e94\u7528\u7a0b\u5e8f\u4ea4\u4e92\uff0c\u4ece\u800c\u5bfc\u81f4 City \u9875\u9762\u6839\u636e route \u53c2\u6570\u7684\u503c\u663e\u793a\u4e0d\u540c\u7684\u5185\u5bb9\u3002\u5728\u672c\u7ae0\u4e2d\uff0c\u60a8\u5c06\u5f00\u59cb\u4e86\u89e3\u548c\u4f7f\u7528 Web \u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u4e3b\u8981\u4ea4\u4e92\u673a\u5236\uff1a\u8868\u5355\u3002<\/p>\n
\u8868\u5355\u6709\u5404\u79cd\u5f62\u72b6\u548c\u5927\u5c0f\u3002\u5728\u672c\u4e66\u7684\u5f00\u5934\uff0c\u60a8\u67e5\u770b\u4e86 Manning \u7f51\u7ad9\u7684\u4e3b\u9875\uff0c\u5176\u4e2d\u6709\u51e0\u4e2a\u8868\u5355\uff0c\u6bcf\u4e2a\u8868\u5355\u90fd\u6709\u4e00\u4e2a\u8f93\u5165\u3002\u5176\u4ed6\u8868\u683c\uff08\u6211\u60f3\u5230\u7684\u662f\u4fdd\u9669\u62a5\u4ef7\u8868\uff09\u53ef\u4ee5\u8de8\u8d8a\u591a\u4e2a\u9875\u9762\u3002\u5982\u679c\u60a8\u60f3\u6784\u5efa\u4ea4\u4e92\u5f0f Web \u5e94\u7528\u7a0b\u5e8f\uff0c\u60a8\u5c06\u4e0d\u5f97\u4e0d\u5728\u67d0\u4e2a\u9636\u6bb5\u4f7f\u7528\u8868\u5355\uff0c\u65e0\u8bba\u5b83\u53ea\u662f\u4e00\u4e2a\u7b80\u5355\u7684\u8054\u7cfb\u8868\u5355\uff0c\u8fd8\u662f\u4e00\u4e2a\u9a71\u52a8\u5173\u952e\u4e1a\u52a1\u76ee\u6807\u7684\u57fa\u4e8e CRUD \u7684\u5927\u578b\u7cfb\u7edf\u3002\u60a8\u9700\u8981\u521b\u5efa\u8868\u5355\u5e76\u5904\u7406\u5b83\u4eec\u65e8\u5728\u6355\u83b7\u7684\u6570\u636e\u3002\u60a8\u8fd8\u9700\u8981\u9a8c\u8bc1\u6570\u636e\u4ee5\u786e\u4fdd\u5176\u5b8c\u6574\u6027\uff0c\u5e76\u5728\u7528\u6237\u63d0\u4ea4\u7684\u6570\u636e\u4e0d\u7b26\u5408\u60a8\u7684\u4e1a\u52a1\u89c4\u5219\u65f6\u5411\u7528\u6237\u63d0\u4f9b\u4fe1\u606f\u4e30\u5bcc\u4e14\u53ca\u65f6\u7684\u53cd\u9988\u3002<\/p>\n
\u6b63\u5982\u7b2c 1 \u7ae0\u4e2d\u5f15\u7528\u7684 GitHub \u95ee\u9898\u4e2d\u6240\u8ff0\uff0cRazor Pages \u6846\u67b6\u80cc\u540e\u7684\u8bbe\u8ba1\u76ee\u6807\u4e4b\u4e00\u662f\u201c\u7b80\u5316\u5b9e\u73b0\u5e38\u89c1\u7684\u4ee5\u9875\u9762\u4e3a\u4e2d\u5fc3\u7684\u6a21\u5f0f\u6240\u9700\u7684\u4ee3\u7801\uff0c\u4f8b\u5982\u52a8\u6001\u9875\u9762\u3001CRUD \u8868\u5355\u3002<\/p>\n
Razor Pages \u5305\u542b\u5f3a\u5927\u7684\u529f\u80fd\uff0c\u53ef\u6700\u5927\u9650\u5ea6\u5730\u51cf\u5c11\u521b\u5efa\u53ef\u9760\u8868\u5355\u3001\u5904\u7406\u6570\u636e\u548c\u9a8c\u8bc1\u6570\u636e\u6240\u9700\u7684\u4ee3\u7801\u91cf\u3002\u4ed6\u4eec\u662f<\/p>\n
\u2022 \u8868\u5355\u63a7\u4ef6\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f
\n\u2022 \u6a21\u578b\u7ed1\u5b9a
\n\u2022 \u9a8c\u8bc1\u6846\u67b6<\/p>\n
\u8fd9\u4e9b\u4e3b\u9898\u7ed9\u6211\u4eec\u7559\u4e0b\u4e86\u5f88\u591a\u5185\u5bb9\uff0c\u56e0\u6b64\u6211\u5728\u672c\u7ae0\u4e2d\u91cd\u70b9\u4ecb\u7ecd\u6a21\u578b\u7ed1\u5b9a\u548c\u9a8c\u8bc1\uff0c\u5e76\u5728\u4e0b\u4e00\u7ae0\u4e2d\u91cd\u70b9\u4ecb\u7ecd\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u3002<\/p>\n
\u5728\u7b2c 3 \u7ae0\u4e2d\uff0c\u60a8\u770b\u5230\u4e86\u67e5\u8be2\u5b57\u7b26\u4e32\u503c\u53ef\u4ee5\u901a\u8fc7\u79f0\u4e3a\u6a21\u578b\u7ed1\u5b9a\u7684\u529f\u80fd\u7ed1\u5b9a\u5230\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u53c2\u6570\u3002\u6b64\u529f\u80fd\u8fd8\u901a\u8fc7\u81ea\u52a8\u6355\u83b7 HTTP \u8bf7\u6c42\u4e2d\u53d1\u9001\u7684\u6570\u636e\u5e76\u5c06\u5176\u5206\u914d\u7ed9 C# \u4ee3\u7801\uff0c\u5728\u7b80\u5316\u5df2\u53d1\u5e03\u8868\u5355\u503c\u7684\u5904\u7406\u65b9\u9762\u4e5f\u53d1\u6325\u7740\u5173\u952e\u4f5c\u7528\u3002\u5728\u672c\u7ae0\u4e2d\uff0c\u60a8\u5c06\u8be6\u7ec6\u63a2\u8ba8\u6a21\u578b\u7ed1\u5b9a\uff0c\u4e86\u89e3\u5b83\u5982\u4f55\u5904\u7406 PageModel \u5c5e\u6027\u548c\u8def\u7531\u6570\u636e\u4ee5\u53ca\u5904\u7406\u7a0b\u5e8f\u53c2\u6570\u3002<\/p>\n
\u60a8\u8fd8\u5c06\u4e86\u89e3\u5982\u4f55\u901a\u8fc7\u5728\u5ba2\u6237\u7aef\u548c\u81f3\u5173\u91cd\u8981\u7684\u670d\u52a1\u5668\u4e0a\u9a8c\u8bc1\u7528\u6237\u8f93\u5165\u6765\u4fdd\u62a4\u5e94\u7528\u7a0b\u5e8f\u514d\u53d7\u4e0d\u826f\u6570\u636e\u7684\u4fb5\u5bb3\u3002\u9a8c\u8bc1\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u548c\u6a21\u578b\u7ed1\u5b9a\u76f8\u7ed3\u5408\uff0c\u53ef\u4ee5\u51cf\u5c11\u60a8\u9700\u8981\u7f16\u5199\u7684\u4ee3\u7801\u91cf\uff0c\u4ee5\u4fdd\u62a4\u6570\u636e\u5b8c\u6574\u6027\u5e76\u901a\u77e5\u7528\u6237\u63d0\u4ea4\u4e2d\u7684\u9519\u8bef\u3002<\/p>\n
\u6570\u636e\u6ce8\u91ca\u5c5e\u6027\u63d0\u4f9b\u4e86\u4e00\u79cd\u5411 .NET \u4e2d\u7684\u7c7b\u578b\u6dfb\u52a0\u5176\u4ed6\u4fe1\u606f\u6216\u5143\u6570\u636e\u7684\u65b9\u6cd5\uff0c\u5305\u62ec\u6570\u636e\u5e94\u9075\u5faa\u7684\u7279\u5b9a\u89c4\u5219\uff0c\u4f8b\u5982\u4e0e\u72b6\u6001\u3001\u6570\u636e\u7c7b\u578b\u548c\u8303\u56f4\u76f8\u5173\u7684\u4e1a\u52a1\u8981\u6c42\u3002\u9a8c\u8bc1\u6846\u67b6\u662f .NET Framework \u4e2d\u54cd\u5e94\u6570\u636e\u6ce8\u91ca\u63d0\u4f9b\u7684\u63d0\u793a\u7684\u4f17\u591a\u9886\u57df\u4e4b\u4e00\u3002\u60a8\u5c06\u63a2\u7d22\u5982\u4f55\u5229\u7528\u6b64\u529f\u80fd\u5728\u6784\u5efa\u8868\u5355\u65f6\u8fdb\u4e00\u6b65\u6d88\u9664\u6837\u677f\u4ee3\u7801\uff0c\u5e76\u6839\u636e\u4e1a\u52a1\u89c4\u5219\u8f7b\u677e\u9a8c\u8bc1\u6570\u636e\u3002<\/p>\n
\u672c\u7ae0\u4e2d\u7684\u793a\u4f8b\u57fa\u4e8e\u4e0a\u4e00\u7ae0\u4e2d\u542f\u52a8\u7684 CityBreaks \u5e94\u7528\u7a0b\u5e8f\u3002\u6211\u4eec\u5047\u8bbe\u60a8\u5df2\u5c06\u5e94\u7528\u7a0b\u5e8f\u914d\u7f6e\u4e3a\u5bf9 URL \u4f7f\u7528\u5c0f\u5199\u9009\u9879\uff0c\u5e76\u5b9e\u65bd\u4e86\u4e24\u4e2a\u53c2\u6570\u8f6c\u6362\u5668\uff0c\u56e0\u6b64\u8def\u7531\u548c\u53c2\u6570\u4f7f\u7528 kebab \u5927\u5c0f\u5199\u3002\u5982\u679c\u60a8\u9700\u8981\u4e00\u4e2a\u8d77\u70b9\uff0c\u672c\u7ae0\u7684\u4e0b\u8f7d\u5185\u5bb9\u5305\u62ec\u4e00\u4e2a\u5e94\u7528\u4e86\u8fd9\u4e9b\u8bbe\u7f6e\u7684\u7248\u672c\u3002<\/p>\n
\u8868\u5355\u7531\u4e00\u4e2a HTML \u8868\u5355\u6807\u8bb0\u7ec4\u6210\uff0c\u8be5\u6807\u8bb0\u5305\u542b\u8bb8\u591a\u7528\u4e8e\u6536\u96c6\u7528\u6237\u8f93\u5165\u7684\u63a7\u4ef6\uff0c\u901a\u5e38\u8fd8\u5305\u62ec\u4e00\u4e2a\u5177\u6709\u67d0\u4e9b\u63cf\u8ff0\u7684\u63a7\u4ef6\uff0c\u4f7f\u7528\u6237\u80fd\u591f\u5c06\u8f93\u5165\u63a7\u4ef6\u7684\u5185\u5bb9\u63d0\u4ea4\u5230\u670d\u52a1\u5668\u8fdb\u884c\u5904\u7406\u3002\u8868\u5355\u63d0\u4ea4\u672c\u8eab\u4f1a\u5bfc\u81f4 HTTP \u8bf7\u6c42\u3002\u8be5\u8bf7\u6c42\u5c06\u4f7f\u7528\u8868\u5355\u5143\u7d20\u7684 method \u5c5e\u6027\u6307\u5b9a\u7684\u4efb\u4f55 HTTP \u65b9\u6cd5\uff0c\u5982\u679c\u672a\u6307\u5b9a\u65b9\u6cd5\uff0c\u5219 GET \u4e3a\u9ed8\u8ba4\u503c\u3002\u5f53\u4f7f\u7528 GET \u65b9\u6cd5\u65f6\uff0c\u8868\u5355\u503c\u5c06\u4f5c\u4e3a\u67e5\u8be2\u5b57\u7b26\u4e32\u4e2d\u7684\u952e\u503c\u5bf9\u9644\u52a0\u5230 URL\uff08\u53c2\u89c1\u56fe 5.1\uff09\u3002\u952e\u662f\u4ece\u8868\u5355\u63a7\u4ef6\u7684 name \u5c5e\u6027\u751f\u6210\u7684\uff0c\u503c\u662f\u4ece\u63a7\u4ef6\u83b7\u53d6\u7684\u3002\u4f7f\u7528 POST \u65b9\u6cd5\u65f6\uff0c\u8868\u5355\u7684\u5185\u5bb9\u5c06\u4f5c\u4e3a\u952e\u503c\u5bf9\u5305\u542b\u5728\u8bf7\u6c42\u6b63\u6587\u4e2d\uff0c\u8be5\u952e\u503c\u5bf9\u4f7f\u7528\u4e0e GET \u65b9\u6cd5\u76f8\u540c\u7684\u6a21\u5f0f\u6784\u5efa\u3002<\/p>\n
<\/p>\n
\u56fe 5.1 \u8868\u5355\u503c\u4f5c\u4e3a\u952e\u503c\u5bf9\u4f20\u8f93\u5230\u670d\u52a1\u5668\u3002<\/p>\n
\u5c3d\u7ba1 GET \u65b9\u6cd5\u662f\u9ed8\u8ba4\u503c\uff0c\u4f46 GET \u65b9\u6cd5\u901a\u5e38\u4e0d\u7528\u4e8e\u8868\u5355\u3002\u901a\u5e38\uff0c\u60a8\u53ea\u5bf9\u65e8\u5728\u6355\u83b7\u67e5\u8be2\u6761\u4ef6\u7684\u8868\u5355\uff08\u5982\u641c\u7d22\u5f15\u64ce\uff09\u4f7f\u7528 GET \u65b9\u6cd5\uff0c\u5176\u4e2d\u4f7f\u7528\u5d4c\u5165\u5728\u67e5\u8be2\u5b57\u7b26\u4e32\u4e2d\u7684\u67e5\u8be2\u6761\u4ef6\u4e3a URL \u6dfb\u52a0\u4e66\u7b7e\u7684\u529f\u80fd\u4f7f\u60a8\u80fd\u591f\u6709\u6548\u5730\u518d\u6b21\u6267\u884c\u8868\u5355\u63d0\u4ea4\u3002\u5927\u591a\u6570\u60c5\u51b5\u4e0b\uff0c\u60a8\u5c06\u4f7f\u7528 POST \u65b9\u6cd5\uff0c\u5c24\u5176\u662f\u5bf9\u4e8e\u66f4\u6539\u5e94\u7528\u7a0b\u5e8f\u72b6\u6001\u7684\u8868\u5355\u63d0\u4ea4\uff0c\u4f8b\u5982\uff0c\u6267\u884c\u4f5c\uff0c\u5bfc\u81f4\u6dfb\u52a0\u65b0\u5185\u5bb9\u6216\u66f4\u65b0\u73b0\u6709\u5185\u5bb9\u7684\u8868\u5355\u63d0\u4ea4\u3002POST \u65b9\u6cd5\u8fd8\u63d0\u4f9b\u4e86\u4e00\u4e9b\u597d\u5904\u3002\u5b83\u589e\u52a0\u4e86\u4e00\u4e2a\u5b89\u5168\u7ea7\u522b\uff0c\u56e0\u4e3a\u63d0\u4ea4\u7684\u6570\u636e\u5728\u67e5\u8be2\u5b57\u7b26\u4e32\u4e2d\u4e0d\u53ef\u89c1\u3002\u4f8b\u5982\uff0c\u60a8\u4e0d\u5e0c\u671b\u60a8\u7684\u7528\u6237\u540d\u548c\u5bc6\u7801\u5728\u6d4f\u89c8\u5668\u5730\u5740\u680f\u4e2d\u88ab\u4efb\u4f55\u4eba\u770b\u5230\u3002<\/p>\n
\u5bf9\u4e8e\u4f7f\u7528 POST \u65b9\u6cd5\u63d0\u4ea4\u7684\u8868\u5355\uff0c\u5728\u670d\u52a1\u5668\u4e0a\u6210\u529f\u5904\u7406\u8868\u5355\u5185\u5bb9\u540e\uff0c\u901a\u5e38\u4f1a\u5c06\u7528\u6237\u91cd\u5b9a\u5411\u5230\u53e6\u4e00\u4e2a URL\u3002\u6b64\u8fc7\u7a0b\u79f0\u4e3a post-redirect-get \uff08PRG\uff09 \u6a21\u5f0f\uff0c\u53ef\u7528\u4f5c\u9632\u6b62\u7528\u6237\u5237\u65b0\u5305\u542b\u8868\u5355\u7684\u9875\u9762\uff0c\u4ece\u800c\u610f\u5916\u91cd\u65b0\u63d0\u4ea4\u8868\u5355\uff0c\u4ece\u800c\u5bfc\u81f4\u518d\u6b21\u6267\u884c\u5904\u7406\u4f5c\u7684\u673a\u5236\u3002<\/p>\n
\u5728\u5904\u7406\u4efb\u4f55\u65e8\u5728\u5c06\u9879\u6dfb\u52a0\u5230\u5e94\u7528\u7a0b\u5e8f\u6570\u636e\u5b58\u50a8\u7684\u8868\u5355\u65f6\uff0c\u5b9e\u73b0\u6b64\u6a21\u5f0f\u5c24\u4e3a\u91cd\u8981\u3002\u60a8\u6700\u4e0d\u5e0c\u671b\u770b\u5230\u7684\u662f\u91cd\u590d\u7684\u6570\u636e\uff0c\u6216\u8005\u60a8\u7684\u5ba2\u6237\u62b1\u6028\u4ed6\u4eec\u53ea\u8ba2\u8d2d\u4e86\u4e00\u4ef6\u5546\u54c1\uff0c\u4f46\u5df2\u7ecf\u6536\u53d6\u4e86\u4e24\u4ef6\u5546\u54c1\u7684\u8d39\u7528\uff01\u8bdd\u867d\u5982\u6b64\uff0c\u5728\u540e\u9762\u7684\u65e9\u671f\u793a\u4f8b\u4e2d\uff0c\u60a8\u5c06\u4e0d\u4f1a\u5b9e\u73b0 PRG \u6a21\u5f0f\uff0c\u540c\u65f6\u60a8\u5c06\u5b66\u4e60\u5982\u4f55\u4ece\u8868\u5355\u63d0\u4ea4\u4e2d\u8bbf\u95ee\u503c\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0502.png\")
<\/p>\n
\u56fe 5.2 \u4f7f\u7528 POST \u65b9\u6cd5\u63d0\u4ea4\u8868\u5355\u540e\uff0cpost-redirect-get \u6a21\u5f0f\u6307\u5b9a\u5c06\u7528\u6237\u91cd\u5b9a\u5411\u5230\u53e6\u4e00\u4e2a\u9875\u9762\u3002<\/p>\n
\u63d0\u9192\u4e00\u4e0b\uff0cOnGet \u5904\u7406\u7a0b\u5e8f\u9488\u5bf9 GET \u8bf7\u6c42\u6267\u884c\uff0cOnPost \u5904\u7406\u7a0b\u5e8f\u9488\u5bf9 POST \u8bf7\u6c42\u6267\u884c\u3002\u4f5c\u4e3a\u8868\u5355\u7ba1\u7406\u7684\u4e00\u90e8\u5206\uff0c\u60a8\u901a\u5e38\u9700\u8981\u5728 OnGet \u5904\u7406\u7a0b\u5e8f\u4e2d\u521d\u59cb\u5316\u6570\u636e\uff0c\u4f8b\u5982\u4e3a\u9009\u62e9\u5217\u8868\u51c6\u5907\u9009\u9879\u7b49\u3002\u4e00\u65e6\u6846\u67b6\u5728 HTML \u751f\u6210\u8fc7\u7a0b\u4e2d\u4f7f\u7528\u8be5\u6570\u636e\uff0c\u5e76\u4e14\u54cd\u5e94\u5df2\u53d1\u9001\u5230\u6d4f\u89c8\u5668\uff08\u56fe 5.2 \u4e2d\u7684\u7b2c 2 \u6b65\uff09\uff0c\u670d\u52a1\u5668\u4e0a\u751f\u6210\u7684\u4efb\u4f55\u6570\u636e\u90fd\u5c06\u4e22\u5931\u3002\u8fd9\u662f\u56e0\u4e3a\uff0c\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0cRazor Pages \u662f\u65e0\u72b6\u6001\u7684\u3002\u4e5f\u5c31\u662f\u8bf4\uff0c\u5b83\u4e0d\u4f1a\u5728\u4efb\u4f55\u4f4d\u7f6e\u7ef4\u62a4\u8be5\u6570\u636e\u3002\u8fd9\u662f\u6709\u9053\u7406\u7684\uff0c\u56e0\u4e3a HTTP \u662f\u4e00\u79cd\u65e0\u72b6\u6001\u534f\u8bae\u3002
\n\u5982\u679c\u8981\u5728 OnPost \u5904\u7406\u7a0b\u5e8f\u4e2d\u5904\u7406\u76f8\u540c\u7684\u6570\u636e\uff0c\u5219\u5fc5\u987b\u5728 OnPost \u5904\u7406\u7a0b\u5e8f\u4e2d\u91cd\u65b0\u521d\u59cb\u5316\u5b83\u3002\u5982\u679c\u4e0d\u8fd9\u6837\u505a\uff0c\u53ef\u80fd\u4f1a\u5bfc\u81f4\u8fd0\u884c\u65f6\u5f02\u5e38\uff0c\u56e0\u4e3a\u60a8\u5c1d\u8bd5\u5f15\u7528\u4e0d\u5b58\u5728\u7684\u6570\u636e\uff0c\u56e0\u4e3a\u60a8\u5c1a\u672a\u521b\u5efa\u5b83\uff01\u5f53\u8868\u5355\u63d0\u4ea4\u672a\u901a\u8fc7\u9a8c\u8bc1\u68c0\u67e5\u5e76\u9700\u8981\u518d\u6b21\u663e\u793a\u65f6\uff0c\u901a\u5e38\u4f1a\u53d1\u751f\u8fd9\u79cd\u60c5\u51b5\u3002\u6211\u4eec\u5f88\u5bb9\u6613\u5ffd\u7565\u8fd9\u6837\u4e00\u4e2a\u4e8b\u5b9e\uff0c\u5373\u9009\u62e9\u5217\u8868\u5c24\u5176\u4f9d\u8d56\u4e8e\u670d\u52a1\u5668\u4e0a\u751f\u6210\u7684\u6570\u636e\uff0c\u800c\u6bcf\u6b21\u663e\u793a\u8868\u5355\u65f6\u90fd\u9700\u8981\u751f\u6210\u8fd9\u4e9b\u6570\u636e\u3002<\/p>\n
\u663e\u7136\uff0c\u8868\u5355\u5904\u7406\u7684\u4e00\u4e2a\u91cd\u8981\u90e8\u5206\u662f\u80fd\u591f\u8bbf\u95ee\u63d0\u4ea4\u7684\u503c\uff0c\u4ee5\u4fbf\u60a8\u53ef\u4ee5\u9a8c\u8bc1\u548c\u5904\u7406\u5b83\u4eec\u3002\u5728\u672c\u8282\u4e2d\uff0c\u6211\u5c06\u5c55\u793a\u5982\u4f55\u5c06\u5b83\u4eec\u5206\u914d\u7ed9 Request \u5bf9\u8c61\uff0c\u6b63\u5982\u60a8\u6240\u8bb0\u5f97\u7684\uff0cRequest \u5bf9\u8c61\u662f HttpContext \u7684\u4e00\u4e2a\u5c5e\u6027\uff0c\u4ee5\u53ca\u7528\u4e8e\u68c0\u7d22 POST \u548c GET \u8bf7\u6c42\u7684\u8fd9\u4e9b\u503c\u7684\u5404\u79cd\u9009\u9879\u3002\u867d\u7136\u5728\u4ee5\u4e0b\u793a\u4f8b\u4e2d\u60a8\u5c06\u76f4\u63a5\u8bbf\u95ee Request \u5bf9\u8c61\uff0c\u4f46\u5728 Razor \u9875\u9762\u4e2d\u5904\u7406\u8868\u5355\u6570\u636e\u65f6\uff0c\u8fd9\u4e0d\u662f\u63a8\u8350\u7684\u65b9\u6cd5\u3002\u4f46\u662f\uff0c\u4e00\u65e6\u60a8\u4e86\u89e3\u4e86\u6b64\u65b9\u6cd5\u7684\u5c40\u9650\u6027\uff0c\u6a21\u578b\u7ed1\u5b9a\uff08\u60a8\u5e94\u8be5\u7528\u4f5c\u9ed8\u8ba4\u65b9\u6cd5\uff09\u7684\u89d2\u8272\u53ca\u5176\u5e26\u6765\u7684\u597d\u5904\u5c06\u66f4\u52a0\u6709\u610f\u4e49\u3002<\/p>\n
\u4f7f\u7528 POST \u65b9\u6cd5\u63d0\u4ea4\u8868\u5355\u65f6\uff0c\u8868\u5355\u503c\u7531\u57fa\u7840 ASP.NET Core \u6846\u67b6\u5904\u7406\uff0c\u5e76\u5c06\u5176\u8868\u5355\u63a7\u4ef6\u540d\u79f0\u4f5c\u4e3a\u952e\u503c\u5bf9\u5206\u914d\u7ed9 Request.Form \u96c6\u5408\u3002\u5728 ASP.NET Core \u4e2d\uff0c\u53ef\u4ee5\u4f7f\u7528\u57fa\u4e8e\u5b57\u7b26\u4e32\u7684\u7d22\u5f15\uff08\u4f8b\u5982 Request.Form[\u201cpassword\u201d]\uff09\u8bbf\u95ee\u6bcf\u4e2a\u9879\u76ee\uff0c\u5176\u4e2d\u7d22\u5f15\u7684\u503c\u662f\u539f\u59cb\u8868\u5355\u63a7\u4ef6\u7684\u540d\u79f0\u3002\u8fd4\u56de\u7c7b\u578b\u662f StringValues \u5bf9\u8c61\uff0c\u8fd9\u4e0e\u4ee5\u524d\u7248\u672c\u7684 ASP.NET \u4e0d\u540c\uff0c\u540e\u8005\u7684\u8fd4\u56de\u7c7b\u578b\u662f\u7b80\u5355\u5b57\u7b26\u4e32\u3002<\/p>\n
\u8981\u5b9e\u9645\u67e5\u770b\u8fd9\u4e00\u70b9\uff0c\u60a8\u5c06\u521b\u5efa\u4e00\u4e2a\u975e\u5e38\u7b80\u5355\u7684\u8868\u5355\uff0c\u4f7f\u7528\u6237\u80fd\u591f\u5728\u8868\u5355\u4e2d\u952e\u5165\u57ce\u5e02\u540d\u79f0\uff0c\u7136\u540e\u5c06\u8be5\u4fe1\u606f\u63d0\u4ea4\u7ed9\u670d\u52a1\u5668\u8fdb\u884c\u5904\u7406\u3002\u60a8\u7684\u670d\u52a1\u5668\u7aef\u4ee3\u7801\u5c06\u4ece HTTP \u8bf7\u6c42\u4e2d\u63d0\u53d6\u63d0\u4ea4\u57ce\u5e02\u7684\u540d\u79f0\uff0c\u5e76\u5c06\u5176\u663e\u793a\u56de\u7ed9\u7528\u6237\u3002<\/p>\n
\u9996\u5148\uff0c\u5728 Pages \u6587\u4ef6\u5939\u4e2d\u521b\u5efa\u4e00\u4e2a\u65b0\u6587\u4ef6\u5939\uff0c\u5e76\u5c06\u5176\u547d\u540d\u4e3a CityManager\u3002\u7136\u540e\u5c06\u540d\u4e3a Create.cshtml \u7684\u65b0 Razor \u9875\u9762\u6dfb\u52a0\u5230 CityManager \u6587\u4ef6\u5939\u3002\u5c06 Create.cshtml \u4e2d\u7684\u4ee3\u7801\u66ff\u6362\u4e3a\u4ee5\u4e0b\u5185\u5bb9\u3002<\/p>\n
\u6e05\u5355 5.1 \u5e26\u6709\u8868\u5355\u7684 Create \u9875\u9762<\/p>\n
@page\n@model CityBreaks.Pages.CityManager.CreateModel\n@{\n ViewData["Title"] = "Create City";\n}\n<div class="col-4">\n <form method="post"> \u2776\n <div class="mb-3">\n <label for="name">Enter city name<\/label>\n <input class="form-control" type="text" name="cityName" \/> \u2777\n <\/div>\n <button class="btn btn-primary">Submit<\/button>\n <\/form>\n <p>@Model.Message<\/p> \u2778\n<\/div><\/code><\/pre>\n\u2776 \u8868\u5355\u65b9\u6cd5\u8bbe\u7f6e\u4e3a post\u3002
\n\u2777 \u6587\u672c\u8f93\u5165\u7684 name \u5c5e\u6027\u8bbe\u7f6e\u4e3a \u201ccityName\u201d\u3002
\n\u2778 \u6b64\u5904\u5448\u73b0\u4e00\u4e2a\u540d\u4e3a Message \u7684 PageModel \u5c5e\u6027\u3002<\/p>\n
\u8fd9\u662f\u4f7f\u7528 Bootstrap \u7c7b\u8bbe\u7f6e\u6837\u5f0f\u7684\u8868\u5355\u7684\u6807\u51c6 HTML\u3002\u5b83\u5305\u62ec\u4e00\u4e2a name \u5c5e\u6027\u8bbe\u7f6e\u4e3a \u201ccityName\u201d \u7684\u8f93\u5165\u3002name \u5c5e\u6027\u662f\u4efb\u4f55\u8868\u5355\u63a7\u4ef6\u4e0a\u6700\u91cd\u8981\u7684\u5c5e\u6027\uff0c\u56e0\u4e3a\u5b83\u7528\u4f5c\u63d0\u4ea4\u8868\u5355\u65f6\u53d1\u9001\u5230\u670d\u52a1\u5668\u7684\u952e\u503c\u5bf9\u7684\u952e\u3002\u8fd9\u901a\u5e38\u4f1a ASP.NET \u8ba9 Web \u7a97\u4f53\u5f00\u53d1\u4eba\u5458\u611f\u5230\u60ca\u8bb6\uff0c\u4ed6\u4eec\u4e60\u60ef\u4e8e\u5c06\u670d\u52a1\u5668\u63a7\u4ef6\u7684 id \u5c5e\u6027\u89c6\u4e3a\u6807\u8bc6\u4f20\u5165\u8868\u5355\u503c\u6765\u6e90\u7684\u65b9\u6cd5\uff0c\u5e76\u503e\u5411\u4e8e\u5c06\u5176\u4e0e HTML \u5143\u7d20\u4e0a\u7684 id \u5c5e\u6027\u6df7\u6dc6\u3002<\/p>\n
\u952e\u503c\u5bf9\u7684\u4f20\u5165\u96c6\u5408\u5c06\u5206\u914d\u7ed9 Request \u5bf9\u8c61\u7684 Form \u5c5e\u6027\u3002PageModel \u7c7b\u548c Razor \u9875\u9762\u90fd\u901a\u8fc7\u540d\u4e3a Request \u7684\u5c5e\u6027\u63d0\u4f9b\u5bf9 Request \u5bf9\u8c61\u7684\u76f4\u63a5\u8bbf\u95ee\uff0c\u8be5\u5c5e\u6027\u65b9\u4fbf\u5730\u7ed5\u8fc7\u4e86\u901a\u8fc7 HttpContext \u5c5e\u6027\u8bbf\u95ee\u5b83\u7684\u9700\u8981\u3002\u4e0b\u4e00\u6b65\u662f\u66f4\u6539 PageModel \u7c7b\u6587\u4ef6\u5185\u5bb9\uff0c\u4f7f\u5176\u7c7b\u4f3c\u4e8e\u4ee5\u4e0b\u6e05\u5355\u7684\u5185\u5bb9\u3002<\/p>\n
\u6e05\u5355 5.2 \u4f7f\u7528 Request.Form \u5904\u7406\u8868\u5355\u503c<\/p>\n
using Microsoft.AspNetCore.Mvc.RazorPages;\nusing Microsoft.Extensions.Primitives; \u2776\n\nnamespace CityBreaks.Pages.CityManager\n{\n public class CreateModel : PageModel\n {\n public string Message { get; set; } \u2777\n public void OnPost() \u2778\n {\n if(!StringValues.IsNullOrEmpty(Request.Form["cityName"])) \u2779\n {\n Message = $"You submitted {Request.Form["cityName"]}"; \u277a\n }\n }\n }\n}<\/code><\/pre>\n\u2776 \u5305\u62ec Microsoft.Extensions.Primitives \u7684 using \u6307\u4ee4\uff0c\u4ee5\u4fbf\u60a8\u53ef\u4ee5\u5f15\u7528 StringValues \u7c7b\u578b\uff0c\u800c\u4e0d\u5fc5\u4f7f\u7528\u5176\u5b8c\u5168\u9650\u5b9a\u7684\u540d\u79f0\u3002
\n\u2777 \u6dfb\u52a0\u540d\u4e3a Message \u7684\u516c\u5171\u5b57\u7b26\u4e32\u5c5e\u6027\u3002
\n\u2778 \u6dfb\u52a0 OnPost \u5904\u7406\u7a0b\u5e8f\u4ee5\u5904\u7406 POST \u8bf7\u6c42\u3002
\n\u2779 \u68c0\u67e5 Request.Form \u96c6\u5408\uff0c\u67e5\u770b\u952e\u4e3a\u201ccityName\u201d\u7684\u9879\u76ee\u662f\u5426\u6709\u503c\u3002
\n\u277a \u5982\u679c\u662f\uff0c\u8bf7\u5c06\u5176\u4f5c\u4e3a\u5206\u914d\u7ed9 Message \u5c5e\u6027\u7684\u503c\u7684\u4e00\u90e8\u5206\u5305\u542b\u5728\u5185\u3002<\/p>\n
\u8fd0\u884c\u5e94\u7528\u7a0b\u5e8f\uff0c\u5bfc\u822a\u5230 \/city-manager\/create\uff08\u8bf7\u8bb0\u4f4f\u60a8\u5df2\u7ecf\u5e94\u7528\u7684\u8def\u7531\u81ea\u5b9a\u4e49\uff09\uff0c\u7136\u540e\u5728\u8f93\u5165\u4e2d\u8f93\u5165\u4e00\u4e2a\u503c\u3002\u8be5\u503c\u5305\u542b\u5728\u6e32\u67d3\u7684\u6d88\u606f\u4e2d\uff08\u56fe 5.3\uff09\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0503.png\")
<\/p>\n
\u56fe 5.3 \u63d0\u4ea4\u7684\u503c\u5df2\u6210\u529f\u5448\u73b0\u5230\u6d4f\u89c8\u5668\u3002<\/p>\n
\u6e05\u5355 5.2 \u4e2d\u7684\u793a\u4f8b\u6f14\u793a\u4e86\u5982\u4f55\u4f7f\u7528\u5206\u914d\u7ed9\u8f93\u5165\u7684 name \u5c5e\u6027 \uff08\u201ccityName\u201d\uff09 \u7684\u503c\u4f5c\u4e3a\u57fa\u4e8e\u5b57\u7b26\u4e32\u7684\u7d22\u5f15\u6765\u8bbf\u95ee Request.Form \u96c6\u5408\u4e2d\u7684\u9879\u76ee\u3002\u8fd9\u79cd\u7c7b\u578b\u7684\u65b9\u6cd5\u5728\u8bb8\u591a Web \u6846\u67b6\u4e2d\u5f88\u5e38\u89c1\uff0c\u7ecf\u5178\u7684 ASP \u548c PHP \u5f00\u53d1\u4eba\u5458\u4ee5\u53ca\u6d89\u8db3 ASP.NET Web Pages \u6846\u67b6\u7684\u5f00\u53d1\u4eba\u5458\u5e94\u8be5\u719f\u6089\u8fd9\u79cd\u65b9\u6cd5\u3002\u4f7f\u7528 StringValues.IsNullOrEmpty \u6765\u786e\u5b9a\u6307\u5b9a\u952e\u662f\u5426\u5b58\u5728\u503c\u3002\u5982\u679c\u672a\u63d0\u4f9b\u4efb\u4f55\u503c\uff0c\u6216\u8005\u8868\u5355\u96c6\u5408\u4e2d\u4e0d\u5b58\u5728\u6307\u5b9a\u7684\u952e\uff0c\u5b83\u5c06\u8fd4\u56de false\u3002<\/p>\n
StringValues \u7684\u539f\u56e0<\/h2>\n
\u5f15\u5165 StringValues \u7c7b\u578b\u662f\u4e3a\u4e86\u7b80\u5316\u5bf9\u53ef\u80fd\u4e3a\u7a7a\u3001\u5355\u4e2a\u5b57\u7b26\u4e32\u6216\u591a\u4e2a\u5b57\u7b26\u4e32\u7684\u503c\u7684\u5904\u7406\u3002\u5b8c\u5168\u53ef\u4ee5\u5c06\u76f8\u540c\u7684\u540d\u79f0\u5206\u914d\u7ed9\u8868\u5355\u4e2d\u7684\u591a\u4e2a\u63a7\u4ef6\u3002\u4f8b\u5982\uff0c\u5982\u679c\u8981\u5141\u8bb8\u7528\u6237\u4f7f\u7528\u4e00\u7cfb\u5217\u590d\u9009\u6846\u8fdb\u884c\u591a\u9879\u9009\u62e9\uff0c\u5219\u53ef\u4ee5\u6267\u884c\u6b64\u4f5c\u3002\u5047\u8bbe\u60a8\u5e0c\u671b\u4e3a\u7528\u6237\u63d0\u4f9b\u9009\u62e9\u591a\u4e2a\u57ce\u5e02\u7684\u80fd\u529b\uff0c\u5e76\u4e14\u60a8\u63d0\u4f9b\u4e86\u591a\u4e2a\u590d\u9009\u6846\uff0c\u6bcf\u4e2a\u590d\u9009\u6846\u7684 name \u5c5e\u6027\u8bbe\u7f6e\u4e3a city\u3002\u505a\u51fa\u9009\u62e9\u5e76\u63d0\u4ea4\u8868\u5355\u540e\uff0c\u9009\u62e9\u53ef\u80fd\u5982\u4e0b\u6240\u793a\uff0c\u4f5c\u4e3a\u8bf7\u6c42\u6b63\u6587\u7684\u4e00\u90e8\u5206\uff1a<\/p>\n
city=London&city=Paris&city=Berlin <\/code><\/pre>\n\u5728\u65e9\u671f\u7248\u672c\u7684 ASP.NET \u4e2d\uff0cRequest.Form \u5c06\u57fa\u4e8e\u4e0e\u5355\u4e2a\u9017\u53f7\u5206\u9694\u7684\u5b57\u7b26\u4e32\u76f8\u540c\u7684\u952e\u8fd4\u56de\u591a\u4e2a\u503c\uff0c\u56e0\u6b64 Request.Form[\u201ccity\u201d] \u5c06\u8fd4\u56de \u201cLondon\uff0cParis\uff0cBerlin\u201d\u3002\u60a8\u6709\u8d23\u4efb\u8f6c\u6362\u6b64\u5b57\u7b26\u4e32 \u2014 \u53ef\u80fd\u4f7f\u7528\u5b57\u7b26\u4e32\u3002Split \u65b9\u6cd5\u4ece\u4e2d\u751f\u6210\u6570\u7ec4\uff0c\u4ee5\u4fbf\u53ef\u4ee5\u5355\u72ec\u8fed\u4ee3\u548c\u5904\u7406\u53d1\u5e03\u7684\u503c\u3002<\/p>\n
StringValues \u5bf9\u8c61\u8868\u793a\u96f6 \uff08null\uff09\u3001\u4e00\u4e2a\u6216\u591a\u4e2a\u5b57\u7b26\u4e32\uff0c\u5e76\u652f\u6301\u9690\u5f0f\u8f6c\u6362\u4e3a string[]\uff0c\u8fd9\u610f\u5473\u7740\u60a8\u53ef\u4ee5\u76f4\u63a5\u5728 Request.Form\uff08\u548c Request.Query\uff09\u96c6\u5408\u4e2d\u7684\u9879\u4e2d\u4f7f\u7528\u8fed\u4ee3\u8bed\u53e5\uff0c\u800c\u65e0\u9700\u624b\u52a8\u5c06\u5176\u8f6c\u6362\u4e3a\u67d0\u79cd\u7c7b\u578b\u7684\u96c6\u5408\uff1a<\/p>\n
foreach(var city in Request.Form["city"])\n{\n ...\n}<\/code><\/pre>\n\u5b83\u8fd8\u5177\u6709\u5230 string \u7684\u9690\u5f0f\u8f6c\u6362\uff0c\u56e0\u6b64\u5982\u679c\u53ea\u9700\u8981\u4e00\u4e2a\u503c\uff0c\u5219\u53ef\u4ee5\u5c06\u5176\u89c6\u4e3a\u5b57\u7b26\u4e32\u3002\u5982\u679c\u6709\u591a\u4e2a\u503c\uff0c\u5219\u8fd4\u56de\u7b2c\u4e00\u4e2a\u503c\u3002<\/p>\n
5.1.3 \u4ece Request.Query \u8bbf\u95ee\u503c<\/h3>\n
\u6b63\u5982\u6211\u524d\u9762\u63d0\u5230\u7684\uff0c\u5927\u591a\u6570\u8868\u5355\u5c06\u4f7f\u7528 POST \u65b9\u6cd5\uff0c\u4f46\u5728\u67d0\u4e9b\u60c5\u51b5\u4e0b\uff0cGET \u65b9\u6cd5\u4f1a\u662f\u9996\u9009\uff0c\u7279\u522b\u662f\u5bf9\u4e8e\u60a8\u53ef\u80fd\u5e0c\u671b\u80fd\u591f\u5b58\u50a8\u3001\u5171\u4eab\u548c\u91cd\u7528\u641c\u7d22\u7ed3\u679c URL \u7684\u641c\u7d22\u7b49\u529f\u80fd\u3002\u5728\u672c\u8282\u4e2d\uff0c\u60a8\u5c06\u5bf9\u73b0\u6709\u4ee3\u7801\u8fdb\u884c\u4e24\u4e2a\u5c0f\u7684\u4fee\u6539\uff0c\u4ee5\u68c0\u7d22\u4f7f\u7528 GET \u65b9\u6cd5\u5728\u8868\u5355\u4e2d\u63d0\u4ea4\u7684\u503c\u3002<\/p>\n
\u5bf9\u6e05\u5355 5.1 \u4e2d\u6240\u793a\u4ee3\u7801\u7684\u552f\u4e00\u66f4\u6539\u662f\u8868\u5355\u4e0a\u7684 method \u5c5e\u6027\u4ee5\u6307\u5b9a \u201cget\u201d\uff1a<\/p>\n
<form method="get"><\/code><\/pre>\nPageModel \u4ee3\u7801\u9700\u8981\u4e24\u5904\u66f4\u6539\uff0c\u5982\u6e05\u5355 5.3 \u6240\u793a\u3002\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u5e94\u66f4\u6539\u4e3a OnGet\uff0c\u5bf9 Request.Form \u7684\u5f15\u7528\u5e94\u66f4\u6539\u4e3a Request.Query\u3002<\/p>\n
\u6e05\u5355 5.3 \u4ece Request.Query \u8bbf\u95ee\u63d0\u4ea4\u7684\u503c<\/p>\n
public class CreateModel : PageModel\n{\n public void OnGet() \u2776\n {\n if (!StringValues.IsNullOrEmpty(Request.Query["cityName"])) \u2777\n { \u2777\n Message = $"You submitted {Request.Query["cityName"]}"; \u2777\n } \u2777\n }\n}<\/code><\/pre>\n\u2776 \u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u66f4\u6539\u4e3a OnGet\u3002
\n\u2777 Request.Form \u5df2\u66ff\u6362\u4e3a Request.Query\u3002<\/p>\n
\u8fd0\u884c\u9875\u9762\uff0c\u5e76\u63d0\u4ea4\u4e00\u4e2a\u503c\u3002\u67e5\u770b\u6d4f\u89c8\u5668\u5730\u5740\u680f\u3002\u60a8\u5e94\u8be5\u6ce8\u610f\u5230\uff0c\u63d0\u4ea4\u7684\u503c\u5728 URL \u4e2d\u663e\u793a\u4e3a\u67e5\u8be2\u5b57\u7b26\u4e32\u503c\uff08\u56fe 5.4\uff09\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0504.png\")
<\/p>\n
\u56fe 5.4 \u4f7f\u7528 GET \u65b9\u6cd5\u63d0\u4ea4\u8868\u5355\u65f6\uff0c\u8868\u5355\u503c\u5c06\u4f5c\u4e3a\u67e5\u8be2\u5b57\u7b26\u4e32\u5305\u542b\u5728 URL \u4e2d\u3002<\/p>\n
\u5982\u679c\u590d\u5236 URL\uff08\u5305\u62ec\u67e5\u8be2\u5b57\u7b26\u4e32\uff09\u5e76\u6d4f\u89c8\u5230\u8be5 URL\uff0c\u5219\u5e94\u7528\u7a0b\u5e8f\u7684\u884c\u4e3a\u5c31\u50cf\u518d\u6b21\u63d0\u4ea4\u4e86\u8868\u5355\u4e00\u6837\uff0c\u5e76\u5c06\u67e5\u8be2\u5b57\u7b26\u4e32\u4e2d\u7684\u503c\u5904\u7406\u5230 Message \u5c5e\u6027\u4e2d\u3002<\/p>\n
\u6ce8\u610f\u5728\u67d0\u4e9b\u6d4f\u89c8\u5668\uff08\u4f8b\u5982 Opera \u548c Safari\uff09\u4e2d\uff0c\u60a8\u53ef\u80fd\u770b\u4e0d\u5230\u67e5\u8be2\u5b57\u7b26\u4e32\u3002\u5355\u51fb\u5730\u5740\u680f\u53ef\u67e5\u770b\u5b8c\u6574\u7684 URL\u3002<\/p>\n
\u5982\u524d\u6240\u8ff0\uff0c\u4e0d\u5efa\u8bae\u5728 Razor \u9875\u9762\u4e2d\u76f4\u63a5\u4ece Request.Form \u6216 Request.Query \u96c6\u5408\u8bbf\u95ee\u8868\u5355\u503c\u3002\u7d22\u5f15\u503c\u5f88\u5bb9\u6613\u62fc\u5199\u9519\u8bef\uff0c\u56e0\u6b64\u5b83\u4e0d\u518d\u5f15\u7528\u6709\u6548\u7684\u8868\u5355\u63a7\u4ef6\uff0c\u6216\u66f4\u6539\u63a7\u4ef6\u7684 name \u5c5e\u6027\uff0c\u4ece\u800c\u5bfc\u81f4\u76f8\u540c\u7684\u95ee\u9898\u3002\u4f46\u662f\uff0c\u5728\u67d0\u4e9b\u7528\u4f8b\u4e2d\uff0c\u80fd\u591f\u76f4\u63a5\u8bbf\u95ee\u8fd9\u4e9b\u96c6\u5408\u662f\u6709\u7528\u7684\u3002\u4f60\u5728\u7b2c 2 \u7ae0\u4e2d\u521b\u5efa PassThroughMiddleware \u793a\u4f8b\u65f6\u770b\u5230\u4e86\u8fd9\u6837\u4e00\u4e2a\u6848\u4f8b\u3002<\/p>\n
\u60a8\u53ef\u80fd\u8fd8\u5e0c\u671b\u5728\u8bb0\u5f55\u5e94\u7528\u7a0b\u5e8f\u5185\u7684\u6d3b\u52a8\u65f6\u8bbf\u95ee\u8fd9\u4e9b\u96c6\u5408\uff0c\u6211\u5728\u7b2c 12 \u7ae0\u4e2d\u5bf9\u6b64\u8fdb\u884c\u4e86\u66f4\u8be6\u7ec6\u7684\u4ecb\u7ecd\u3002\u5173\u4e8e\u60a8\u7684\u5e94\u7528\u7a0b\u5e8f\u7684\u7528\u6237\uff0c\u53ef\u4ee5\u80af\u5b9a\u7684\u4e00\u70b9\u662f\uff0c\u4ed6\u4eec\u4f1a\u627e\u5230\u5de7\u5999\u7684\u4f7f\u7528\u65b9\u6cd5\uff0c\u8fd9\u8fdc\u8fdc\u8d85\u51fa\u4e86\u60a8\u7684\u671f\u671b\u6216\u60f3\u8c61\u3002\u7531\u4e8e\u60a8\u4e0d\u80fd\u7ad9\u5728\u4ed6\u4eec\u7684\u80a9\u8180\u4e0a\u89c2\u770b\u4ed6\u4eec\u6240\u6709\u4eba\uff0c\u56e0\u6b64\u60a8\u9700\u8981\u67d0\u79cd\u65b9\u6cd5\u6765\u8bb0\u5f55\u7528\u6237\u7684\u6d3b\u52a8\uff0c\u8fd9\u6837\u60a8\u5c31\u6709\u673a\u4f1a\u590d\u5236\u4ed6\u4eec\u5728\u9047\u5230\u95ee\u9898\u65f6\u91c7\u53d6\u7684\u6b65\u9aa4\u3002\u4f5c\u4e3a\u5176\u4e2d\u7684\u4e00\u90e8\u5206\uff0c\u60a8\u9700\u8981\u6536\u96c6\u5c3d\u53ef\u80fd\u591a\u7684\u6709\u5173\u4ed6\u4eec\u63d0\u51fa\u7684\u8bf7\u6c42\u7684\u4fe1\u606f\uff0c\u5305\u62ec\u4efb\u4f55\u8868\u5355\u63d0\u4ea4\u7684\u5185\u5bb9\u3002\u4e0b\u9762\u7684\u6e05\u5355\u8fed\u4ee3\u8868\u5355\u96c6\u5408\u5e76\u8f93\u51fa\u6240\u6709\u952e\u7684\u540d\u79f0\u53ca\u5176\u503c\u3002<\/p>\n
\u793a\u4f8b 5.4 \u8fed\u4ee3 Request.Form \u96c6\u5408\u5e76\u8f93\u51fa\u5185\u5bb9<\/p>\n
<ul>\n@if (Request.HasFormContentType) \u2776\n{\n foreach (var item in Request.Form)\n {\n <li>@item.Key: @Request.Form[item.Key]<\/li> \u2777\n }\n}\n<\/ul><\/code><\/pre>\n\u2776 \u5728\u8bbf\u95ee Request.Form \u4e4b\u524d\uff0c\u60a8\u5fc5\u987b\u68c0\u67e5\u8bf7\u6c42\u7684\u5185\u5bb9\u7c7b\u578b\uff0c\u4ee5\u9632\u6b62\u5f15\u53d1 InvalidOperationException\u3002
\n\u2777 \u6e32\u67d3\u96c6\u5408\u952e\u7684\u540d\u79f0\u53ca\u5176\u5173\u8054\u503c\u3002<\/p>\n
\u5982\u679c\u5728\u73b0\u6709\u9875\u9762\u4e2d\u5305\u542b\u6b64\u4ee3\u7801\uff0c\u5219\u5728\u5c06\u8868\u5355\u7684\u65b9\u6cd5\u66f4\u6539\u56de post \u540e\uff0c\u60a8\u5e94\u8be5\u4f1a\u770b\u5230\u8f93\u51fa\u4e2d\u8fd8\u5305\u542b\u5177\u6709\u952e __RequestVerificationToken \u7684\u9879\u3002\u5b83\u5305\u542b\u5728\u6253\u51fb\u8de8\u7ad9\u70b9\u8bf7\u6c42\u4f2a\u9020\u653b\u51fb\u7684\u5b89\u5168\u63aa\u65bd\u4e2d\u3002\u6211\u5728\u7b2c 13 \u7ae0\u4e2d\u66f4\u8be6\u7ec6\u5730\u8ba8\u8bba\u4e86\u8fd9\u4e2a\u95ee\u9898\u3002<\/p>\n
\u8fed\u4ee3 Request.Form \u7684\u4ee3\u7801\u5305\u88c5\u5728\u68c0\u67e5\u4e2d\uff0c\u4ee5\u5efa\u7acb\u8bf7\u6c42\u7684\u5185\u5bb9\u7c7b\u578b\u3002\u5177\u4f53\u6765\u8bf4\uff0c\u5f15\u7528 Request \u5bf9\u8c61\u7684 HasFormContentType \u5c5e\u6027\u3002\u5982\u679c\u8bf7\u6c42\u662f\u4f7f\u7528 POST \u65b9\u6cd5\u6267\u884c\u7684\uff0c\u5219\u8fd4\u56de true\u3002\u5982\u679c\u4e0d\u5728 OnPost \u5904\u7406\u7a0b\u5e8f\u4e4b\u5916\u6267\u884c\u6b64\u68c0\u67e5\uff0c\u6846\u67b6\u5c06\u5f15\u53d1 InvalidOperationException\uff0c\u5e76\u663e\u793a\u4ee5\u4e0b\u6d88\u606f\uff1aContent-Type \u4e0d\u6b63\u786e\u3002<\/p>\n
5.2 \u6a21\u578b\u7ed1\u5b9a<\/h2>\n
\u5728 PageModel \u7c7b\u4e2d\u5904\u7406\u7528\u6237\u8f93\u5165\u7684\u63a8\u8350\u65b9\u6cd5\u662f\u5229\u7528 ASP.NET Core \u4e2d\u5185\u7f6e\u7684\u6a21\u578b\u7ed1\u5b9a\u6846\u67b6\uff0c\u800c\u4e0d\u662f\u6df1\u5165\u7814\u7a76\u8868\u5355\u6216\u67e5\u8be2\u96c6\u5408\u7684\u6df1\u5ea6\u3002\u6a21\u578b\u7ed1\u5b9a\u662f\u4ece HTTP \u8bf7\u6c42\u7684\u5404\u4e2a\u90e8\u5206\uff08\u6e90\uff09\u83b7\u53d6\u7528\u6237\u8f93\u5165\u5e76\u5c1d\u8bd5\u5c06\u5176\u7ed1\u5b9a\u5230 C# \u4ee3\u7801\uff08\u76ee\u6807\uff09\u7684\u8fc7\u7a0b\u3002\u6a21\u578b\u7ed1\u5b9a\u6846\u67b6\u8003\u8651\u7528\u6237\u53ef\u4ee5\u5c06\u4ee5\u4e0b\u4e00\u79cd\u6216\u591a\u79cd\u65b9\u5f0f\u4f5c\u4e3a\u6e90\u4e0e\u5e94\u7528\u7a0b\u5e8f\u4ea4\u4e92\uff1a<\/p>\n
\u2022 Forms
\n\u2022 Route data
\n\u2022 Query strings
\n\u2022 Request body (useful for accessing data posted as JSON, as you will see in chapter 10)<\/p>\n
Razor Pages \u652f\u6301\u7684\u7ed1\u5b9a\u76ee\u6807\u662f\u5df2\u663e\u5f0f\u9009\u62e9\u52a0\u5165\u6a21\u578b\u7ed1\u5b9a\u7684\u5904\u7406\u7a0b\u5e8f\u53c2\u6570\u548c\u516c\u5171 PageModel \u5c5e\u6027\u3002<\/p>\n
\u5728\u7b2c 3 \u7ae0\u4e2d\uff0c\u5f53\u6211\u4eec\u67e5\u770b\u4f7f\u7528\u547d\u540d\u5904\u7406\u7a0b\u5e8f\u65f6\uff0c\u60a8\u5df2\u7ecf\u9047\u5230\u4e86\u7ed1\u5b9a\u5230\u5904\u7406\u7a0b\u5e8f\u53c2\u6570\u7684\u60c5\u51b5\u3002\u5728\u4e0b\u4e00\u8282\u4e2d\uff0c\u6211\u4eec\u5c06\u66f4\u8be6\u7ec6\u5730\u4ecb\u7ecd\u6b64\u8fc7\u7a0b\uff0c\u7136\u540e\uff0c\u6211\u4eec\u5c06\u6df1\u5165\u63a2\u8ba8\u7ed1\u5b9a\u5230 PageModel \u5c5e\u6027\u3002<\/p>\n
5.2.1 \u5c06\u6a21\u578b\u7ed1\u5b9a\u4e0e\u5904\u7406\u7a0b\u5e8f\u53c2\u6570\u4e00\u8d77\u4f7f\u7528
\n\u5728\u672c\u8282\u4e2d\uff0c\u60a8\u5c06\u7a0d\u5fae\u66f4\u6539 OnPost \u5904\u7406\u7a0b\u5e8f\uff0c\u4ee5\u4fbf\u4e0d\u76f4\u63a5\u8bbf\u95ee Request \u5bf9\u8c61\u3002\u8fd9\u4e00\u6b21\uff0c\u60a8\u5c06\u4f9d\u9760\u6a21\u578b\u7ed1\u5b9a\u5c06\u4f20\u5165\u7684\u8868\u5355\u503c\u7ed1\u5b9a\u5230\u4f5c\u4e3a\u7ed1\u5b9a\u76ee\u6807\u7684\u5904\u7406\u7a0b\u5e8f\u53c2\u6570\u3002\u66f4\u6539\u73b0\u6709\u7684 OnPost \u65b9\u6cd5\uff0c\u4f7f\u5176\u91c7\u7528\u540d\u4e3a cityName \u7684\u5b57\u7b26\u4e32\u53c2\u6570\uff0c\u5e76\u4f7f\u7528\u8be5\u53c2\u6570\u751f\u6210 Message \u5c5e\u6027\u7684\u503c\u3002<\/p>\n
\u6e05\u5355 5.5 \u5411 OnPost \u65b9\u6cd5\u6dfb\u52a0\u53c2\u6570<\/p>\n
public class CreateModel : PageModel\n{\n public string Message { get; set; }\n public void OnPost(string cityName) \u2776\n {\n Message = $"You submitted {cityName}"; \u2777\n }\n}<\/code><\/pre>\n\u2776 \u5c06 cityName \u53c2\u6570\u6dfb\u52a0\u5230 OnPost \u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u4e2d\u3002
\n\u2777 \u5728\u5206\u914d\u7ed9 Message \u7684\u503c\u4e2d\u5305\u542b\u53c2\u6570\u503c\u3002<\/p>\n
\u518d\u6b21\u8fd0\u884c\u6b64\u9875\u9762\u65f6\uff0c\u60a8\u5e94\u8be5\u4e0d\u4f1a\u770b\u5230\u8f93\u51fa\u6709\u4efb\u4f55\u5dee\u5f02\u3002\u60a8\u5728\u8868\u5355\u4e2d\u8f93\u5165\u7684\u503c\u5e94\u5408\u5e76\u5230\u5448\u73b0\u7684 Message \u4e2d\u3002<\/p>\n
\u4e00\u65e6\u8def\u7531\u7cfb\u7edf\u9009\u62e9\u4e86 OnPost \u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\uff0c\u6a21\u578b\u7ed1\u5b9a\u7cfb\u7edf\u5c31\u4f1a\u6267\u884c\u4ee5\u4e0b\u4f5c\uff08\u5982\u56fe 5.5 \u6240\u793a\uff09\uff1a<\/p>\n
\n- \n
\u68c0\u67e5\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u53c2\u6570\u7684\u540d\u79f0<\/p>\n<\/li>\n
- \n
\u5728\u4f20\u5165\u8bf7\u6c42\u7684\u7ed1\u5b9a\u6e90\u4e2d\u641c\u7d22\u5177\u6709\u5339\u914d\u952e\u7684\u503c<\/p>\n<\/li>\n
- \n
\u5982\u679c\u627e\u5230\u5339\u914d\u9879\uff0c\u5b83\u5c06\u5c1d\u8bd5\u4ece\u8bf7\u6c42\u63d0\u4f9b\u7684\u539f\u59cb\u5b57\u7b26\u4e32\u6570\u636e\u4e2d\u8fdb\u884c\u6240\u9700\u7684\u4efb\u4f55\u7c7b\u578b\u8f6c\u6362<\/p>\n<\/li>\n
- \n
\u5982\u679c\u8f6c\u5316\u6210\u529f\uff0c\u5219\u4e3a\u53c2\u6570\u5206\u914d\u7ed3\u679c\u503c<\/p>\n<\/li>\n<\/ol>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0505.png\")
<\/p>\n
\u56fe 5.5 \u5904\u7406\u7a0b\u5e8f\u53c2\u6570\u6839\u636e\u5176\u540d\u79f0\u4e0e\u4f20\u5165\u7684 HTTP \u503c\u8fdb\u884c\u5339\u914d\u3002<\/p>\n
5.2.2 \u4f7f\u7528\u5177\u6709\u516c\u5171\u5c5e\u6027\u7684\u6a21\u578b\u7ed1\u5b9a
\n\u5728\u672c\u8282\u4e2d\uff0c\u60a8\u5c06\u628a PageModel \u7c7b\u4e0a\u7684\u516c\u5171\u5c5e\u6027\u89c6\u4e3a\u7ed1\u5b9a\u76ee\u6807\u3002\u5f53\u7ed1\u5b9a\u6e90\u4e3a\u8868\u5355\u6570\u636e\u65f6\uff0c\u8fd9\u662f\u5728 Razor Pages \u4e2d\u4f7f\u7528\u6a21\u578b\u7ed1\u5b9a\u5668\u7684\u63a8\u8350\u65b9\u6cd5\u3002\u5efa\u8bae\u4f7f\u7528\u6b64\u65b9\u6cd5\uff0c\u56e0\u4e3a\u516c\u5171\u5c5e\u6027\u53ef\u5728 Razor \u9875\u9762\u4e2d\u8bbf\u95ee\uff0c\u5b83\u4eec\u5728\u8be5\u9875\u9762\u4e2d\u4e0e\u8868\u5355\u63a7\u4ef6\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u4e00\u8d77\u4f7f\u7528\uff0c\u5e76\u53ef\u4ee5\u53c2\u4e0e\u9a8c\u8bc1\u7528\u6237\u8f93\u5165\u3002\u60a8\u5f88\u5feb\u5c31\u4f1a\u8be6\u7ec6\u4e86\u89e3\u8fd9\u4e24\u4e2a\u529f\u80fd\uff0c\u4f46\u73b0\u5728\uff0c\u60a8\u5c06\u66f4\u6539\u73b0\u6709\u7684 PageModel \u7c7b\uff0c\u4f7f\u5176\u4e0d\u518d\u4e0e\u5904\u7406\u7a0b\u5e8f\u53c2\u6570\u4e00\u8d77\u4f7f\u7528\u3002\u60a8\u5c06\u6dfb\u52a0\u4e00\u4e2a\u65b0\u5c5e\u6027\u6765\u8868\u793a\u57ce\u5e02\u540d\u79f0\uff0c\u540c\u65f6\u5220\u9664\u73b0\u6709\u7684 Message \u5c5e\u6027\u548c OnPost \u5904\u7406\u7a0b\u5e8f\u3002\u65b0\u5c5e\u6027\u5c06\u4f7f\u7528\u540d\u4e3a BindProperty \u7684\u5c5e\u6027\u8fdb\u884c\u4fee\u9970\uff0c\u8be5\u5c5e\u6027\u5c06\u5c5e\u6027\u6307\u5b9a\u4e3a\u7ed1\u5b9a\u76ee\u6807\u3002<\/p>\n
\u6e05\u5355 5.6 \u7ed1\u5b9a\u5230\u516c\u5171\u5c5e\u6027<\/p>\n
public class CreateModel : PageModel\n{\n [BindProperty] \n public string CityName { get; set; } \u2776\n}<\/code><\/pre>\n\u2776 CityName \u58f0\u660e\u4e3a\u516c\u5171\u5c5e\u6027\uff0c\u5e76\u5e94\u7528\u4e86 BindProperty \u5c5e\u6027\u3002<\/p>\n
\u73b0\u5728\uff0cMessage \u5c5e\u6027\u5df2\u88ab\u5220\u9664\uff0c\u60a8\u9700\u8981\u76f4\u63a5\u5728 Create \u9875\u9762\u4e2d\u4f7f\u7528 CityName \u5c5e\u6027\u3002\u8fd9\u4e9b\u66f4\u6539\u5728\u4e0b\u9762\u7684\u5217\u8868\u4e2d\u4ee5\u7c97\u4f53\u663e\u793a\u3002<\/p>\n
\u793a\u4f8b 5.7 \u66f4\u65b0 Create \u9875\u9762\u4ee5\u4f7f\u7528 CityName \u5c5e\u6027<\/p>\n
<div class="col-4">\n <form method="post">\n <div class="mb-3">\n <label for="name">Enter city name<\/label>\n <input class="form-control" type="text" name="cityName" \/>\n <\/div>\n <button class="btn btn-primary">Submit<\/button>\n <\/form>\n @if(Request.HasFormContentType && \n !string.IsNullOrWhiteSpace(Model.CityName))\n {\n <p>You submitted @Model.CityName<\/p>\n }\n<\/div><\/code><\/pre>\n\u4e0e\u4ee5\u524d\u4e00\u6837\uff0c\u5982\u679c\u8fd0\u884c\u9875\u9762\uff0c\u5219\u5728\u63d0\u4ea4\u8868\u5355\u65f6\uff0c\u5b83\u5e94\u751f\u6210\u76f8\u540c\u7684\u8f93\u51fa\u3002<\/p>\n
handler \u53c2\u6570\u5df2\u66ff\u6362\u4e3a\u540c\u540d\u7684 public \u5c5e\u6027\u3002CityName \u5c5e\u6027\u4e0e\u5df2\u5220\u9664\u7684 Message \u5c5e\u6027\u7684\u4e0d\u540c\u4e4b\u5904\u5728\u4e8e\uff0c\u5b83\u7528 BindProperty \u5c5e\u6027\u4fee\u9970\uff0c\u8be5\u5c5e\u6027\u6307\u5b9a\u8be5\u5c5e\u6027\u662f\u7ed1\u5b9a\u76ee\u6807\u3002\u5982\u679c\u6ca1\u6709\u6b64\u5c5e\u6027\uff0c\u8be5\u5c5e\u6027\u5c06\u4e0d\u4f1a\u53c2\u4e0e\u6a21\u578b\u7ed1\u5b9a\u3002<\/p>\n
\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0cBindProperty \u5c5e\u6027\u4ec5\u9009\u62e9\u5c06\u5c5e\u6027\u52a0\u5165 POST \u8bf7\u6c42\u7684\u6a21\u578b\u7ed1\u5b9a\u3002\u5982\u679c\u8981\u5728 GET \u8bf7\u6c42\u671f\u95f4\uff08\u4f8b\u5982\uff0c\u4ece\u8def\u7531\u6570\u636e\u6216\u67e5\u8be2\u5b57\u7b26\u4e32\uff09\u5c06\u503c\u7ed1\u5b9a\u5230\u516c\u5171\u5c5e\u6027\uff0c\u5219\u9700\u8981\u989d\u5916\u7684\u6b65\u9aa4\u624d\u80fd\u9009\u62e9\u52a0\u5165\u3002BindProperty \u5c5e\u6027\u5177\u6709\u4e00\u4e2a\u540d\u4e3a SupportsGet \u7684\u5c5e\u6027\uff0c\u60a8\u5fc5\u987b\u5c06\u5176\u8bbe\u7f6e\u4e3a true\uff1a<\/p>\n
[BindProperty(SupportsGet=true)]\npublic int Id { get; set; }<\/code><\/pre>\n\u9664\u4e86 SupportsGet \u5c5e\u6027\u4e4b\u5916\uff0cBindProperty \u5c5e\u6027\u8fd8\u5177\u6709 Name \u5c5e\u6027\uff0c\u8be5\u5c5e\u6027\u4f7f\u60a8\u80fd\u591f\u5c06\u516c\u5171 PageModel \u5c5e\u6027\u7ed1\u5b9a\u5230\u4efb\u610f\u547d\u540d\u7684\u8868\u5355\u5b57\u6bb5\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u80fd\u9700\u8981\u4ece\u5c06 name \u5c5e\u6027\u8bbe\u7f6e\u4e3a \u201ce-mail\u201d \u7684\u8868\u5355\u63a7\u4ef6\u8fdb\u884c\u7ed1\u5b9a\u3002\u8fd9\u4e0d\u662f\u6709\u6548\u7684 C# \u6807\u8bc6\u7b26\uff0c\u56e0\u6b64\u60a8\u53ef\u4ee5\u4f7f\u7528 Name \u5c5e\u6027\u5c06\u4f20\u5165\u7684\u8868\u5355\u503c\u6620\u5c04\u5230 C# \u5c06\u5bb9\u5fcd\u7684\u5c5e\u6027\uff1a<\/p>\n
[BindProperty(Name="e-mail")]\npublic string Email { get; set; }<\/code><\/pre>\n\u5982\u679c\u8981\u5728\u6a21\u578b\u7ed1\u5b9a\u4e2d\u5305\u542b\u5927\u91cf PageModel \u5c5e\u6027\uff0c\u5219\u53ef\u4ee5\u4f7f\u7528 BindProperties\uff08\u590d\u6570\uff09\u5c5e\u6027\u4fee\u9970 PageModel \u7c7b\uff1a<\/p>\n
[BindProperties]\npublic class IndexModel : PageModel<\/code><\/pre>\n\u8fd9\u79cd\u65b9\u6cd5\u5fc5\u987b\u8c28\u614e\u4f7f\u7528\u3002\u8fd9\u5c06\u5bfc\u81f4 PageModel \u7c7b\u4e2d\u7684\u6240\u6709\u516c\u5171\u5c5e\u6027\u90fd\u5305\u542b\u5728\u6a21\u578b\u7ed1\u5b9a\u4e2d\uff0c\u8fd9\u53ef\u80fd\u4f1a\u4f7f\u60a8\u7684\u5e94\u7528\u7a0b\u5e8f\u906d\u53d7\u8fc7\u5ea6\u53d1\u5e03\u653b\u51fb\u3002<\/p>\n
\u3000\u8fc7\u5ea6\u53d1\u5e03\u653b\u51fb<\/h2>\n
\u8fc7\u5ea6\u53d1\u5e03\uff08\u4e5f\u79f0\u4e3a\u6279\u91cf\u5206\u914d\uff09\u662f\u4e00\u79cd\u6f0f\u6d1e\uff0c\u5f53\u7528\u6237\u80fd\u591f\u4fee\u6539\u4ed6\u4eec\u4e0d\u5e94\u8bbf\u95ee\u7684\u6570\u636e\u9879\u65f6\uff0c\u5c31\u4f1a\u53d1\u751f\u8fd9\u79cd\u6f0f\u6d1e\u3002\u5047\u8bbe\u60a8\u6b63\u5728\u521b\u5efa\u4e00\u4e2a\u7ed3\u5e10\u9875\u9762\uff0c\u7528\u6237\u53ef\u5728\u5176\u4e2d\u786e\u8ba4\u5176\u8d2d\u4e70\u7684\u8be6\u7ec6\u4fe1\u606f\u3002\u663e\u7136\uff0c\u60a8\u4e0d\u5e0c\u671b\u4ed6\u4eec\u80fd\u591f\u4fee\u6539\u9879\u76ee\u7684\u4ef7\u683c\uff0c\u56e0\u6b64\u6b64\u6570\u636e\u6ca1\u6709\u8868\u5355\u5b57\u6bb5\u3002\u4f46\u662f\uff0c\u5047\u8bbe\u60a8\u5df2\u5c06 Price \u4f5c\u4e3a\u516c\u5171\u5c5e\u6027\u5305\u542b\u5728 PageModel \u4e2d\uff0c\u5176\u4e2d PageModel \u7c7b\u4f7f\u7528 BindProperties \u5c5e\u6027\u8fdb\u884c\u4fee\u9970\uff0c\u4ece\u800c\u9009\u62e9\u5c06\u6240\u6709\u516c\u5171\u5c5e\u6027\uff08\u5305\u62ec Price \u5c5e\u6027\uff09\u4f5c\u4e3a\u7ed1\u5b9a\u76ee\u6807\u3002
\n\u7cbe\u901a Web \u7684\u7528\u6237\u5b8c\u5168\u6709\u53ef\u80fd\u4f7f\u7528\u57fa\u672c\u7684\u5f00\u53d1\u5de5\u5177\uff0c\u6bd4\u5982 Postman \u751a\u81f3\u6d4f\u89c8\u5668\u5f00\u53d1\u4eba\u5458\u5de5\u5177\uff08\u6211\u4eec\u5c06\u5728\u7b2c 11 \u7ae0\u4e2d\u4ecb\u7ecd\uff09\u6765\u5236\u4f5c\u4ed6\u4eec\u81ea\u5df1\u7684 HTTP \u8bf7\u6c42\uff0c\u5e76\u5305\u62ec\u4e00\u4e2a\u4ef7\u683c\u7684\u8868\u5355\u9879\u3002\u7531\u4e8e Price \u5c5e\u6027\u5411\u6a21\u578b\u7ed1\u5b9a\u5668\u516c\u5f00\uff0c\u56e0\u6b64\u7528\u6237\u80fd\u591f\u4fee\u6539\u8be5\u503c\u3002\u5728\u4e0d\u77e5\u4e0d\u89c9\u4e2d\uff0c\u60a8\u7f51\u7ad9\u4e0a\u90a3\u4e9b 300 \u7f8e\u5143\u7684\u8033\u673a\u5df2\u7ecf\u4ee5 3 \u7f8e\u5143\u7684\u4ef7\u683c\u51fa\u552e\u3002<\/p>\n
5.2.3 \u7ed1\u5b9a\u590d\u6742\u5bf9\u8c61<\/h3>\n
\u5230\u76ee\u524d\u4e3a\u6b62\uff0c\u60a8\u4e00\u76f4\u5728\u4f7f\u7528\u6a21\u578b\u7ed1\u5b9a\u4ece\u4f20\u5165\u7684\u8868\u5355\u503c\u4e2d\u586b\u5145\u7b80\u5355\u5c5e\u6027\u3002\u968f\u7740\u8868\u5355\u5b57\u6bb5\u6570\u91cf\u7684\u589e\u52a0\uff0cPageModel \u7c7b\u5c06\u5f00\u59cb\u5431\u5431\u4f5c\u54cd\uff0c\u8981\u4e48\u51fa\u73b0\u4e00\u957f\u4e32\u5c5e\u6027\uff08\u5168\u90e8\u7528 BindProperty \u5c5e\u6027\u88c5\u9970\uff09\u6216\u5e94\u7528\u4e8e\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u7684\u5927\u91cf\u53c2\u6570\u3002\u5e78\u8fd0\u7684\u662f\uff0c\u6a21\u578b\u7ed1\u5b9a\u4e5f\u9002\u7528\u4e8e\u590d\u6742\u5bf9\u8c61\uff0c\u56e0\u6b64\u8981\u7ed1\u5b9a\u7684\u5c5e\u6027\u53ef\u4ee5\u5c01\u88c5\u5728\u4e00\u4e2a\u5bf9\u8c61\u4e2d\uff0c\u8be5\u5bf9\u8c61\u53ef\u4ee5\u4f5c\u4e3a PageModel \u7684\u5c5e\u6027\u6216\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u7684\u53c2\u6570\u516c\u5f00\u3002\u5f53\u4ee5\u8fd9\u79cd\u65b9\u5f0f\u4f7f\u7528\u5bf9\u8c61\u65f6\uff0c\u4e00\u4e9b\u5f00\u53d1\u4eba\u5458\u5c06\u5bf9\u8c61\u79f0\u4e3a\u8f93\u5165\u6a21\u578b\uff0c\u5b83\u63d0\u4f9b\u4e86\u4e00\u79cd\u9650\u5236\u7ed1\u5b9a\u76ee\u6807\u8303\u56f4\u7684\u6781\u597d\u65b9\u6cd5\u3002\u8981\u4e86\u89e3\u5176\u5de5\u4f5c\u539f\u7406\uff0c\u60a8\u5c06\u5f00\u59cb\u6269\u5c55 CityBreaks \u5e94\u7528\u7a0b\u5e8f\u7684\u529f\u80fd\u3002<\/p>\n
\u60a8\u7684\u6bcf\u4e2a\u57ce\u5e02\u90fd\u5c5e\u4e8e\u4e00\u4e2a\u56fd\u5bb6\u3002\u60a8\u5c06\u751f\u6210\u4e00\u4e2a\u8868\u5355\uff0c\u4f7f\u60a8\u80fd\u591f\u4f7f\u7528\u8f93\u5165\u6a21\u578b\u6355\u83b7\u56fd\u5bb6\/\u5730\u533a\u6570\u636e\u3002\u8fd9\u5c06\u662f\u4e00\u4e2a\u975e\u5e38\u7b80\u5355\u7684\u8f93\u5165\u6a21\u578b\uff0c\u4f46\u53ea\u662f\u4e3a\u4e86\u793a\u4f8b\u3002<\/p>\n
\u5728 CityBreaks \u5e94\u7528\u7a0b\u5e8f\u7684\u6839\u76ee\u5f55\u4e2d\u521b\u5efa\u4e00\u4e2a\u540d\u4e3a Models \u7684\u6587\u4ef6\u5939\uff0c\u5e76\u5411\u5176\u6dfb\u52a0\u4e00\u4e2a\u540d\u4e3a Country.cs \u7684 C# \u7c7b\u3002\u4fee\u6539\u4ee3\u7801\uff0c\u4f7f\u5176\u4e0e\u4e0b\u9762\u7684\u6e05\u5355\u76f8\u540c\u3002<\/p>\n
\u6e05\u5355 5.8 Country \u7c7b<\/p>\n
public class Country\n{\n public string CountryName { get; set; }\n public string CountryCode { get; set; }\n}<\/code><\/pre>\nCountryName \u5c5e\u6027\u8868\u793a\u56fd\u5bb6\/\u5730\u533a\u7684\u540d\u79f0\uff0cCountryCode \u5c5e\u6027\u8868\u793a\u6bcf\u4e2a\u56fd\u5bb6\/\u5730\u533a\u7684\u4e24\u4e2a\u5b57\u7b26\u7684 ISO 3166-1 alpha-2 \u4ee3\u7801\u3002\u4f8b\u5982\uff0cUnited States \u662f us\uff0cUnited Kingdom \u662f gb\u3002\u60a8\u53ef\u4ee5\u4ece Wikipedia \u627e\u5230\u8fd9\u4e9b\u4ee3\u7801\u7684\u5b8c\u6574\u5217\u8868\uff1ahttps:\/\/en.wikipedia.org\/wiki\/ISO_3166-1_alpha-2\u3002\u60a8\u5c06\u4f7f\u7528\u8fd9\u4e9b\u4ee3\u7801\u6765\u663e\u793a\u6bcf\u4e2a\u56fd\u5bb6\/\u5730\u533a\u7684\u56fd\u65d7\u56fe\u6807\uff0c\u56e0\u6b64\u60a8\u8fd8\u9700\u8981\u4e0b\u8f7d\u4e00\u7ec4\u4ee5<\/a> alpha-2 \u4ee3\u7801\u547d\u540d\u7684\u514d\u8d39\u56fd\u65d7\u56fe\u6807\u3002\u60a8\u53ef\u4ee5\u4ece https:\/\/flagpedia.net\/download\/icons<\/a> \u7684 Flagpedia \u83b7\u5f97\u514d\u8d39\u7684\u96c6\u5408\uff08\u6211\u9009\u62e9\u4e86 40 px \u5bbd\u7684\u539f\u59cb\u7248\u672c\uff09\uff0c\u6216\u8005\u60a8\u53ef\u4ee5\u4ece\u672c\u7ae0\u7684\u4e0b\u8f7d\u4e2d\u590d\u5236\u5b83\u4eec\uff0c\u8be5\u7ae0\u6db5\u76d6\u4e86\u7ed1\u5b9a\u590d\u6742\u5bf9\u8c61 \uff08http:\/\/mng.bz\/yvOB\uff09\u3002\u5728<\/a> wwwroot \u6587\u4ef6\u5939\u4e2d\u521b\u5efa\u4e00\u4e2a\u540d\u4e3a Images \u7684\u6587\u4ef6\u5939\uff0c\u5e76\u5728\u8be5\u6587\u4ef6\u5939\u4e2d\u521b\u5efa\u53e6\u4e00\u4e2a\u540d\u4e3a Flags \u7684\u6587\u4ef6\u5939\u3002\u5982\u679c\u60a8\u9009\u62e9\u4e0b\u8f7d\u6807\u5fd7\uff0c\u8bf7\u5c06\u56fe\u50cf\u6587\u4ef6\u63d0\u53d6\u5230 Flags \u6587\u4ef6\u5939\u4e2d\u3002\u6253\u5f00\u5e03\u5c40\u6587\u4ef6\uff0c\u5e76\u4fee\u6539\u9875\u811a\u4ee5\u5728\u4e0b\u4e00\u4e2a\u5217\u8868\u4e2d\u5305\u542b\u4ee5\u7c97\u4f53\u663e\u793a\u7684\u7f72\u540d\u3002<\/p>\n\u6e05\u5355 5.9 \u66f4\u65b0\u9875\u811a\u4ee5\u5305\u542b\u7f72\u540d<\/p>\n
<footer class="border-top footer text-muted">\n <div class="container">\n \u00a9 2021 - CityBreaks | Flag icons from \n <a href="https:\/\/flagpedia.net">flagpedia.net<\/a>\n <\/div>\n<\/footer><\/code><\/pre>\n\u73b0\u5728\uff0c\u5c06\u65b0\u6587\u4ef6\u5939\u6dfb\u52a0\u5230 Pages \u6587\u4ef6\u5939\uff0c\u5e76\u5c06\u5176\u547d\u540d\u4e3a CountryManager\u3002\u5728\u8be5\u9875\u9762\u4e2d\uff0c\u6dfb\u52a0\u4e00\u4e2a\u540d\u4e3a Create \u7684\u65b0 Razor \u9875\u9762\u3002\u5c06 CreateModel \u7c7b\u5185\u5bb9\u66f4\u6539\u4e3a\u4ee5\u4e0b\u5185\u5bb9\u3002<\/p>\n
Listing 5.10 \u4f7f\u7528\u8f93\u5165\u6a21\u578b\u5c01\u88c5\u7ed1\u5b9a\u76ee\u6807<\/p>\n
using CityBreaks.Models; \u2776\nusing Microsoft.AspNetCore.Mvc;\nusing Microsoft.AspNetCore.Mvc.RazorPages;\n\nnamespace CityBreaks.Pages.CountryManager\n{\n public class CreateModel : PageModel\n {\n [BindProperty]\n public InputModel Input { get; set; } \u2777\n public Country Country { get; set; } \u2778\n\n public void OnPost()\n {\n Country = new Country \u2779\n { \u2779\n CountryName = Input.CountryName, \u2779\n CountryCode = Input.CountryCode \u2779\n }; \u2779\n }\n\n public class InputModel \u277a\n {\n public string CountryName { get; set; }\n public string CountryCode { get; set; }\n }\n } \n}<\/code><\/pre>\n\u2776 \u6dfb\u52a0 using \u6307\u4ee4\u4ee5\u5f15\u5165 CityBreak.Models \u547d\u540d\u7a7a\u95f4\u3002
\n\u2777 \u6dfb\u52a0\u8f93\u5165\u6a21\u578b\u548c\u5c5e\u6027\uff0c\u5e76\u901a\u8fc7\u6dfb\u52a0 BindProperty \u5c5e\u6027\u4f7f\u5176\u6210\u4e3a\u7ed1\u5b9a\u76ee\u6807\u3002
\n\u2778 \u5411 PageModel \u6dfb\u52a0 Country \u5c5e\u6027\u3002
\n\u2779 \u4ece InputModel \u7684\u5c5e\u6027\u4e2d\u5b9e\u4f8b\u5316 Country \u5c5e\u6027\u3002
\n\u277a \u58f0\u660e\u4e00\u4e2a\u7c7b\uff0c\u7528\u4e8e\u5c01\u88c5\u56fd\u5bb6\/\u5730\u533a\u8f93\u5165\u8868\u5355\u7684\u5b57\u6bb5\u3002\u8fd9\u662f\u8f93\u5165\u6a21\u578b\u3002<\/p>\n
InputModel \u7c7b\u662f\u5728 PageModel \u7c7b\u4e2d\u58f0\u660e\u7684\uff0c\u56e0\u6b64\u5b83\u662f\u4e00\u4e2a\u5d4c\u5957\u7c7b\u3002\u8fd9\u4f1a\u5c06\u5176\u8303\u56f4\u9650\u5236\u4e3a\u5f53\u524d PageModel\uff0c\u4ece\u800c\u5141\u8bb8\u60a8\u5bf9\u5145\u5f53\u5176\u4ed6\u9875\u9762\u4e0a\u7684\u7ed1\u5b9a\u76ee\u6807\u7684\u7c7b\u4f7f\u7528\u76f8\u540c\u7684\u540d\u79f0 \uff08InputModel\uff09\u3002<\/p>\n
\u7ed1\u5b9a\u590d\u6742\u5bf9\u8c61\u7684\u5173\u952e\u662f\u786e\u4fdd\u8f93\u5165\u7684 name \u5c5e\u6027\u91c7\u7528 . \u7684\u5f62\u5f0f\uff0c\u5176\u4e2d\u7b2c\u4e00\u4e2a\u5c5e\u6027\u662f\u5e94\u7528\u4e86 BindProperty \u5c5e\u6027\u7684\u590d\u6742 PageModel \u5c5e\u6027\uff08\u8f93\u5165\u6a21\u578b\uff09\u7684\u540d\u79f0\uff0c\u7b2c\u4e8c\u4e2a\u5c5e\u6027\u662f\u8f93\u5165\u6a21\u578b\u7c7b\u4e2d\u7684\u5c5e\u6027\u540d\u79f0\u3002 \u5982\u56fe 5.6 \u6240\u793a\u3002<\/p>\n![](\"\/images\/aspnetcorerazorpageinaction\/0506.png\")
<\/p>\n
\u56fe 5.6 \u4f7f\u7528\u70b9\u8868\u793a\u6cd5\u786e\u4fdd\u7ed1\u5b9a\u9002\u7528\u4e8e\u590d\u6742\u5bf9\u8c61<\/p>\n
\u82e5\u8981\u5c06\u6b64\u4ed8\u8bf8\u5b9e\u8df5\uff0c\u8bf7\u4fee\u6539 Create.cshtml \u6587\u4ef6\u4ee5\u9002\u5e94\u4ee5\u4e0b\u4ee3\u7801\u3002<\/p>\n
\u6e05\u5355 5.11 \u521b\u5efa\u56fd\u5bb6\/\u5730\u533a\u8868\u5355<\/p>\n
@page\n@model CityBreaks.Pages.CountryManager.CreateModel\n@{\n}\n\n<h4>Create Country<\/h4>\n\n<div class="row">\n <div class="col-md-4">\n <form method="post">\n <div class="form-group">\n <label for="Input.CountryName" \u2776\n \u27a5 class="control-label">Name<\/label> \u2776\n <input name="Input.CountryName" \u2776\n \u27a5 class="form-control" \/> \u2776\n <\/div>\n <div class="form-group">\n <label for="Input.CountryCode" \u2776\n \u27a5 class="control-label">ISO-3166-1 Code<\/label> \u2776\n <input name="Input.CountryCode" \u2776\n \u27a5 class="form-control" \/> \u2776\n <\/div>\n <div class="form-group">\n <input type="submit" value="Create" class="btn btn-primary" \/>\n <\/div>\n <\/form>\n <\/div>\n<\/div>\n@if(Model.Country != null){\n <p>You submitted @Model.Country.CountryName \n <img src="\/images\/flags\/@(Model.Country.CountryCode).png" \/><\/p>\n}<\/code><\/pre>\n\u2776 \u6a21\u5f0f . \u5df2\u7528\u4e8e label \u548c input \u5143\u7d20\u7684 for \u548c name \u5c5e\u6027\u3002<\/p>\n\u8fd0\u884c\u5e94\u7528\u7a0b\u5e8f\uff0c\u5bfc\u822a\u5230 \/country-manager\/create\uff0c\u7136\u540e\u8f93\u5165\u56fd\u5bb6\/\u5730\u533a\u540d\u79f0\u548c\u6709\u6548\u7684 ISO-3166-1 \u4ee3\u7801\uff08\u4f8b\u5982\uff0cIreland \u548c ie\uff09\u3002\u60a8\u5e94\u8be5\u4f1a\u770b\u5230\u56fd\u5bb6\/\u5730\u533a\u7684\u540d\u79f0\u548c\u56fd\u65d7\u5448\u73b0\u5230\u6d4f\u89c8\u5668\uff08\u56fe 5.7\uff09\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0507.png\")
<\/p>\n
\u56fe 5.7 \u4f7f\u7528\u70b9\u8868\u793a\u6cd5\u6784\u9020\u8868\u5355\u63a7\u4ef6\u540d\u79f0\uff0c\u4ee5\u786e\u4fdd\u503c\u7ed1\u5b9a\u5230\u590d\u6742\u5bf9\u8c61\u3002<\/p>\n
\u60a8\u53ef\u80fd\u60f3\u77e5\u9053\u4e3a\u4ec0\u4e48\u9700\u8981\u8f93\u5165\u6a21\u578b\uff0c\u56e0\u4e3a\u5b83\u4e0e Models \u6587\u4ef6\u5939\u4e2d\u7684 Country \u7c7b\u76f8\u540c\u3002\u76ee\u524d\u5b83\u4eec\u786e\u5b9e\u662f\u76f8\u540c\u7684\uff0c\u4f46\u5728\u672c\u4e66\u7684\u540e\u9762\uff0cCountry \u7c7b\u5c06\u83b7\u53d6\u60a8\u4e0d\u60f3\u5728\u521b\u5efa\u65b0\u5b9e\u4f8b\u65f6\u5411\u6a21\u578b\u7ed1\u5b9a\u5668\u516c\u5f00\u7684\u65b0\u5c5e\u6027\u3002<\/p>\n
\u60a8\u53ef\u80fd\u8fd8\u5f00\u59cb\u5bf9 OnPost \u65b9\u6cd5\u4e2d\u7684\u6620\u5c04\u4ee3\u7801\u611f\u5230\u597d\u5947\uff0c\u8be5\u65b9\u6cd5\u4ece\u4e00\u4e2a\u5bf9\u8c61\u4e2d\u83b7\u53d6\u503c\uff0c\u5e76\u5c06\u5b83\u4eec\u5206\u914d\u7ed9\u53e6\u4e00\u4e2a\u5bf9\u8c61\u4e0a\u5177\u6709\u76f8\u540c\u540d\u79f0\u7684\u5c5e\u6027\u3002\u4f60\u53ef\u80fd\u4f1a\u8ba4\u4e3a\uff0c\u5bf9\u4e8e\u5177\u6709\u8bb8\u591a\u5c5e\u6027\u7684\u5bf9\u8c61\uff0c\u8fd9\u770b\u8d77\u6765\u53ef\u80fd\u4f1a\u53d8\u5f97\u76f8\u5f53\u8d39\u529b\u3002\u4f60\u7edd\u5bf9\u662f\u5bf9\u7684\u3002\u597d\u6d88\u606f\u662f\u81f3\u5c11\u6709\u4e24\u79cd\u89e3\u51b3\u65b9\u6848\u53ef\u4ee5\u52a0\u5feb\u6620\u5c04\u901f\u5ea6\u3002\u7b2c\u4e00\u4e2a\u662f\u4e00\u4e2a\u975e\u5e38\u6d41\u884c\u7684\u5f00\u6e90\u5e93\uff0c\u79f0\u4e3a AutoMapper\uff0c\u5b83\u53ef\u4ee5\u4e3a\u60a8\u6267\u884c\u6b64\u4f5c\u3002\u6211\u4e0d\u4f1a\u5728\u672c\u4e66\u4e2d\u4ecb\u7ecd\u5982\u4f55\u4f7f\u7528\u5b83\uff0c\u4f46\u9879\u76ee\u7ad9\u70b9\u4e0a\u7684\u6587\u6863\u975e\u5e38\u597d\uff1ahttps:\/\/automapper.org\/\u3002\u5982\u679c\u60a8\u4f7f\u7528\u7684\u662f<\/a> Visual Studio 2022\uff0c\u7b2c\u4e8c\u79cd\u89e3\u51b3\u65b9\u6848\u53ef\u80fd\u662f\u60a8\u5df2\u7ecf\u6ce8\u610f\u5230\u7684\u89e3\u51b3\u65b9\u6848\u3002\u4e0d\u65ad\u6539\u8fdb\u7684 AI \u8f85\u52a9 IntelliCode \u529f\u80fd\u4f3c\u4e4e\u80fd\u591f\u731c\u6d4b\u4f60\u60f3\u8981\u505a\u7684\u4f5c\u4e1a\uff0c\u5e76\u4e14\u7ecf\u5e38\u63d0\u4f9b\u6574\u884c\u4ee3\u7801\u4f5c\u4e3a\u5efa\u8bae;\u4f60\u53ea\u9700\u8981\u6309\u4e24\u6b21 Tab \u952e\u6765\u63a5\u53d7\u5b83\uff08\u56fe 5.8\uff09\u3002<\/p>\n![](\"\/images\/aspnetcorerazorpageinaction\/0508.png\")
<\/p>\n
\u56fe 5.8 IntelliCode \u52a0\u5feb\u4e86\u5bf9\u8c61\u4e4b\u95f4\u7684\u7b80\u5355\u6620\u5c04\u901f\u5ea6\u3002<\/p>\n
\u4e0b\u9762\u7684\u793a\u4f8b\u5c06 InputModel \u7c7b\u663e\u793a\u4e3a PageModel \u7684\u516c\u5171\u5c5e\u6027\uff0c\u4f46\u4e5f\u53ef\u4ee5\u5c06\u590d\u6742\u5bf9\u8c61\u4f5c\u4e3a\u53c2\u6570\u5e94\u7528\u4e8e OnPost \u5904\u7406\u7a0b\u5e8f\uff1a<\/p>\n
public void OnPost(InputModel model) <\/code><\/pre>\n\u5927\u591a\u6570\u60c5\u51b5\u4e0b\uff0c\u60a8\u5c06\u4f7f\u7528 public property \u65b9\u6cd5\uff0c\u56e0\u4e3a\u5b83\u6700\u9002\u5408\u4e0e form \u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u4e00\u8d77\u4f7f\u7528\uff0c\u60a8\u5c06\u5728\u4e0b\u4e00\u7ae0\u4e2d\u66f4\u8be6\u7ec6\u5730\u4e86\u89e3\u8fd9\u4e00\u70b9\u3002\u73b0\u5728\u8981\u63d0\u5230\u7684\u4e00\u4e2a\u5173\u952e\u70b9\u662f\uff0c\u5f53\u60a8\u5c06\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u4e0e\u516c\u5171 PageModel \u5c5e\u6027\u7ed3\u5408\u4f7f\u7528\u65f6\uff0c\u60a8\u65e0\u9700\u62c5\u5fc3\u5728 input \u5143\u7d20\u4e0a\u6784\u9020 name \u5c5e\u6027\u7684\u503c\uff0c\u56e0\u4e3a\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u4f1a\u4e3a\u60a8\u751f\u6210\u5b83\u3002<\/p>\n
\u53ea\u8981 SupportsGet \u53c2\u6570\u8bbe\u7f6e\u4e3a true\uff0c\u5728 GET \u8bf7\u6c42\u671f\u95f4\u7ed1\u5b9a\u5230\u590d\u6742\u5bf9\u8c61\u5c31\u53ef\u4ee5\u4e0e\u4f7f\u7528 BindProperty \u5c5e\u6027\u4fee\u9970\u7684\u590d\u6742\u5bf9\u8c61\u4e00\u8d77\u4f7f\u7528\uff0c\u5c31\u50cf\u4f7f\u7528\u7b80\u5355\u7c7b\u578b\u4e00\u6837\u3002Binding \u8fd8\u76f4\u63a5\u4f5c\u7528\u4e8e\u5145\u5f53\u5904\u7406\u7a0b\u5e8f\u53c2\u6570\u7684\u590d\u6742\u5bf9\u8c61\u3002<\/p>\n
\u5217\u8868 5.12 \u4f5c\u4e3a\u5904\u7406\u7a0b\u5e8f\u53c2\u6570\u7684 Complex \u5bf9\u8c61<\/p>\n
public void OnGet(InputModel input)\n{\n if (input.CountryName != null)\n {\n Country = new Country\n {\n CountryName = input.CountryName,\n CountryCode = input.CountryCode\n };\n }\n}<\/code><\/pre>\n5.2.4 \u7ed1\u5b9a\u7b80\u5355\u96c6\u5408<\/h3>\n
\u5230\u76ee\u524d\u4e3a\u6b62\uff0c\u60a8\u5df2\u7ecf\u4e86\u89e3\u4e86\u5982\u4f55\u7ed1\u5b9a\u7b80\u5355\u7c7b\u578b\u6216\u590d\u6742\u7c7b\u578b\u7684\u5355\u4e2a\u5b9e\u4f8b\u3002\u6a21\u578b Binder \u8fd8\u652f\u6301\u7ed1\u5b9a\u5230\u96c6\u5408\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u80fd\u5e0c\u671b\u5141\u8bb8\u7528\u6237\u8fdb\u884c\u591a\u9879\u9009\u62e9\uff0c\u6216\u4e3a\u5176\u63d0\u4f9b\u7528\u4e8e\u8f93\u5165\u591a\u884c\u6570\u636e\u7684\u8868\u5355\uff0c\u8fd9\u975e\u5e38\u6709\u7528\u3002<\/p>\n
HTML \u63d0\u4f9b\u4e86\u4e24\u4e2a\u9009\u9879\u6765\u8fdb\u884c\u591a\u9879\u9009\u62e9\uff1a\u4e00\u4e2a\u5e94\u7528\u4e86 multiple \u5c5e\u6027\u7684 select \u5143\u7d20\uff08\u53c8\u540d\u5217\u8868\u6846\u63a7\u4ef6\uff09\u548c\u4e00\u7cfb\u5217 type \u5c5e\u6027\u8bbe\u7f6e\u4e3a checkbox \u7684\u8f93\u5165\u3002\u5b83\u4eec\u5fc5\u987b\u5171\u4eab\u5b8c\u5168\u76f8\u540c\u7684 name \u5c5e\u6027;\u60a8\u53ef\u4ee5\u4f7f\u7528\u60a8\u559c\u6b22\u7684\u4efb\u4f55\u4e00\u4e2a\u3002\u5b83\u4eec\u4e4b\u95f4\u7684\u9009\u62e9\u53d6\u51b3\u4e8e\u60a8\u7684 UI \u9996\u9009\u9879\u3002<\/p>\n
\u4e0b\u4e00\u4e2a\u4ee3\u7801\u793a\u4f8b\u5305\u542b\u4e00\u4e2a\u8868\u5355\uff0c\u7528\u6237\u53ef\u4ee5\u5728\u5176\u4e2d\u4f7f\u7528\u590d\u9009\u6846\u9009\u62e9\u591a\u4e2a\u9009\u9879\u3002\u5728\u8fd9\u79cd\u60c5\u51b5\u4e0b\uff0c\u5c06\u9080\u8bf7\u7528\u6237\u4ece\u591a\u4e2a\u57ce\u5e02\u4e2d\u8fdb\u884c\u9009\u62e9\u3002\u6240\u9009\u5185\u5bb9\u5c06\u7ed1\u5b9a\u5230 List\uff0c\u5176\u4e2d\u6bcf\u4e2a\u5143\u7d20\u90fd\u8868\u793a\u6240\u9009\u503c\u4e4b\u4e00\u3002\u60a8\u9700\u8981\u5411 Models \u6587\u4ef6\u5939\u6dfb\u52a0\u53e6\u4e00\u4e2a\u7c7b\uff0c\u8be5\u7c7b\u5c06\u8868\u793a\u4e00\u4e2a\u57ce\u5e02\u5e76\u5177\u6709\u4e24\u4e2a\u5c5e\u6027\u3002<\/p>\nListing 5.13 City \u7c7b<\/p>\n
public class City\n{\n public int Id { get; set; }\n public string Name { get; set; }\n}<\/code><\/pre>\n\u63a5\u4e0b\u6765\uff0c\u66f4\u6539 City.cshtml.cs \u4e2d\u7684 CityModel\uff0c\u4ee5\u5305\u542b int \u7684 List \u4f5c\u4e3a\u7ed1\u5b9a\u76ee\u6807\uff0c\u5e76\u5305\u542b\u4e00\u4e9b\u4ee3\u7801\u4ee5\u751f\u6210 List of cities\u3002<\/p>\n
\u6e05\u5355 5.14 CityModel \u7c7b<\/p>\n
public class CityModel : PageModel\n{\n [BindProperty] \u2776\n public List<int> SelectedCities { get; set; } = new List<int>(); \u2776\n public List<City> Cities = new List<City> \u2777\n {\n new City{ Id = 1, Name = "London"},\n new City{ Id = 2, Name = "Paris" },\n new City{ Id = 3, Name = "New York" },\n new City{ Id = 4, Name = "Rome" },\n new City{ Id = 5, Name = "Dublin" }\n };\n}<\/code><\/pre>\n\u2776 \u6dfb\u52a0\u516c\u5171 List<int><\/code> \u5c5e\u6027\uff0c\u5e76\u5c06\u5176\u8bbe\u4e3a\u7ed1\u5b9a\u76ee\u6807\u3002\u5b9e\u4f8b\u5316\u5b83\uff0c\u8fd9\u6837\u4f60\u5c31\u4e0d\u9700\u8981\u68c0\u67e5 null\u3002<\/p>\n\u2777 \u58f0\u660e\u4e00\u4e2a List<City><\/code>\uff0c\u5e76\u5b9e\u4f8b\u5316\u5b83\u3002<\/p>\n\u6700\u540e\uff0c\u66f4\u6539 City.cshtml \u6587\u4ef6\u5185\u5bb9\u4ee5\u5305\u542b\u4e00\u4e2a foreach \u5faa\u73af\uff0c\u8be5\u5faa\u73af\u5faa\u73af\u8bbf\u95ee\u57ce\u5e02\u5217\u8868\uff0c\u5e76\u5448\u73b0\u96c6\u5408\u4e2d\u6bcf\u4e2a\u6761\u76ee\u7684\u590d\u9009\u6846\u548c\u57ce\u5e02\u540d\u79f0\uff08\u5217\u8868 5.15\uff09\u3002\u6bcf\u4e2a\u590d\u9009\u6846\u90fd\u5c06\u57ce\u5e02\u7684 Id \u5e94\u7528\u4e8e\u5176 value \u5c5e\u6027\u3002\u60a8\u8fd8\u5c06\u6dfb\u52a0\u4e00\u4e9b\u4ee3\u7801\uff0c\u5982\u679c\u7528\u6237\u9009\u62e9\u4e86\u4efb\u4f55\u57ce\u5e02\uff0c\u8fd9\u4e9b\u4ee3\u7801\u5c06\u6267\u884c\u3002\u5b83\u4eec\u7684 Id \u503c\u5c06\u7ed1\u5b9a\u5230 SelectedCities \u5c5e\u6027\uff0c\u56e0\u6b64\u60a8\u5c06\u904d\u5386\u5176\u4e2d\u7684\u4efb\u4f55\u503c\uff0c\u5e76\u4ece\u60a8\u521a\u521a\u5728 PageModel \u4ee3\u7801\u4e2d\u751f\u6210\u7684\u96c6\u5408\u4e2d\u63d0\u53d6\u5339\u914d\u7684\u57ce\u5e02\u3002\u60a8\u5c06\u628a\u6240\u9009\u7684\u603b\u6570\u4e0e\u6240\u9009\u5185\u5bb9\u4e00\u8d77\u5448\u73b0\u4e3a\u5217\u8868\u3002<\/p>\n
\u6e05\u5355 5.15 \u5e26\u590d\u9009\u6846\u7684\u591a\u9009<\/p>\n
@page \n@model CityBreaks.Pages.CityModel\n<h4>Select Cities<\/h4>\n<div class="row">\n <div class="col-md-4">\n <form method="post">\n <div class="form-group">\n @foreach(var city in Model.Cities) \u2776\n { \u2776\n <div><input type="checkbox" \u2776\n \u27a5 name="SelectedCities"value="@city.Id"\/> \u2776\n \u27a5 @city.Name<\/div> \u2776\n } \u2776\n <\/div>\n <div class="form-group">\n <input type="submit" value="Select" class="btn btn-primary" \/>\n <\/div>\n <\/form>\n <\/div>\n<\/div>\n@if(Model.SelectedCities.Any()) \u2777\n{\n <p>Number of cities selected: @Model.SelectedCities.Count()<\/p> \u2778\n <ul>\n @foreach(var city in Model.Cities.Where(\n c => Model.SelectedCities.Contains(c.Id))) \u2779\n { \u2779\n <li>@city.Name<\/li> \u2779\n } \u2779\n <\/ul>\n}<\/code><\/pre>\n\u2776 \u904d\u5386\u57ce\u5e02\u96c6\u5408\uff0c\u5e76\u4e3a\u6bcf\u4e2a\u57ce\u5e02\u5448\u73b0\u4e00\u4e2a\u590d\u9009\u6846\u3002
\n\u2777 \u68c0\u67e5\u662f\u5426\u6709\u4efb\u4f55\u9009\u5b9a\u7684\u57ce\u5e02\u3002
\n\u2778 \u6e32\u67d3\u96c6\u5408\u4e2d\u7684\u5143\u7d20\u603b\u6570\u3002
\n\u2779 \u6e32\u67d3\u6bcf\u4e2a\u5143\u7d20\u7684\u540d\u79f0\u3002<\/p>\n
\u5f53\u60a8\u8fd0\u884c\u9875\u9762\u5e76\u9009\u62e9\u4e00\u4e9b\u57ce\u5e02\u65f6\uff0c\u60a8\u5e94\u8be5\u770b\u5230\u56fe 5.9 \u4e2d\u7684\u8f93\u51fa\u7c7b\u578b\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0509.png\")
<\/p>\n
\u56fe 5.9 \u5c06\u591a\u4e2a\u9009\u62e9\u7ed1\u5b9a\u5230\u96c6\u5408<\/p>\n
\u4f7f\u6b64\u793a\u4f8b\u6b63\u5e38\u5de5\u4f5c\u7684\u5173\u952e\u662f\u786e\u4fdd\u6240\u6709\u590d\u9009\u6846\u5171\u4eab\u76f8\u540c\u7684 name \u5c5e\u6027 \uff08SelectedCities\uff09\uff0c\u5e76\u4e14\u5206\u914d\u7ed9 name \u5c5e\u6027\u7684\u503c\u5206\u914d\u7ed9 PageModel \u7c7b\u4e2d\u7684\u7ed1\u5b9a\u76ee\u6807\u3002\u53e6\u4e00\u70b9\u9700\u8981\u6ce8\u610f\uff1a\u5982\u679c\u8981\u5728 Razor \u9875\u9762\u4e2d\u5f15\u7528\u96c6\u5408\uff0c\u5219\u5c06\u5176\u521d\u59cb\u5316\u4f5c\u4e3a\u5176\u58f0\u660e\u7684\u4e00\u90e8\u5206\u975e\u5e38\u6709\u7528\u3002\u8fd9\u6837\uff0c\u60a8\u5c31\u4e0d\u5fc5\u68c0\u67e5 null\u3002\u60a8\u53ea\u9700\u4f7f\u7528 Any \u6269\u5c55\u65b9\u6cd5\u68c0\u67e5\u5b83\u662f\u5426\u4e3a\u7a7a\u96c6\u5408\u3002<\/p>\n
5.2.5 \u7ed1\u5b9a\u590d\u6742\u96c6\u5408<\/h3>\n
\u6a21\u578b Binder \u8fd8\u652f\u6301\u7ed1\u5b9a\u5230\u590d\u6742\u5bf9\u8c61\u7684\u96c6\u5408\u3002\u5f53\u60a8\u4f7f\u7528\u590d\u6742\u5bf9\u8c61\u7684\u96c6\u5408\u65f6\uff0c\u60a8\u9700\u8981\u5408\u5e76\u4e00\u4e2a\u7d22\u5f15\u503c\uff0c\u4ee5\u4fbf\u5728\u6784\u9020\u8868\u5355\u63a7\u4ef6\u7684 name \u5c5e\u6027\u65f6\u6807\u8bc6\u96c6\u5408\u4e2d\u7684\u6bcf\u4e2a\u5143\u7d20\u3002\u7d22\u5f15\u53ef\u4ee5\u662f\u4ee5\u4e0b\u4e24\u79cd\u7c7b\u578b\u4e4b\u4e00\uff1a<\/p>\n
\u2022 Sequential index \uff08\u987a\u5e8f\u7d22\u5f15\uff09 - \u4ece 0 \u5f00\u59cb\uff0c\u6bcf\u6b21\u4ee5 1 \u4e3a\u589e\u91cf\u589e\u52a0\u4e14\u65e0\u95f4\u9699\u7684\u6570\u503c\u7d22\u5f15
\n\u2022 \u663e\u5f0f\u7d22\u5f15 - \u7531\u4efb\u610f\u7c7b\u578b\u4f46\u552f\u4e00\u7684\u503c\u7ec4\u6210\u7684\u7d22\u5f15<\/p>\n
\u987a\u5e8f\u7d22\u5f15\u65b9\u6cd5<\/h2>\n
\u4ee5\u4e0b\u793a\u4f8b\u8bf4\u660e\u4e86 sequential index \u7684\u7528\u6cd5\u3002\u4e3a\u6b64\uff0c\u60a8\u5c06\u4fee\u6539 CountryManager \u6587\u4ef6\u5939\u4e2d\u7684 Create \u9875\u9762\u3002\u60a8\u5c06\u7ee7\u7eed\u4f7f\u7528\u524d\u9762\u793a\u4f8b\u4e2d\u7684 InputModel \u7c7b\uff0c\u4f46\u60a8\u5c06\u66f4\u6539 PageModel \u7c7b\u4e2d\u7684\u5c5e\u6027\u4ee5\u8868\u793a\u96c6\u5408\uff0c\u5e76\u76f8\u5e94\u5730\u66f4\u6539 OnPost \u5904\u7406\u7a0b\u5e8f\u4e2d\u7684\u8d4b\u503c\u4ee3\u7801\u3002<\/p>\n
\u6e05\u5355 5.16 country manager \u4e2d\u7684 CreateModel \u7c7b<\/p>\n
public class CreateModel : PageModel\n{\n [BindProperty]\n public List<InputModel> Inputs { get; set; }\n public List<Country> Countries { get; set; } = new List<Country>();\n\n public void OnPost()\n {\n Countries = Inputs\n .Where(x => !string.IsNullOrWhiteSpace(x.CountryCode))\n .Select(x => new Country { \n CountryCode = x.CountryCode, \n CountryName = x.CountryName \n }).ToList();\n }\n}<\/code><\/pre>\n\u63a5\u4e0b\u6765\uff0c\u60a8\u9700\u8981\u66f4\u6539\u6570\u636e\u8f93\u5165\u8868\u5355\u4ee5\u63a5\u53d7\u591a\u4e2a\u56fd\u5bb6\/\u5730\u533a\uff0c\u800c\u4e0d\u662f\u4e00\u6b21\u53ea\u63a5\u53d7\u4e00\u4e2a\u56fd\u5bb6\/\u5730\u533a\u3002\u60a8\u5c06\u5728\u8868\u4e2d\u5448\u73b0\u4e94\u884c\uff0c\u6bcf\u884c\u90fd\u5305\u542b\u56fd\u5bb6\/\u5730\u533a\u540d\u79f0\u53ca\u5176 ISO-3166-1 \u4ee3\u7801\u7684\u8f93\u5165\u3002\u60a8\u9700\u8981\u786e\u4fdd\u6bcf\u4e2a\u8f93\u5165\u63a7\u4ef6\u4e0a\u7684 name \u5c5e\u6027\u503c\u7684\u683c\u5f0f\u91c7\u7528\u4ee5\u4e0b\u6a21\u5f0f\uff1a<\/p>\n
<property>[index].<property><\/code><\/pre>\n\u8fd9\u4e0e\u5355\u4e2a\u590d\u6742\u5bf9\u8c61\u7684\u6a21\u5f0f\u76f8\u540c\u3002\u552f\u4e00\u7684\u53d8\u5316\u662f\u52a0\u5165\u4e86\u7d22\u5f15\u5668\u3002\u56e0\u6b64\uff0c\u4e3a\u8f93\u5165\u5448\u73b0\u7684 HTML \u6700\u7ec8\u5e94\u7c7b\u4f3c\u4e8e\u4ee5\u4e0b\u6e05\u5355\uff08\u5220\u9664\u65e0\u5173\u7684\u6807\u8bb0\uff09\u3002<\/p>\n
Listing 5.17 \u4f7f\u7528\u987a\u5e8f\u7d22\u5f15\u4e3a\u591a\u4e2a\u8f93\u5165\u6e32\u67d3\u6807\u8bb0<\/p>\n
<input name="Inputs[0].CountryName" \/><input name="Inputs[0].CountryCode" \/>\n<input name="Inputs[1].CountryName" \/><input name="Inputs[1].CountryCode" \/>\n<input name="Inputs[2].CountryName" \/><input name="Inputs[2].CountryCode" \/>\n<input name="Inputs[3].CountryName" \/><input name="Inputs[3].CountryCode" \/>\n<input name="Inputs[4].CountryName" \/><input name="Inputs[4].CountryCode" \/><\/code><\/pre>\n\u4e0b\u9762\u7684\u6e05\u5355\u663e\u793a\u4e86\u4f7f\u7528\u4ee5 0 \u5f00\u5934\u7684\u7b80\u5355 for \u5faa\u73af\u751f\u6210\u8fd9\u4e9b\u8f93\u5165\u7684\u4ee3\u7801\u3002<\/p>\n
\u6e05\u5355 5.18 \u4f7f\u7528\u987a\u5e8f\u7d22\u5f15\u542f\u7528\u591a\u4e2a\u6570\u636e\u8f93\u5165<\/p>\n
@page\n@model CityBreaks.Pages.CountryManager.CreateModel\n<h4>Create Countries<\/h4>\n\n<div class="row">\n <div class="col-md-8">\n <form method="post">\n <table class="table table-borderless">\n <tr>\n <th>Name<\/th>\n <th>ISO-3166-1 Code<\/th>\n <\/tr>\n @for (var i = 0; i < 5; i++) \n {\n <tr>\n <td class="w-75">\n <input name="Inputs[@i].CountryName" \u2776\n class="form-control" \/> \u2776\n <\/td>\n <td class="w-25">\n <input name="Inputs[@i].CountryCode" \u2776\n class="form-control" \/> \u2776\n <\/td>\n <\/tr>\n }\n <\/table>\n <div class="form-group">\n <input type="submit" value="Create" class="btn btn-primary" \/>\n <\/div>\n <\/form>\n <\/div>\n<\/div>\n@if (Model.Countries.Any())\n{\n <p>You submitted the following<\/p>\n <ul>\n @foreach (var country in Model.Countries)\n {\n <li>\n <img src="\/images\/flags\/@(country.CountryCode).png" \/> \n @country.CountryName\n <\/li>\n }\n <\/ul>\n}<\/code><\/pre>\n\u2776 \u5728\u6bcf\u6b21\u8fed\u4ee3\u4e2d\u5c06\u53d8\u91cf i \u9012\u589e 1\uff0c\u5e76\u4f7f\u7528\u5176\u503c\u5728\u8868\u5355\u63a7\u4ef6\u4e0a\u751f\u6210\u7d22\u5f15\u503c\u3002<\/p>\n
\u63d0\u4ea4\u8868\u5355\u65f6\uff0c\u6a21\u578b\u7ed1\u5b9a\u5668\u5c06\u5b9e\u4f8b\u5316\u4e94\u4e2a InputModel \u5bf9\u8c61\u7684\u96c6\u5408\uff0c\u5e76\u586b\u5145\u5df2\u53d1\u5e03\u7684\u503c\u3002\u5982\u679c\u7528\u6237\u4ec5\u63d0\u4f9b\u524d\u4e09\u4e2a\u56fd\u5bb6\/\u5730\u533a\u7684\u503c\uff0c\u5219\u6700\u540e\u4e24\u4e2a\u56fd\u5bb6\/\u5730\u533a\u7684\u5c5e\u6027\u5c06\u8bbe\u7f6e\u4e3a\u7c7b\u578b\u7684\u9ed8\u8ba4\u503c \u2014 \u5b57\u7b26\u4e32\u4e3a null\u3002\u56e0\u6b64\uff0c\u60a8\u53ea\u9700\u5c06\u5177\u6709\u975e null \u503c\u7684 Labels \u6620\u5c04\u5230 PageModel \u4e2d\u7684 Countries \u96c6\u5408\u3002\u7136\u540e\uff0c\u5b83\u4eec\u5c06\u4e0e\u6807\u5fd7\u56fe\u6807\u4e00\u8d77\u5448\u73b0\uff08\u5982\u679c\u60a8\u8f93\u5165\u4e86\u6709\u6548\u7684 ISO \u4ee3\u7801\uff09\u3002<\/p>\n
\u4f7f\u7528\u663e\u5f0f\u7d22\u5f15<\/h2>\n
\u4f9d\u8d56\u4e8e\u663e\u5f0f\u7d22\u5f15\u7684\u65b9\u6cd5\u66f4\u9002\u5408\u4e8e\u4e3a\u7f16\u8f91\u73b0\u6709\u503c\u800c\u8bbe\u8ba1\u7684\u8868\u5355\uff0c\u5176\u4e2d\u552f\u4e00\u6807\u8bc6\u7b26\uff08\u5982\u6bcf\u4e2a\u9879\u76ee\u7684\u6570\u636e\u5e93\u4e3b\u952e\uff09\u901a\u5e38\u7528\u4f5c\u7d22\u5f15\u503c\u3002\u9664\u4e86\u5728\u8868\u5355\u63a7\u4ef6\u7684\u540d\u79f0\u4e2d\u5408\u5e76\u7d22\u5f15\u503c\u5916\uff0c\u6b64\u65b9\u6cd5\u8fd8\u9700\u8981\u4e3a\u6bcf\u4e2a\u9879\u6dfb\u52a0\u4e00\u4e2a\u540d\u4e3a \u7684\u9644\u52a0\u9690\u85cf\u5b57\u6bb5\u3002Index\uff0c\u5176\u503c\u8bbe\u7f6e\u4e3a\u552f\u4e00\u6807\u8bc6\u7b26\u3002\u6a21\u578b\u7ed1\u5b9a\u5668\u4f7f\u7528\u5b83\u6765\u5c06\u76f8\u5173\u63a7\u4ef6\u5206\u7ec4\u5728\u4e00\u8d77\u3002<\/p>\n\u8981\u67e5\u770b\u6b64\u6548\u679c\uff0c\u60a8\u5c06\u6a21\u62df\u6279\u91cf\u7f16\u8f91\u56fd\u5bb6\/\u5730\u533a\u3002\u9996\u5148\uff0c\u60a8\u9700\u8981\u4fee\u6539 Country \u7c7b\u4ee5\u5305\u542b\u540d\u4e3a Id \u7684\u6574\u6570\u5c5e\u6027\uff0c\u8be5\u5c5e\u6027\u5c06\u7528\u4e8e\u5b58\u50a8\u56fd\u5bb6\/\u5730\u533a\u7684\u552f\u4e00\u6807\u8bc6\u7b26\u3002\u8fd9\u5728\u4e0b\u4e00\u4e2a\u5217\u8868\u4e2d\u4ee5\u7c97\u4f53\u663e\u793a\u3002<\/p>\n
\u6e05\u5355 5.19 \u5411 Country \u7c7b\u6dfb\u52a0\u552f\u4e00\u6807\u8bc6\u7b26\u5c5e\u6027<\/p>\n
public class Country\n{\n public int Id { get; set; }\n public string CountryName { get; set; }\n public string CountryCode { get; set; }\n}<\/code><\/pre>\n\u63a5\u4e0b\u6765\uff0c\u5c06\u65b0\u7684 Razor \u9875\u9762\u6dfb\u52a0\u5230\u540d\u4e3a Edit \u7684 CountryManager \u6587\u4ef6\u5939\u4e2d\u3002\u60a8\u5c06\u4f7f\u7528\u8f93\u5165\u6a21\u578b\u6765\u8868\u793a\u56fd\u5bb6\/\u5730\u533a\u7684\u53ef\u7f16\u8f91\u5c5e\u6027\uff0c\u7136\u540e\u5728 OnGet \u5904\u7406\u7a0b\u5e8f\u4e2d\u5b9e\u4f8b\u5316\u5b83\u4eec\u7684\u96c6\u5408\u3002\u5c5e\u6027\u5c06\u4f5c\u4e3a\u53ef\u7f16\u8f91\u503c\u4ee5\u8868\u5355\u5f62\u5f0f\u663e\u793a\u3002\u63d0\u4ea4\u8868\u5355\u540e\uff0c\u66f4\u65b0\u7684\u503c\u5c06\u5206\u914d\u7ed9\u56fd\u5bb6\/\u5730\u533a\u96c6\u5408\uff0c\u5c31\u50cf\u4e0a\u4e00\u4e2a\u793a\u4f8b\u4e00\u6837\uff0c\u5e76\u5448\u73b0\u5230\u6d4f\u89c8\u5668\u3002<\/p>\n
\u6e05\u5355 5.20 \u7528\u4e8e\u5904\u7406\u663e\u5f0f\u7d22\u5f15\u7684 EditModel<\/p>\n
public class EditModel : PageModel\n{\n [BindProperty]\n public List<InputModel> Inputs { get; set; }\n public List<Country> Countries { get; set; } = new List<Country>();\n public void OnGet()\n {\n Inputs = new List<InputModel> { \u2776\n new InputModel{ Id = 840, CountryCode = "us", \u2776\n CountryName ="United States" }, \u2776\n new InputModel{ Id = 826, CountryCode = "en", \u2776\n CountryName = "Great Britain" }, \u2776\n new InputModel{ Id = 250, CountryCode = "fr", \u2776\n CountryName = "France" } \u2776\n }; \u2776\n }\n\n public void OnPost()\n {\n Countries = Inputs\n .Where(x => !string.IsNullOrWhiteSpace(x.CountryCode))\n .Select(x => new Country\n {\n Id = x.Id, \n CountryCode = x.CountryCode,\n CountryName = x.CountryName\n }).ToList();\n }\n\n public class InputModel\n {\n public int Id { get; set; }\n public string CountryName { get; set; }\n public string CountryCode { get; set; }\n }\n}<\/code><\/pre>\n\u2776 \u521b\u5efa InputModel \u7684\u96c6\u5408\u3002\u552f\u4e00\u6807\u8bc6\u7b26\u5b9e\u9645\u4e0a\u662f\u8be5\u56fd\u7684 ISO 3166-1 \u6570\u5b57\u4ee3\u7801\u3002\u8fd9\u5c06\u7528\u4f5c\u7d22\u5f15\u503c\u3002<\/p>\n
\u5728\u6b64\u793a\u4f8b\u4e2d\uff0cID \u4e3a 826 \u7684\u9879\u76ee\u7684\u6570\u636e\u4e0d\u6b63\u786e\u3002\u56fd\u5bb6\/\u5730\u533a\u5e94\u547d\u540d\u4e3a United Kingdom\uff0calpha \u4ee3\u7801\u5e94\u4e3a gb\u3002\u5728\u521b\u5efa\u5e76\u63d0\u4ea4\u8868\u5355\u540e\uff0c\u60a8\u5c06\u6709\u673a\u4f1a\u5bf9\u5176\u8fdb\u884c\u7f16\u8f91\u5e76\u67e5\u770b\u7ed3\u679c\u3002\u4ee5\u4e0b\u6e05\u5355\u663e\u793a\u4e86 Razor \u9875\u9762\u7684\u4ee3\u7801\u3002<\/p>\n
\u6e05\u5355 5.21 \u4f7f\u7528\u663e\u5f0f\u7d22\u5f15\u7684\u7f16\u8f91\u8868\u5355<\/p>\n
<h4>Edit Countries<\/h4>\n\n<div class="row">\n <div class="col-md-8">\n <form method="post">\n <table class="table table-borderless">\n <tr>\n <th>Name<\/th>\n <th>ISO-3166-1 Code<\/th>\n <\/tr>\n @foreach (var country in Model.Inputs) \u2776\n {\n <input type="hidden" name="Inputs.Index"\n value="@country.Id" \/> \u2777\n <tr>\n <td class="w-75">\n <input name="Inputs[@country.Id]. \u2778\n CountryName" \u2778\n value="@country.CountryName" \n class="form-control" \/>\n <\/td>\n <td class="w-25">\n <input name="Inputs[@country.Id]. \u2778\n CountryCode" \u2778\n value="@country.CountryCode" \n class="form-control" \/>\n <\/td>\n <\/tr>\n }\n <\/table>\n <div class="form-group">\n <input type="submit" value="Update" class="btn btn-primary" \/>\n <\/div>\n <\/form>\n <\/div>\n<\/div>\n@if (Model.Countries.Any())\n{\n <p>You submitted the following<\/p>\n <ul>\n @foreach (var country in Model.Countries)\n {\n <li>\n <img src="\/images\/flags\/@(country.CountryCode).png" \/>\n @country.CountryName\n <\/li>\n }\n <\/ul>\n}<\/code><\/pre>\n\u2776 \u8fed\u4ee3\u8f93\u5165\u6a21\u578b\u7684\u96c6\u5408\u3002
\n\u2777 \u521b\u5efa hidden \u5b57\u6bb5\u4ee5\u4fdd\u5b58\u6bcf\u4e2a\u9879\u76ee\u7684\u663e\u5f0f\u7d22\u5f15\u503c\u3002\u5c06\u4e3a\u5176\u5206\u914d Id \u5c5e\u6027\u503c\u3002
\n\u2778 \u521b\u5efa CountryName \u548c CountryCode \u8f93\u5165\uff0c\u5176\u7d22\u5f15\u503c\u4e5f\u8bbe\u7f6e\u4e3a\u5f53\u524d\u5143\u7d20\u7684 Id \u5c5e\u6027\u3002\u5b83\u4eec\u7684\u5f53\u524d\u503c\u5c06\u5206\u914d\u7ed9\u76f8\u5e94 input \u63a7\u4ef6\u4e0a\u7684 value \u5c5e\u6027\u3002<\/p>\n
\u8fd0\u884c\u5e94\u7528\u7a0b\u5e8f\uff0c\u7136\u540e\u5bfc\u822a\u5230 \/country-manager\/edit\u3002\u60a8\u5e94\u8be5\u770b\u5230\u8868\u5355\u5b57\u6bb5\u4e2d\u5448\u73b0\u7684\u6570\u636e\uff08\u56fe 5.10\uff09\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0510.png\")
<\/p>\n
\u56fe 5.10 \u5c06\u8fb9\u754c\u503c\u6e32\u67d3\u5230\u8f93\u5165\u63a7\u4ef6\u3002<\/p>\n
\u5bf9\u7b2c\u4e8c\u4e2a\u6761\u76ee\u8fdb\u884c\u4fee\u6539\uff0c\u7136\u540e\u6309 Update\u3002\u4fee\u6539\u540e\u7684\u503c\u4e0d\u4ec5\u5728\u5217\u8868\u4e2d\u4e0e\u5b83\u4eec\u7684\u6807\u5fd7\u4e00\u8d77\u5448\u73b0\uff0c\u800c\u4e14\u5b83\u4eec\u88ab\u4fdd\u7559\u5728\u8868\u5355\u63a7\u4ef6\u4e2d\uff08\u56fe 5.11\uff09\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0511.png\")
<\/p>\n
\u56fe 5.11 \u66f4\u65b0\u540e\u7684\u503c\u5c06\u5448\u73b0\u5230\u6d4f\u89c8\u5668\u3002<\/p>\n
\u5230\u76ee\u524d\u4e3a\u6b62\uff0c\u60a8\u5e94\u8be5\u6e05\u695a\u5730\u4e86\u89e3\u6a21\u578b\u7ed1\u5b9a\u5982\u4f55\u4e0e PageModel \u7684\u5904\u7406\u7a0b\u5e8f\u53c2\u6570\u548c\u516c\u5171\u5c5e\u6027\u6216\u7b80\u5355\u503c\u548c\u590d\u6742\u5bf9\u8c61\u7684\u8f93\u5165\u6a21\u578b\u4e00\u8d77\u5de5\u4f5c\u3002\u90a3\u4e48\uff0c\u60a8\u5e94\u8be5\u5982\u4f55\u5728\u7ed1\u5b9a\u5230\u5904\u7406\u7a0b\u5e8f\u53c2\u6570\u548c PageModel \u5c5e\u6027\u4e4b\u95f4\u8fdb\u884c\u9009\u62e9\u5462\uff1f<\/p>\n
\u8fd9\u4e2a\u95ee\u9898\u6ca1\u6709\u5355\u4e00\u7684\u6b63\u786e\u7b54\u6848\u3002\u8fd9\u5728\u5f88\u5927\u7a0b\u5ea6\u4e0a\u53d6\u51b3\u4e8e\u4e2a\u4eba\u60c5\u51b5\u3002\u4f5c\u4e3a\u6587\u672c\u5230\u76ee\u524d\u4e3a\u6b62\u6240\u6db5\u76d6\u5185\u5bb9\u7684\u7b80\u8981\u603b\u7ed3\uff0c\u8868 5.1 \u63d0\u4f9b\u4e86\u4f5c\u4e3a\u7ed1\u5b9a\u76ee\u6807\u7684\u5904\u7406\u7a0b\u5e8f\u53c2\u6570\u548c PageModel \u5c5e\u6027\u7684\u6bd4\u8f83\uff0c\u56e0\u6b64\u60a8\u53ef\u4ee5\u505a\u51fa\u9002\u7528\u4e8e\u60a8\u7684\u7279\u5b9a\u573a\u666f\u7684\u660e\u667a\u9009\u62e9\u3002<\/p>\n
\u8868 5.1 \u6bd4\u8f83\u5904\u7406\u7a0b\u5e8f\u53c2\u6570\u548c PageModel \u5c5e\u6027<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0512.png\")
<\/p>\n