@page \u2776\n@model WebApplication1.Pages.WelcomeModel \u2776\n@{ \u2777\n ViewData["Title"] = "Welcome!"; \u2777\n\n var partOfDay = "morning"; \u2777\n if(DateTime.Now.Hour > 12){ \u2777\n partOfDay = "afternoon"; \u2777\n } \u2777\n if(DateTime.Now.Hour > 18){ \u2777\n partOfDay = "evening"; \u2777\n } \u2777\n} \u2777\n<h1>Welcome<\/h1>\n<p>It is @partOfDay on @DateTime.Now.ToString("dddd, dd MMMM")<\/p> \u2778<\/code><\/pre>\n\u2776 \u6307\u4ee4
\n\u2777 C# \u4ee3\u7801\u5757
\n\u2778 \u4f5c\u4e3a\u8f93\u51fa\u7684\u4e00\u90e8\u5206\u5448\u73b0\u7684 C# \u5185\u8054\u8868\u8fbe\u5f0f<\/p>\n
\u6b64\u793a\u4f8b\u4e2d @ \u7b26\u53f7\u7684\u7b2c\u4e00\u4e2a\u5b9e\u4f8b\u6f14\u793a\u4e86\u5982\u4f55\u5c06\u6307\u4ee4\u6dfb\u52a0\u5230\u9875\u9762\u3002\u6307\u4ee4\u662f C# \u8868\u8fbe\u5f0f\uff0c\u4ee5 @ \u7b26\u53f7\u5f00\u5934\uff0c\u540e\u8ddf\u4fdd\u7559\u5b57\uff08\u4f8b\u5982\uff0cpage \u6216 model\uff09\uff0c\u5e76\u542f\u7528\u9875\u9762\u5185\u7684\u529f\u80fd\u6216\u66f4\u6539\u5185\u5bb9\u7684\u89e3\u6790\u65b9\u5f0f\u3002\u652f\u6301\u591a\u4e2a\u6307\u4ee4\u3002page \u6307\u4ee4\u5c06\u6b64\u6587\u4ef6\u8868\u793a\u8868\u793a\u53ef\u5bfc\u822a\u9875\u9762\uff0c\u5982\u679c\u5b83\u8868\u793a\u8981\u6d4f\u89c8\u7684\u9875\u9762\uff0c\u5219\u5b83\u5fc5\u987b\u51fa\u73b0\u5728 CSHTML \u6587\u4ef6\u7684\u9876\u884c\u4e2d\u3002model \u6307\u4ee4\u6307\u5b9a\u5145\u5f53\u6b64\u9875\u9762\u6a21\u578b\u7684\u6570\u636e\u7c7b\u578b\uff0c\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0c\u8be5\u6570\u636e\u7c7b\u578b\u662f\u9875\u9762\u9644\u5e26\u7684 PageModel \u7c7b\u3002PageModel \u662f\u672c\u7ae0\u540e\u9762\u8981\u5173\u6ce8\u7684\u91cd\u70b9\u3002<\/p>\n
\u4e0b\u4e00\u4e2a\u6700\u5e38\u7528\u7684\u6307\u4ee4\u53ef\u80fd\u662f using \u6307\u4ee4\uff0c\u5b83\u5c06\u547d\u540d\u7a7a\u95f4\u5f15\u5165\u8303\u56f4\uff0c\u56e0\u6b64\u53ef\u4ee5\u5728\u4e0d\u4f7f\u7528\u5176\u5b8c\u5168\u9650\u5b9a\u540d\u79f0\u7684\u60c5\u51b5\u4e0b\u5f15\u7528\u5b83\u4eec\u7684\u7c7b\u578b\u3002\u4e0b\u4e00\u4e2a\u6e05\u5355\u8bf4\u660e\u4e86\u7528\u4e8e\u7b80\u5316\u5728 System.IO \u4e2d\u4f7f\u7528\u9759\u6001 Path \u7c7b\u7684 using static \u6307\u4ee4\uff0c\u5426\u5219\u8be5\u6307\u4ee4\u5c06\u4e0e Razor \u9875\u9762\u7684 Path \u5c5e\u6027\u51b2\u7a81\u3002<\/p>\n
\u6e05\u5355 3.2 \u4f7f\u7528 Razor \u8bed\u6cd5\u6dfb\u52a0 using \u6307\u4ee4<\/p>\n
@page\n@model WebApplication1.Pages.WelcomeModel\n@using static System.IO.Path \u2776\n@{\n var extension = GetExtension("somefile.ext"); \u2777\n}<\/code><\/pre>\n\u2776 using static \u6307\u4ee4\u4f7f\u9759\u6001 Path \u7c7b\u53ef\u7528\uff0c\u800c\u65e0\u9700\u6307\u5b9a\u7c7b\u540d\u3002\u8bf7\u6ce8\u610f\uff0cusing \u6307\u4ee4\u7684\u672b\u5c3e\u6ca1\u6709\u5206\u53f7\uff0c\u5c31\u50cf C# \u4ee3\u7801\u6587\u4ef6\u4e2d\u90a3\u6837\u3002\u5206\u53f7\u5728 Razor \u6587\u4ef6\u4e2d\u662f\u53ef\u9009\u7684\u3002
\n\u2777 \u8c03\u7528\u9759\u6001 Path.GetExtension \u65b9\u6cd5\uff0c\u800c\u65e0\u9700\u5305\u542b\u7c7b\u540d\u3002<\/p>\n
Razor \u9875\u9762\u652f\u6301\u8bb8\u591a\u6307\u4ee4\u3002\u6709\u4e9b\u662f\u7279\u5b9a\u4e8e\u9875\u9762\u7684\uff0c\u4f8b\u5982 page \u548c model \u6307\u4ee4\uff0c\u4f46\u5176\u4ed6\u4e00\u4e9b\uff0c\u5305\u62ec using \u6307\u4ee4\uff0c\u53ef\u4ee5\u901a\u8fc7\u5c06\u5b83\u4eec\u5305\u542b\u5728 ViewImports \u6587\u4ef6\u4e2d\u6765\u5e94\u7528\u4e8e\u591a\u4e2a\u9875\u9762\u3002<\/p>\n
ViewImports \u6587\u4ef6\u662f\u4e00\u79cd\u540d\u4e3a _ViewImports.cshtml \u7684\u7279\u6b8a\u7c7b\u578b\u7684\u6587\u4ef6\uff0c\u5b83\u63d0\u4f9b\u4e86\u4e00\u79cd\u673a\u5236\uff0c\u7528\u4e8e\u96c6\u4e2d\u9002\u7528\u4e8e CSHTML \u6587\u4ef6\u7684\u6307\u4ee4\uff0c\u56e0\u6b64\u65e0\u9700\u50cf\u5728\u524d\u9762\u7684\u793a\u4f8b\u4e2d\u5bf9 System.IO.Path \u6240\u505a\u7684\u90a3\u6837\uff0c\u5c06\u5b83\u4eec\u5355\u72ec\u6dfb\u52a0\u5230 Razor \u9875\u9762\u3002\u9ed8\u8ba4\u7684 ViewImports \u6587\u4ef6\u5305\u62ec\u4e09\u4e2a\u6307\u4ee4\uff1a<\/p>\n
\u2022 \u5f15\u7528\u9879\u76ee\u547d\u540d\u7a7a\u95f4\u7684 using \u6307\u4ee4\uff08\u5728\u6211\u4eec\u7684\u793a\u4f8b\u4e2d\u4e3a WebApplication1\uff09
\n\u2022 \u4e00\u4e2a\u547d\u540d\u7a7a\u95f4\u6307\u4ee4\uff0c\u7528\u4e8e\u4e3a\u53d7 ViewImports \uff08WebApplication1.Pages\uff09 \u5f71\u54cd\u7684\u6240\u6709\u9875\u9762\u8bbe\u7f6e\u547d\u540d\u7a7a\u95f4
\n\u2022 \u7528\u4e8e\u7ba1\u7406\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u7684 addTagHelper \u6307\u4ee4<\/p>\n
\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u662f\u4e0e\u6807\u8bb0\u4e2d\u7684\u6807\u8bb0\u4e00\u8d77\u4f7f\u7528\u4ee5\u81ea\u52a8\u751f\u6210 HTML \u7684\u7ec4\u4ef6\u3002\u672c\u7ae0\u7a0d\u540e\u5c06\u66f4\u8be6\u7ec6\u5730\u4ecb\u7ecd\u5b83\u4eec\u3002<\/p>\n
ViewImports \u6587\u4ef6\u4e2d\u7684\u6307\u4ee4\u4f1a\u5f71\u54cd\u4f4d\u4e8e\u540c\u4e00\u6587\u4ef6\u5939\u53ca\u5176\u5b50\u6587\u4ef6\u5939\u4e2d\u7684\u6240\u6709 .cshtml \u6587\u4ef6\u3002Razor Pages \u5e94\u7528\u7a0b\u5e8f\u53ef\u4ee5\u652f\u6301\u7684 ViewImports \u6587\u4ef6\u6570\u6ca1\u6709\u9650\u5236\u3002\u60a8\u53ef\u4ee5\u5c06\u5176\u4ed6 ViewImports \u6587\u4ef6\u653e\u5728\u5b50\u6587\u4ef6\u5939\u4e2d\uff0c\u4ee5\u6dfb\u52a0\u5230\u9876\u7ea7 ViewImports \u6587\u4ef6\u7684\u6307\u4ee4\u6216\u8986\u76d6\u5176\u8bbe\u7f6e\u3002\u67d0\u4e9b\u6307\u4ee4\uff0c\u4f8b\u5982\u7528\u4e8e\u7ba1\u7406\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u7684\u6307\u4ee4\u3001using \u6307\u4ee4\u548c inject \u6307\u4ee4\uff08\u7528\u4e8e\u4f7f\u670d\u52a1\uff08\u5728\u7b2c 7 \u7ae0\u4e2d\u4ecb\u7ecd\uff09\u5bf9\u9875\u9762\u53ef\u7528\uff09\u662f\u7d2f\u52a0\u7684\uff0c\u800c\u5176\u4ed6\u6307\u4ee4\u4f1a\u968f\u7740\u60a8\u9760\u8fd1\u9875\u9762\u800c\u76f8\u4e92\u8986\u76d6\u3002\u56e0\u6b64\uff0c\u4f8b\u5982\uff0c\u5982\u679c\u4e3a\u8be5\u5b50\u6587\u4ef6\u5939\u4e2d\u7684 ViewImports \u6587\u4ef6\u4e2d\u7684 namespace \u6307\u4ee4\u5206\u914d\u4e86\u4e0d\u540c\u7684\u503c\uff0c\u5219 Pages \u6587\u4ef6\u5939\u4e2d\u7684 ViewImports \u4e2d\u6307\u5b9a\u7684\u547d\u540d\u7a7a\u95f4\u5c06\u88ab\u8986\u76d6\u8be5\u5b50\u6587\u4ef6\u5939\u4e2d\u7684\u9875\u9762\u3002<\/p>\n
\u6e05\u5355 3.1 \u4e2d\u7b2c\u4e8c\u4e2a\u7a81\u51fa\u663e\u793a\u7684\u9879\u76ee\u662f\u4e00\u4e2a\u4ee3\u7801\u5757\u3002\u4ee3\u7801\u5757\u4ee5 @ \u7b26\u53f7\u5f00\u5934\uff0c\u540e\u8ddf\u5de6\u5927\u62ec\u53f7\uff0c\u7136\u540e\u662f\u53f3\u5927\u62ec\u53f7\uff1a<\/p>\n
@{\n ... C# code goes here\n}<\/code><\/pre>\n\u653e\u7f6e\u5728\u4ee3\u7801\u5757\u4e2d\u7684\u4efb\u4f55\u5185\u5bb9\u90fd\u662f\u7eaf C# \u4ee3\u7801\uff0c\u5fc5\u987b\u9075\u5faa C# \u8bed\u6cd5\u89c4\u5219\u3002\u60a8\u53ef\u4ee5\u5728 Razor \u9875\u9762\u4e2d\u5305\u542b\u591a\u4e2a\u4ee3\u7801\u5757\uff0c\u4f46\u5e94\u5c06\u5b83\u4eec\u4fdd\u6301\u5728\u6700\u4f4e\u9650\u5ea6\uff0c\u4ec5\u5c06\u5b83\u4eec\u9650\u5236\u4e3a\u7528\u4e8e\u7ba1\u7406\u6f14\u793a\u6587\u7a3f\u7684\u903b\u8f91\u3002Razor \u9875\u9762\u4e2d\u7684\u4ee3\u7801\u5757\u8fc7\u591a\u901a\u5e38\u8868\u660e UI \u4e2d\u53ef\u80fd\u6709\u5e94\u7528\u7a0b\u5e8f\u903b\u8f91\uff0c\u5e94\u907f\u514d\u8fd9\u79cd\u60c5\u51b5\uff0c\u56e0\u4e3a\u5f53\u5b83\u6df7\u5408\u5728 HTML \u4e2d\u65f6\uff0c\u5f88\u96be\u6d4b\u8bd5\u3002\u4f8b\u5982\uff0c\u8ba1\u7b97\u4e00\u5929\u4e2d\u65f6\u95f4\u7684\u903b\u8f91\u4e0d\u5e94\u4f4d\u4e8e Razor \u9875\u9762\u4e2d\u3002\u5b83\u5e94\u8be5\u4f4d\u4e8e PageModel \u7c7b\u4e2d\uff0c\u8be5\u7c7b\u53ef\u4ee5\u5355\u72ec\u6d4b\u8bd5\uff0c\u6216\u8005\u5982\u679c\u7b97\u6cd5\u53ef\u80fd\u5728\u591a\u4e2a\u4f4d\u7f6e\u4f7f\u7528\uff0c\u5219\u5e94\u5c06\u5176\u653e\u5728\u81ea\u5df1\u7684\u7c7b\u4e2d\u3002\u5728\u672c\u7ae0\u540e\u9762\uff0c\u60a8\u5c06\u628a\u7b97\u6cd5\u79fb\u52a8\u5230 PageModel \u7c7b\u4e2d\u3002<\/p>\n
Razor \u8fd8\u652f\u6301\u53e6\u4e00\u79cd\u7c7b\u578b\u7684\u4ee3\u7801\u5757\uff1a\u51fd\u6570\u5757\u3002\u901a\u8fc7\u6dfb\u52a0 functions \u6307\u4ee4\uff0c\u7136\u540e\u5de6\u5927\u62ec\u53f7\u548c\u53f3\u5927\u62ec\u53f7\u6765\u521b\u5efa functions \u5757\uff1a<\/p>\n
@functions{\n ... C# code goes here\n}<\/code><\/pre>\n\u540c\u6837\uff0cfunctions \u5757\u4e2d\u7684\u4ee3\u7801\u662f\u7eaf C#\u3002\u60a8\u53ef\u4ee5\u5c06\u8ba1\u7b97\u4e00\u5929\u4e2d\u7684\u90e8\u5206\u65f6\u95f4\u7684\u7b97\u6cd5\u91cd\u6784\u4e3a functions \u5757\uff0c\u5982\u4e0b\u6240\u793a\u3002<\/p>\n
\u6e05\u5355 3.3 \u5728 functions \u5757\u4e2d\u58f0\u660e\u65b9\u6cd5<\/p>\n
@functions{\n string GetPartOfDay(DateTime dt)\n {\n var partOfDay = "morning";\n if (dt.Hour > 12)\n {\n partOfDay = "afternoon";\n }\n if (dt.Hour > 18)\n {\n partOfDay = "evening";\n }\n return partOfDay; \n }\n}\n<p>It is @GetPartOfDay(DateTime.Now)<\/p><\/code><\/pre>\n\u60a8\u8fd8\u53ef\u4ee5\u5c06\u6b64\u65b9\u6cd5\u6dfb\u52a0\u5230\u6807\u51c6\u4ee3\u7801\u5757\u4e2d\u3002\u6807\u51c6\u4ee3\u7801\u5757\u548c\u529f\u80fd\u5757\u4e4b\u95f4\u7684\u533a\u522b\u5728\u4e8e\uff0c\u529f\u80fd\u5757\u652f\u6301\u516c\u5171\u6210\u5458\u7684\u58f0\u660e\uff0c\u800c\u6807\u51c6\u4ee3\u7801\u5757\u4e0d\u652f\u6301\u516c\u5171\u6210\u5458\u3002\u4f46\u662f\uff0c\u901a\u5e38\u5efa\u8bae\u5c3d\u91cf\u51cf\u5c11\u529f\u80fd\u5757\u7684\u4f7f\u7528\uff0c\u539f\u56e0\u4e0e\u5b8c\u5168\u51cf\u5c11\u4ee3\u7801\u5757\u7684\u539f\u56e0\u76f8\u540c\u3002\u5b83\u4eec\u9f13\u52b1\u5c06\u5e94\u7528\u7a0b\u5e8f\u4ee3\u7801\u4e0e HTML \u6df7\u5408\uff0c\u4f7f\u5176\u96be\u4ee5\u91cd\u7528\u3001\u9694\u79bb\u548c\u6d4b\u8bd5\u3002<\/p>\n
\u5728 Razor \u9875\u9762\u6587\u4ef6\u4e2d\u9002\u5f53\u4f7f\u7528\u529f\u80fd\u5757\u5c06\u5305\u62ec\u7ba1\u7406\u8868\u793a\u903b\u8f91\u7684\u5c0f\u4f8b\u7a0b\uff0c\u5e76\u4e14\u4ec5\u9002\u7528\u4e8e\u653e\u7f6e\u5b83\u4eec\u7684\u9875\u9762\u3002\u5b83\u4eec\u5bf9\u4e8e\u60a8\u5f53\u524d\u7684\u76ee\u7684\u4e5f\u5f88\u6709\u7528\uff0c\u5373\u7b80\u5316 Razor \u8bed\u6cd5\u7684\u5b66\u4e60\uff0c\u800c\u65e0\u9700\u5728\u6587\u4ef6\u4e4b\u95f4\u5207\u6362\u3002<\/p>\n
3.1.2 \u4f7f\u7528\u8868\u8fbe\u5f0f\u5448\u73b0 HTML<\/h3>\n
Razor \u7684\u4e3b\u8981\u7528\u9014\u662f\u5c06\u52a8\u6001\u5185\u5bb9\u5448\u73b0\u4e3a HTML\u3002\u60a8\u5df2\u7ecf\u4e86\u89e3\u4e86\u5982\u4f55\u5c06\u53d8\u91cf\u6216\u8868\u8fbe\u5f0f\u7684\u503c\u5448\u73b0\u7ed9\u6d4f\u89c8\u5668\uff0c\u65b9\u6cd5\u662f\u5c06\u5b83\u4eec\u5185\u8054\u653e\u7f6e\u5728\u8981\u8f93\u51fa\u503c\u7684 HTML \u4e2d\uff0c\u5e76\u5728\u5b83\u4eec\u524d\u9762\u52a0\u4e0a @ \u7b26\u53f7\uff1a<\/p>\n
<p>It is @partOfDay on @DateTime.Now.ToString("dddd, dd MMMM")<\/p><\/code><\/pre>\n\u6b64\u793a\u4f8b\u4e2d\u7684\u8868\u8fbe\u5f0f\u79f0\u4e3a \u9690\u5f0f\u8868\u8fbe\u5f0f\u3002\u5728 Razor \u6587\u4ef6\u4e2d\u7ecf\u5e38\u4f7f\u7528\u7684\u53e6\u4e00\u79cd\u8868\u8fbe\u5f0f\u7c7b\u578b\u662f\u663e\u5f0f\u8868\u8fbe\u5f0f\uff0c\u5176\u4e2d\u8868\u8fbe\u5f0f\u672c\u8eab\u4f4d\u4e8e\u62ec\u53f7\u5185\uff0c\u5e76\u4ee5 @ \u7b26\u53f7\u4e3a\u524d\u7f00\u3002\u901a\u5e38\u5728\u8868\u8fbe\u5f0f\u4e2d\u6709\u7a7a\u683c\u6216\u8868\u8fbe\u5f0f\u5305\u542b\u5c16\u62ec\u53f7\uff08\u5373 < \u548c >\uff09\u7684\u60c5\u51b5\u4e0b\u4f7f\u7528\u663e\u5f0f\u8868\u8fbe\u5f0f\uff0c\u4f8b\u5982\u5728\u6cdb\u578b\u65b9\u6cd5\u4e2d\u3002\u5982\u679c\u4e0d\u5c06\u6b64\u7c7b\u8868\u8fbe\u5f0f\u653e\u5728\u62ec\u53f7\u5185\uff0c\u5219\u5c16\u62ec\u53f7\u5c06\u88ab\u89c6\u4e3a HTML\u3002\u4e0b\u9762\u662f\u4e00\u4e2a\u6d89\u53ca\u4f7f\u7528\u4e09\u5143\u8fd0\u7b97\u7b26\u7684\u8868\u8fbe\u5f0f\u793a\u4f8b\u3002\u8868\u8fbe\u5f0f\u4e2d\u5305\u542b\u7a7a\u683c\uff0c\u56e0\u6b64\u5b83\u5fc5\u987b\u4f5c\u4e3a\u663e\u5f0f\u8868\u8fbe\u5f0f\u5305\u542b\u5728 Razor \u6587\u4ef6\u4e2d\uff1a<\/p>\n
<p>It is @(DateTime.Now.Hour > 12 ? "PM" : "AM")<\/p><\/code><\/pre>\n\u6b64\u793a\u4f8b\u5c06\u5411\u6d4f\u89c8\u5668\u5448\u73b0 \u201cPM\u201d \u6216 \u201cAM\u201d\uff0c\u5177\u4f53\u53d6\u51b3\u4e8e\u6267\u884c\u8868\u8fbe\u5f0f\u7684\u65f6\u95f4\u3002<\/p>\n
3.1.3 Razor \u4e2d\u7684\u63a7\u5236\u65b9\u5757<\/h3>\n
\u670d\u52a1\u5668\u7aef\u4ee3\u7801\u4e3b\u8981\u7528\u4e8e Razor \u6587\u4ef6\u4e2d\uff0c\u4ee5\u63a7\u5236\u6f14\u793a\u8f93\u51fa\u3002\u56e0\u6b64\uff0c\u60a8\u4f7f\u7528\u7684\u5927\u591a\u6570 Razor \u8bed\u6cd5\u90fd\u5c06\u7531\u63a7\u5236\u5757\u7ec4\u6210\uff0c\u4f8b\u5982\uff0c\u9875\u9762\u4e2d\u7684\u9009\u62e9\u548c\u8fed\u4ee3\u8bed\u53e5\uff08\u5982 if-else\u3001foreach \u7b49\uff09\uff0c\u8fd9\u4e9b\u8bed\u53e5\u5e94\u7528\u5904\u7406\u903b\u8f91\u6765\u6709\u6761\u4ef6\u5730\u5448\u73b0\u8f93\u51fa\u6216\u5faa\u73af\u8bbf\u95ee\u9879\u96c6\u5408\u3002\u8fd9\u4e9b\u63a7\u5236\u5757\u4e0e\u60a8\u4e4b\u524d\u770b\u5230\u7684\u4ee3\u7801\u5757\u7684\u4e0d\u540c\u4e4b\u5904\u5728\u4e8e\uff0c\u5b83\u4eec\u5d4c\u5165\u5728\u8981\u5448\u73b0\u7684 HTML \u5185\u5bb9\u4e2d\uff0c\u800c\u4e0d\u662f\u4e0e\u5927\u62ec\u53f7\u5185\u7684\u6807\u8bb0\u9694\u79bb\u3002<\/p>\n
Razor \u652f\u6301\u4f7f\u7528 C# \u9009\u62e9\u548c\u8fed\u4ee3\u8bed\u53e5\uff0c\u65b9\u6cd5\u662f\u5728\u6253\u5f00\u5757\u7684\u5173\u952e\u5b57\u524d\u9762\u52a0\u4e0a @ \u7b26\u53f7\u3002\u4e0b\u9762\u7684\u6e05\u5355\u6f14\u793a\u4e86\u5982\u4f55\u5c06\u5176\u5e94\u7528\u4e8e if-else \u8bed\u53e5\u3002<\/p>\n
\u5217\u8868 3.4 Razor \u4e2d\u7684\u9009\u62e9\u8bed\u53e5\u652f\u6301<\/p>\n
@if(DateTime.Now.Hour <= 12)\n{\n <p>It is morning<\/p>\n}\nelse if (DateTime.Now.Hour <= 18) \n{ \n <p>It is afternoon<\/p>\n}\nelse\n{\n <p>It is evening<\/p>\n}<\/code><\/pre>\n\u5728\u6b64\u793a\u4f8b\u4e2d\uff0cif-else \u8bed\u53e5\u7684\u5de5\u4f5c\u539f\u7406\u662f\u4ec5\u6839\u636e\u6b63\u5728\u6d4b\u8bd5\u7684\u6761\u4ef6\uff08\u5728\u672c\u4f8b\u4e2d\u4e3a\u6267\u884c\u9875\u9762\u7684\u65f6\u95f4\uff09\u5448\u73b0\u5176\u4e2d\u4e00\u4e2a\u6bb5\u843d\u3002\u8bf7\u6ce8\u610f\uff0c\u5728 else \u5173\u952e\u5b57\u4e4b\u524d\u4e0d\u9700\u8981 @ \u7b26\u53f7\u3002\u4e8b\u5b9e\u4e0a\uff0c\u5982\u679c\u60a8\u5c1d\u8bd5\u8fd9\u6837\u505a\uff0c\u5c06\u5bfc\u81f4\u9519\u8bef\u3002<\/p>\n
\u6e05\u5355 3.5 \u8bf4\u660e\u4e86\u4f7f\u7528 switch \u8bed\u53e5\u4f5c\u4e3a\u6e05\u5355 3.4 \u4e2d if-else \u5757\u7684\u66ff\u4ee3\u65b9\u6848\u3002\u540c\u6837\uff0c@ \u7b26\u53f7\u4ec5\u5728 opening switch \u5173\u952e\u5b57\u4e4b\u524d\u662f\u5fc5\u9700\u7684\u3002<\/p>\n
\u5217\u8868 3.5 Razor \u4e2d\u7684 Switch \u8bed\u53e5\u793a\u4f8b<\/p>\n
@switch (DateTime.Now.Hour)\n{\n case int _ when DateTime.Now.Hour <= 12:\n <p>It is morning<\/p>\n break;\n case int _ when DateTime.Now.Hour <= 18:\n <p>It is afternoon<\/p>\n break;\n default:\n <p>It is evening<\/p>\n break;\n}<\/code><\/pre>\n\u5728\u8fed\u4ee3\u96c6\u5408\u8fdb\u884c\u6e32\u67d3\u65f6\uff0c\u60a8\u7ecf\u5e38\u4f1a\u53d1\u73b0\u81ea\u5df1\u9700\u8981\u5728 Razor \u9875\u9762\u4e2d\u4f7f\u7528\u8fed\u4ee3\u8bed\u53e5\u3002\u5047\u8bbe\u60a8\u6b63\u5728\u521b\u5efa\u4e00\u4e2a\u5ea6\u5047\u5957\u9910\u7f51\u7ad9\uff0c\u5e76\u4e14\u60a8\u9700\u8981\u5448\u73b0\u53ef\u80fd\u76ee\u7684\u5730\u7684\u5217\u8868\u3002\u4ee5\u4e0b\u6e05\u5355\u4e2d\u7684\u4ee3\u7801\u6f14\u793a\u4e86\u5982\u4f55\u4f7f\u7528 foreach \u8bed\u53e5\u5c06\u57ce\u5e02\u540d\u79f0\u6570\u7ec4\u7684\u6210\u5458\u5448\u73b0\u4e3a\u65e0\u5e8f\u5217\u8868\u3002<\/p>\n
\u5217\u8868 3.6 Razor \u4e2d\u7684 foreach \u8bed\u53e5\u793a\u4f8b<\/p>\n
@functions{\n public class City\n {\n public string Name { get; set; }\n public string Country { get; set; }\n }\n List<City> cities = new List<City>{\n new City { Name = "London", Country = "UK" },\n new City { Name = "Paris", Country = "France" },\n new City { Name = "Rome", Country = "Italy" } ,\n new City { Name = "Berlin", Country = "Germany" },\n new City { Name = "Washington DC", Country = "USA" }\n };\n}\n\n<ul>\n @foreach (var city in cities)\n {\n <li>@city.Name<\/li>\n }\n<\/ul><\/code><\/pre>\n3.1.4 \u6e32\u67d3\u6587\u672c\u5b57\u7b26\u4e32<\/h3>\n
\u5230\u76ee\u524d\u4e3a\u6b62\uff0c\u6240\u6709\u793a\u4f8b\u90fd\u663e\u793a\u4e86 Razor \u5728 HTML \u548c C# \u4ee3\u7801\u4e4b\u95f4\u7684\u8f6c\u6362\u3002@ \u7b26\u53f7\u540e\u9762\u7684\u4efb\u4f55\u5185\u5bb9\u90fd\u88ab\u89c6\u4e3a C# \u4ee3\u7801\uff0c\u76f4\u5230\u9047\u5230 HTML \u6807\u8bb0\u3002\u6709\u65f6\u4f60\u53ef\u80fd\u9700\u8981\u6e32\u67d3\u6587\u672c\u5b57\u7b26\u4e32\u800c\u4e0d\u662f HTML\u3002\u6709\u4e24\u79cd\u65b9\u6cd5\u53ef\u4ee5\u544a\u8bc9 Razor \u503c\u662f\u6587\u672c\u5b57\u7b26\u4e32\uff0c\u800c\u4e0d\u662f C# \u4ee3\u7801\u3002\u7b2c\u4e00\u79cd\u65b9\u6cd5\u662f\u5728\u6bcf\u884c\u4e2d\u6587\u672c\u5b57\u7b26\u4e32\u7684\u7b2c\u4e00\u4e2a\u5b9e\u4f8b\u524d\u9762\u52a0\u4e0a @\uff1a\u3002<\/p>\n
\u6e05\u5355 3.7 \u5728 Razor \u4e2d\u6e32\u67d3\u6587\u672c\u5b57\u7b26\u4e32<\/p>\n
@foreach (var city in cities)\n{\n if (city.Country == "UK")\n {\n @:Country: @city.Country, Name: @city.Name\n }\n}<\/code><\/pre>\n\u6216\u8005\uff0c\u60a8\u4e5f\u53ef\u4ee5\u4f7f\u7528 \u6807\u8bb0\u5c06\u5185\u5bb9\u62ec\u8d77\u6765\u3002\u5982\u679c\u60a8\u6b63\u5728\u5904\u7406\u591a\u884c\u5185\u5bb9\uff0c\u8fd9\u5c24\u5176\u6709\u6548\uff0c\u5982\u4e0b\u9762\u7684\u6e05\u5355\u6240\u793a\u3002<\/p>\n\u6e05\u5355 3.8 \u4f7f\u7528 text \u6807\u7b7e\u6e32\u67d3\u591a\u884c\u6587\u5b57\u5b57\u7b26\u4e32<\/p>\n
@foreach (var city in cities)\n{\n if (city.Country == "UK")\n {\n <text>Country: @city.Country<br \/>\n Name: @city.Name<\/text>\n }\n}<\/code><\/pre>\n\u6587\u672c\u6807\u8bb0\u4e0d\u4f1a\u4f5c\u4e3a\u8f93\u51fa\u7684\u4e00\u90e8\u5206\u5448\u73b0;\u4ec5\u5448\u73b0\u5176\u5185\u5bb9\u3002\u6b64\u5916\uff0c\u4f7f\u7528\u6587\u672c\u6807\u7b7e\u4f1a\u5bfc\u81f4\u4ece\u51fa\u73b0\u5728\u5b83\u4eec\u4e4b\u524d\u6216\u4e4b\u540e\u7684\u8f93\u51fa\u4e2d\u5220\u9664\u7a7a\u683c\u3002<\/p>\n
3.1.5 \u6e32\u67d3\u6587\u672c HTML<\/h3>\n
Razor \u7684\u9ed8\u8ba4\u884c\u4e3a\u662f\u6309\u5b57\u9762\u5448\u73b0 Razor \u9875\u9762\u4e2d\u7684\u4efb\u4f55\u6807\u8bb0\uff0c\u4f46\u5c06 HTML \u7f16\u7801\u5e94\u7528\u4e8e\u89e3\u6790\u4e3a\u5b57\u7b26\u4e32\u7684\u6240\u6709\u8868\u8fbe\u5f0f\u7684\u7ed3\u679c\u3002\u4efb\u4f55\u975e ASCII \u5b57\u7b26\u4ee5\u53ca\u53ef\u80fd\u4e0d\u5b89\u5168\u7684\u5b57\u7b26\uff08\u53ef\u80fd\u6709\u52a9\u4e8e\u5c06\u6076\u610f\u811a\u672c\u6ce8\u5165\u7f51\u9875\u7684\u5b57\u7b26\uff09\uff0c\u5982 <\u3001> \u548c \u201c\uff0c\u90fd\u88ab\u7f16\u7801\u4e3a\u5b83\u4eec\u7684 HTML \u7b49\u6548\u5b57\u7b26\uff1a<\u3001>\u3001&\u3001\u201d \u7b49\u3002 \u4e0b\u9762\u7684\u6e05\u5355\u663e\u793a\u4e86\u4e00\u4e9b HTML \u88ab\u5206\u914d\u7ed9\u5448\u73b0\u7ed9\u6d4f\u89c8\u5668\u7684\u53d8\u91cf\u3002<\/p>\n
\u5217\u8868 3.9 \u5206\u914d\u7ed9\u6e32\u67d3\u7684\u8f93\u51fa\u53d8\u91cf\u7684 HTML<\/p>\n
@{\n var output = "<p>This is a paragraph.<\/p>";\n}\n@output<\/code><\/pre>\n\u751f\u6210\u7684 HTML \u662f<\/p>\n
<p>This is a paragraph.<\/p><\/code><\/pre>\n\u56fe 3.1 \u6f14\u793a\u4e86\u5b83\u5728\u6d4f\u89c8\u5668\u4e2d\u7684\u663e\u793a\u65b9\u5f0f\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0301.png\")
<\/p>\n
\u56fe 3.1 \u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0c\u975e ASCII \u548c\u7279\u6b8a HTML \u5b57\u7b26\u88ab\u7f16\u7801\u4ee5\u4f9b\u8f93\u51fa\u3002<\/p>\n
\u5982\u679c\u4f60\u6709\u4e00\u4e2a HTML \u5b57\u7b26\u4e32\uff0c\u5e76\u4e14\u4e0d\u5e0c\u671b Razor \u5bf9\u5176\u8fdb\u884c\u7f16\u7801\uff0c\u5219\u53ef\u4ee5\u4f7f\u7528 Html.Raw \u65b9\u6cd5\u6765\u963b\u6b62\u7f16\u7801\uff1a<\/p>\n
@Html.Raw(\u201c<p>This is a paragraph.<\/p>\u201d)<\/code><\/pre>\n\u8fd9\u9002\u7528\u4e8e\u4ee5\u4e0b\u65b9\u6848\uff1a\u4f8b\u5982\uff0c\u5c06 HTML \u5b58\u50a8\u5728\u6570\u636e\u5e93\u4e2d\u4ee5\u4f9b\u663e\u793a - \u8fd9\u662f\u5927\u591a\u6570\u5185\u5bb9\u7ba1\u7406\u7cfb\u7edf\u7b49\u7684\u5178\u578b\u8981\u6c42\u3002\u4f46\u662f\uff0c\u60a8\u5e94\u8be5\u786e\u4fdd\u5728\u5c06 HTML \u5305\u542b\u5728\u9875\u9762\u4e4b\u524d\u5bf9\u5176\u8fdb\u884c\u6e05\u7406\u3002\u5426\u5219\uff0c\u60a8\u53ef\u80fd\u4f1a\u8ba9\u60a8\u7684\u7ad9\u70b9\u53d7\u5230\u811a\u672c\u6ce8\u5165\u653b\u51fb\u3002\u60a8\u5c06\u5728\u7b2c 13 \u7ae0\u4e2d\u4e86\u89e3\u8fd9\u4e9b\u6f0f\u6d1e\u548c\u5176\u4ed6\u6f0f\u6d1e\u3002<\/p>\n
\u5bf9\u4e8e\u4ee5\u5927\u91cf\u4f7f\u7528\u6216\u4e13\u95e8\u4f7f\u7528\u975e ASCII \u5b57\u7b26\u7684\u8bed\u8a00\u5b58\u50a8\u548c\u8f93\u51fa\u5185\u5bb9\u7684\u7f51\u7ad9\u7684\u7ad9\u70b9\u7684\u5f00\u53d1\u4eba\u5458\u6765\u8bf4\uff0c\u9ed8\u8ba4\u60c5\u51b5\u4e0b\u5e94\u7528\u7684\u6fc0\u8fdb\u7f16\u7801\u7ea7\u522b\u53ef\u80fd\u5e76\u4e0d\u53ef\u53d6\u3002\u4ee5\u8fd9\u6bb5\u5fb7\u8bed\u4e3a\u4f8b\uff08\u7ffb\u8bd1\u8fc7\u6765\u5c31\u662f \u201cCharges for oversized luggage\u201d\uff09\uff1a<\/p>\n
var output = "Geb\u00fchren f\u00fcr \u00fcbergro\u00dfes Gep\u00e4ck";<\/code><\/pre>\n\u5f53\u5b83\u4f5c\u4e3a @output \u5d4c\u5165\u5230\u6807\u8bb0\u4e2d\u65f6\uff0c\u5c06\u7f16\u7801\u4e3a\u4ee5\u4e0b\u5185\u5bb9\uff1a<\/p>\n
Geb\u00fchren f\u00fcr \u00fcbergro\u00dfes Gep\u00e4ck<\/code><\/pre>\n\u5bf9\u4e8e\u975e\u62c9\u4e01\u8bed\u8bed\u8a00\uff08\u5982\u897f\u91cc\u5c14\u8bed\u3001\u4e2d\u6587\u548c\u963f\u62c9\u4f2f\u8bed\uff09\uff0c\u6bcf\u4e2a\u5b57\u7b26\u90fd\u7f16\u7801\u4e3a\u5176 HTML \u7b49\u6548\u9879\uff0c\u8fd9\u53ef\u80fd\u4f1a\u663e\u8457\u589e\u52a0\u751f\u6210\u7684\u6e90\u4ee3\u7801\u4e2d\u7684\u5b57\u7b26\u6570\u3002\u867d\u7136\u8f93\u51fa\u53ef\u4ee5\u6b63\u786e\u5448\u73b0\uff0c\u4f46\u9875\u9762\u7684\u6700\u7ec8\u5927\u5c0f\u548c\u6574\u4f53\u7f51\u7ad9\u6027\u80fd\u53ef\u80fd\u4f1a\u53d7\u5230\u4e0d\u5229\u5f71\u54cd\u3002<\/p>\n
\u53ef\u4ee5\u5b89\u6392\u66f4\u5e7f\u6cdb\u7684\u5b57\u7b26\uff0c\u56e0\u6b64\u4e0d\u4f1a\u5bf9\u5b83\u4eec\u8fdb\u884c\u7f16\u7801\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u8bbe\u7f6e WebEncoderOptions \u5728 Program.cs \u4e2d\u6267\u884c\u6b64\u4f5c\u3002\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0c\u5141\u8bb8\u7684\u5b57\u7b26\u8303\u56f4\uff08\u5373\u672a\u7f16\u7801\u7684\u5b57\u7b26\uff09\u4ec5\u9650\u4e8e\u57fa\u672c\u62c9\u4e01\u5b57\u7b26\u96c6\u3002\u6e05\u5355 3.10 \u6f14\u793a\u4e86\u5982\u4f55\u914d\u7f6e\u9009\u9879\u4ee5\u5c06 Latin-1 Supplement \u5b57\u7b26\u96c6\u6dfb\u52a0\u5230\u5141\u8bb8\u7684\u8303\u56f4\uff0c\u5176\u4e2d\u5305\u62ec\u91cd\u97f3\u5143\u97f3\u548c\u5fb7\u8bed eszett \u5b57\u7b26 \uff08\u00df\uff09\u3002<\/p>\n
\u6e05\u5355 3.10 \u914d\u7f6e WebEncoderOptions \u4ee5\u6dfb\u52a0 Latin-1 \u8865\u5145<\/p>\n
builder.Services.Configure<WebEncoderOptions>(options =>\n{\n options.TextEncoderSettings = new TextEncoderSettings(UnicodeRanges.BasicLatin, UnicodeRanges.Latin1Supplement);\n});<\/code><\/pre>\n\u8bf7\u6ce8\u610f\uff0c\u60a8\u5728\u6b64\u5904\u8bbe\u7f6e\u7684\u4efb\u4f55\u5185\u5bb9\u90fd\u5c06\u8986\u76d6\u9ed8\u8ba4\u8bbe\u7f6e\uff0c\u8fd9\u5c31\u662f\u4e3a\u4ec0\u4e48\u60a8\u9700\u8981\u5305\u542b BasicLatin \u8303\u56f4\u7684\u539f\u56e0\u3002\u5982\u679c\u60a8\u4e0d\u786e\u5b9a\u5e94\u8be5\u5305\u542b\u54ea\u4e9b\u5b57\u7b26\u96c6\uff0c\u53ef\u4ee5\u5728\u6b64\u5904\u67e5\u770b\uff1ahttp:\/\/www.unicode.org\/charts\/\u3002\u6216\u8005\uff0c\u60a8\u53ef\u4ee5\u53ea\u6307\u5b9a<\/a> UnicodeRanges.All\u3002<\/p>\n\u6a21\u677f\u5316 Razor \u59d4\u6258<\/h2>\n
\u6a21\u677f\u5316 Razor \u59d4\u6258\u529f\u80fd\u4f7f\u4f60\u80fd\u591f\u4f7f\u7528\u59d4\u6258\u521b\u5efa Razor \u6a21\u677f\u5e76\u5c06\u5176\u5206\u914d\u7ed9\u53d8\u91cf\u4ee5\u4f9b\u91cd\u590d\u4f7f\u7528\u3002\u4f60\u53ef\u80fd\u8fd8\u8bb0\u5f97\u6211\u4eec\u5728\u4e0a\u4e00\u7ae0\u4e2d\u5bf9\u4e2d\u95f4\u4ef6\u7684\u8ba8\u8bba\uff0c\u59d4\u6258\u662f\u4e00\u79cd\u8868\u793a\u65b9\u6cd5\u7b7e\u540d\u548c\u8fd4\u56de\u7c7b\u578b\u7684\u7c7b\u578b\u3002Razor \u6a21\u677f\u59d4\u6258\u8868\u793a\u4e3a Func<dynamic\u3001object><\/code>\uff08\u6cdb\u578b\u59d4\u6258\uff09\u3002\u8be5\u65b9\u6cd5\u7684\u4e3b\u4f53\u5305\u542b Razor \u7684\u7247\u6bb5\uff0c\u5176\u5f00\u59cb\u7684 HTML \u6807\u8bb0\u4ee5 @ \u7b26\u53f7\u4e3a\u524d\u7f00\u3002input \u53c2\u6570\u8868\u793a\u6570\u636e\uff0c\u5e76\u4e14\u662f\u52a8\u6001\u7c7b\u578b\uff0c\u56e0\u6b64\u5b83\u53ef\u4ee5\u8868\u793a\u4efb\u4f55\u5185\u5bb9\u3002\u6570\u636e\u53ef\u901a\u8fc7\u540d\u4e3a item \u7684\u53c2\u6570\u5728\u6a21\u677f\u4e2d\u8bbf\u95ee\u3002<\/p>\n\u5728\u5217\u8868 3.6 \u4e2d\uff0c\u6211\u4eec\u521b\u5efa\u4e86\u4e00\u4e2a\u57ce\u5e02\u5217\u8868\uff0c\u7136\u540e\u4f7f\u7528\u5d4c\u5165\u5728 HTML \u4e2d\u7684 foreach \u8bed\u53e5\u5c06\u5176\u5448\u73b0\u7ed9\u6d4f\u89c8\u5668\uff0c\u4ee5\u5448\u73b0\u4e00\u4e2a\u65e0\u5e8f\u5217\u8868\u3002\u5728\u793a\u4f8b 3.11 \u4e2d\uff0c\u6211\u4eec\u5c06\u65e0\u5e8f\u5217\u8868\u7684\u6e32\u67d3\u63d0\u53d6\u5230\u4e00\u4e2a\u6a21\u677f\u4e2d\uff0c\u8be5\u6a21\u677f\u6784\u6210\u4e86\u59d4\u6258\u7684\u4e3b\u4f53\u3002<\/p>\n
myUnorderedListTemplate \u53d8\u91cf\u5b9a\u4e49\u4e3a Func<dynamic\uff0c object><\/code>\uff0c\u4e0e\u6a21\u677f\u5316 Razor \u59d4\u6258\u7684\u5b9a\u4e49\u5339\u914d\u3002\u5728\u8be5\u6570\u636e\u5e93\u4e2d\uff0c\u5047\u5b9a item \u53c2\u6570\u8868\u793a\u57ce\u5e02\u7684\u96c6\u5408\u3002\u8fd9\u4e9b\u88ab\u8fed\u4ee3\u5e76\u5448\u73b0\u4e3a\u65e0\u5e8f\u5217\u8868\u3002\u4ee5\u4e0b\u6e05\u5355\u663e\u793a\u4e86\u5982\u4f55\u5c06\u5217\u8868\u7684\u751f\u6210\u5206\u914d\u7ed9 Razor \u6a21\u677f\u59d4\u6258\u3002<\/p>\n\u6e05\u5355 3.11 \u5b9a\u4e49\u6a21\u677f\u5316 Razor \u59d4\u6258<\/p>\n
@{\n Func<dynamic, object> myUnorderedListTemplate = @<ul>\n @foreach (var city in item)\n {\n <li>@city.Name<\/li>\n }\n <\/ul>;\n}<\/code><\/pre>\n\u5b9a\u4e49\u6a21\u677f\u540e\uff0c\u60a8\u53ef\u4ee5\u5c06\u6e05\u5355 3.6 \u4e2d\u751f\u6210\u7684\u6570\u636e\u4f20\u9012\u5230\u5176\u4e2d\uff1a<\/p>\n
@myUnorderedListTemplate(cities)<\/code><\/pre>\n\u6b64\u793a\u4f8b\u4f9d\u8d56\u4e8e\u52a8\u6001\u8f93\u5165\u53c2\u6570\uff0c\u8fd9\u4f1a\u5bfc\u81f4\u6f5c\u5728\u7684\u9519\u8bef\uff0c\u8fd9\u4e9b\u9519\u8bef\u4ec5\u5728\u8fd0\u884c\u65f6\u51fa\u73b0\uff0c\u4f8b\u5982\uff0c\u5982\u679c\u60a8\u62fc\u5199\u4e86\u5c5e\u6027\u7684\u540d\u79f0\u9519\u8bef\uff0c\u6216\u8005\u5c1d\u8bd5\u8bbf\u95ee\u4e0d\u5b58\u5728\u7684\u6210\u5458\u3002\u60a8\u53ef\u4ee5\u4f7f\u7528\u5f3a\u7c7b\u578b\u6765\u9650\u5236\u6a21\u677f\u63a5\u53d7\u7684\u7c7b\u578b\uff0c\u5982\u4e0b\u9762\u7684\u6e05\u5355\u6240\u793a\uff0c\u5176\u4e2d dynamic \u53c2\u6570\u5df2\u66ff\u6362\u4e3a List\u3002<\/p>\n\u6e05\u5355 3.12 \u7f29\u5c0f\u6a21\u677f\u5316 Razor \u59d4\u6258\u4e2d\u6570\u636e\u9879\u7684\u7c7b\u578b<\/p>\n
@{\n Func<List<City>, object> myUnorderedListTemplate = @<ul>\n @foreach (var city in item)\n {\n <li>@city.Name<\/li>\n }\n <\/ul>;\n}<\/code><\/pre>\n\u6a21\u677f\u5316 Razor \u59d4\u6258\u7684\u7f3a\u70b9\u4e4b\u4e00\u662f\u5b83\u53ea\u63a5\u53d7\u4e00\u4e2a\u8868\u793a\u6570\u636e\u9879\u7684\u53c2\u6570\uff0c\u5c3d\u7ba1\u5bf9\u6570\u636e\u7c7b\u578b\u6ca1\u6709\u9650\u5236\u3002\u5b83\u53ef\u4ee5\u8868\u793a\u590d\u6742\u7c7b\u578b\uff0c\u56e0\u6b64\uff0c\u5982\u679c\u60a8\u7684\u6a21\u677f\u8bbe\u8ba1\u4e3a\u4f7f\u7528\u591a\u4e2a\u57ce\u5e02\u5217\u8868\uff0c\u5219\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u5305\u542b\u6a21\u677f\u6240\u9700\u7684\u4e00\u5207\u7684\u5305\u88c5\u5668\u7c7b\u578b\u3002<\/p>\n
\u8fd8\u6709\u4e00\u4e2a\u66ff\u4ee3\u65b9\u6cd5\uff0c\u53ef\u7528\u4e8e\u5b9a\u4e49\u53ef\u4ee5\u91c7\u7528\u4efb\u610f\u6570\u91cf\u7684\u53c2\u6570\u7684\u6a21\u677f\u3002\u8981\u5229\u7528\u6b64\u529f\u80fd\uff0c\u8bf7\u5728\u8fd4\u56de void\uff08\u6216 Task\uff0c\u5982\u679c\u9700\u8981\u5f02\u6b65\u5904\u7406\uff09\u7684\u4ee3\u7801\u6216\u51fd\u6570\u5757\u4e2d\u521b\u5efa\u4e00\u4e2a\u65b9\u6cd5\uff0c\u5e76\u4e14\u53ea\u5728\u65b9\u6cd5\u6b63\u6587\u4e2d\u5305\u542b HTML \u6807\u8bb0\u3002<\/p>\n
\u5217\u8868 3.13 \u5728 Razor \u9875\u9762\u4e2d\u58f0\u660e\u6a21\u677f\u7684\u66ff\u4ee3\u65b9\u6cd5<\/p>\n
@{ \n void MyUnorderedListTemplate(List<City> cities, string style) \u2776\n {\n <ul> \u2777\n @foreach(var city in cities)\n {\n <li class="@(city.Name == "London" ? style : null)">@city.Name<\/li>\n }\n <\/ul>\n }\n}\n@{ MyUnorderedListTemplate(cities, "active"); } \u2778<\/code><\/pre>\n\u2776 \u5141\u8bb8\u5728\u8fd4\u56de void \u6216 Task \u7684\u65b9\u6cd5\u4e2d\u4f7f\u7528\u6807\u8bb0\u3002
\n\u2777 \u5f00\u59cb\u6807\u7b7e\u6ca1\u6709 @ \u7b26\u53f7\u7684\u524d\u7f00\u3002
\n\u2778 \u7531\u4e8e\u8be5\u65b9\u6cd5\u8fd4\u56de void \u6216 Task\uff0c\u56e0\u6b64\u5fc5\u987b\u5728\u4ee3\u7801\u5757\u4e2d\u8c03\u7528\u5b83\u3002<\/p>\n
\u8bf7\u6ce8\u610f\uff0c\u4e0e\u6a21\u677f\u59d4\u6258\u4e0d\u540c\uff0c\u8be5\u65b9\u6cd5\u53ef\u4ee5\u6307\u5b9a\u4efb\u610f\u6570\u91cf\u7684\u53c2\u6570\uff0c\u5e76\u4e14\u524d\u5bfc HTML \u6807\u8bb0\u4e0d\u4ee5 @ \u7b26\u53f7\u4e3a\u524d\u7f00\u3002\u6b64\u65b9\u6cd5\u91c7\u7528\u4e24\u4e2a\u53c2\u6570 \u2014 \u7b2c\u4e8c\u4e2a\u53c2\u6570\u8868\u793a\u5e94\u6709\u6761\u4ef6\u5730\u5e94\u7528\u4e8e\u5217\u8868\u9879\u7684 CSS \u7c7b\u7684\u540d\u79f0\u3002\u5982\u679c\u5e0c\u671b\u80fd\u591f\u4f7f\u7528\u6a21\u677f\u59d4\u6258\u5b9e\u73b0\u7c7b\u4f3c\u7684\u529f\u80fd\uff0c\u5219\u9700\u8981\u521b\u5efa\u4e00\u4e2a\u5305\u88c5 List<City><\/code> \u548c String \u7684\u65b0\u7c7b\u578b\u3002<\/p>\n\u65e0\u8bba\u662f\u4f7f\u7528\u6b64\u65b9\u6cd5\u8fd8\u662f\u6a21\u677f\u59d4\u6258\uff0c\u8fd9\u4e9b\u5e2e\u52a9\u7a0b\u5e8f\u90fd\u53ea\u80fd\u5728\u540c\u4e00 Razor \u9875\u9762\u4e2d\u91cd\u590d\u4f7f\u7528\u3002\u5982\u679c\u60a8\u60f3\u5728\u591a\u4e2a\u9875\u9762\u4e2d\u91cd\u7528 HTML \u4ee3\u7801\u6bb5\uff0c\u5219\u6709\u66f4\u7075\u6d3b\u7684\u66ff\u4ee3\u65b9\u6848\uff0c\u5305\u62ec\u90e8\u5206\u9875\u9762\u3001\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u548c\u89c6\u56fe\u7ec4\u4ef6\u3002\u6211\u4eec\u5c06\u5728\u672c\u7ae0\u540e\u9762\u66f4\u8be6\u7ec6\u5730\u4ecb\u7ecd\u90e8\u5206\u9875\u9762\u548c\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u3002\u89c6\u56fe\u7ec4\u4ef6\u5728\u7b2c 14 \u7ae0\u4e2d\u4ecb\u7ecd\u3002<\/p>\n
Razor \u4e2d\u7684\u6ce8\u91ca<\/h2>\n
Razor \u9875\u9762\u6587\u4ef6\u652f\u6301\u9875\u9762\u6807\u8bb0\u533a\u57df\u4e2d\u7684\u6807\u51c6 HTML \u6ce8\u91ca\u548c\u4ee3\u7801\u5757\u4e2d\u7684 C# \u6ce8\u91ca\u3002\u5b83\u4eec\u8fd8\u652f\u6301 Razor \u6ce8\u91ca\uff0c\u8fd9\u4e9b\u6ce8\u91ca\u4ee5 @ \u5f00\u5934\uff0c\u4ee5 <\/em>@ \u7ed3\u5c3e\u3002\u4e0e HTML \u6ce8\u91ca\u4e2d\u7684\u5185\u5bb9\u4e0d\u540c\uff0cRazor \u6ce8\u91ca\u4e4b\u95f4\u7684\u4efb\u4f55\u5185\u5bb9\u90fd\u4e0d\u4f1a\u5448\u73b0\u5230\u6d4f\u89c8\u5668\u3002\u6e05\u5355 3.14 \u4e2d\u7684\u4ee3\u7801\u663e\u793a\u4e86 HTML \u6ce8\u91ca\u4e2d\u7684 C# foreach \u8bed\u53e5\u3002\u5448\u73b0\u9875\u9762\u65f6\uff0c\u5c06\u5904\u7406 Razor \u4ee3\u7801\uff0c\u751f\u6210\u7684\u9879\u5217\u8868\u5728\u6e90\u4ee3\u7801\u4e2d\u663e\u793a\u4e3a\u6ce8\u91ca\u3002<\/p>\n\u5217\u8868 3.14 \u5bfc\u81f4\u5185\u5bb9\u88ab\u6e32\u67d3\u7684 HTML \u6ce8\u91ca<\/p>\n
<!--<ul> \n @foreach(var city in cities)\n {\n <li>@city.Name<\/li>\n }\n<\/ul>--><\/code><\/pre>\n\u4ee5\u4e0b\u6e05\u5355\u5728 Razor \u6ce8\u91ca\u4e2d\u63d0\u4f9b\u4e86\u76f8\u540c\u7684 foreach \u8bed\u53e5\u3002\u6e90\u4ee3\u7801\u4e2d\u4e0d\u5305\u542b\u4efb\u4f55\u5185\u5bb9\u3002<\/p>\n
\u5217\u8868 3.15 \u4ece\u6e90\u4ee3\u7801\u4e2d\u6392\u9664 Razor \u6ce8\u91ca\u4e2d\u7684\u5185\u5bb9<\/p>\n
@*<ul> \n @foreach(var city in cities)\n {\n <li>@city.Name<\/li>\n }\n<\/ul>*@<\/code><\/pre>\n\u8fd9\u6837\u5c31\u5b8c\u6210\u4e86\u5bf9 Razor \u8bed\u6cd5\u7684\u4e86\u89e3\uff0c\u8be5\u8bed\u6cd5\u6f14\u793a\u4e86\u5982\u4f55\u5728 HTML \u4e2d\u5d4c\u5165\u670d\u52a1\u5668\u7aef\u4ee3\u7801\u4ee5\u5f62\u6210\u5355\u4e2a\u9875\u9762\u7684\u6a21\u677f\u3002\u5728\u4ee5\u4e0b\u90e8\u5206\u4e2d\uff0c\u60a8\u5c06\u4e86\u89e3\u5982\u4f55\u4f7f\u7528\u5e03\u5c40\u9875\u9762\u548c\u90e8\u4ef6\u521b\u5efa\u53ef\u8de8\u591a\u4e2a\u9875\u9762\u91cd\u590d\u4f7f\u7528\u7684\u4ee3\u7801\u6a21\u677f\u3002<\/p>\n
3.2 \u5e03\u5c40\u9875\u9762<\/h2>\n
\u8fd9\u662f\u4e00\u4e2a\u7f55\u89c1\u7684\u7f51\u7ad9\uff0c\u4e0d\u4f1a\u5728\u591a\u4e2a\u9875\u9762\u4e4b\u95f4\u5171\u4eab\u901a\u7528\u5185\u5bb9\u3002\u5728\u672c\u4e66\u7684\u540e\u9762\u90e8\u5206\uff0c\u60a8\u5c06\u6784\u5efa\u4e00\u4e2a\u63d0\u4f9b\u5ea6\u5047\u5957\u9910\u7684 Web \u5e94\u7528\u7a0b\u5e8f\u3002\u6b64\u7c7b\u7ad9\u70b9\u7684\u8f6e\u5ed3\u8349\u56fe\u5f88\u53ef\u80fd\u7c7b\u4f3c\u4e8e\u56fe 3.2\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0302.png\")
<\/p>\n
\u56fe 3.2 \u6b64\u793a\u4f8b\u4e2d\u7684\u9875\u7709\u3001\u5bfc\u822a\u3001Deal of the Day \u5c0f\u90e8\u4ef6\u548c\u9875\u811a\u65e8\u5728\u663e\u793a\u5728\u6240\u6709\u9875\u9762\u4e0a\u3002\u4e3b\u5185\u5bb9\u533a\u57df\u8868\u793a\u7279\u5b9a\u4e8e\u6bcf\u4e2a\u9875\u9762\u7684\u5185\u5bb9\u3002<\/p>\n
\u5728\u793a\u4f8b\u8349\u56fe\u4e2d\uff0c\u9875\u7709\u3001\u5bfc\u822a\u3001\u6bcf\u65e5\u4ea4\u6613 Widget \u548c\u9875\u811a\u65e8\u5728\u663e\u793a\u5728\u7f51\u7ad9\u7684\u6240\u6709\u9875\u9762\u4e0a\u3002\u5176\u4e2d\u4e00\u4e9b\u5143\u7d20\u7684\u5b9e\u9645\u5185\u5bb9\u53ef\u80fd\u56e0\u9875\u9762\u800c\u5f02\uff0c\u4f46\u57fa\u672c\u7ed3\u6784\u5c06\u9002\u7528\u4e8e\u6240\u6709\u9875\u9762\u3002\u4e3b\u5185\u5bb9\u533a\u57df\u8868\u793a\u7279\u5b9a\u4e8e\u9875\u9762\u7684\u5185\u5bb9\uff0c\u8be5\u5185\u5bb9\u53ef\u80fd\u662f Contact Us \uff08\u8054\u7cfb\u6211\u4eec\uff09 \u9875\u9762\u4e0a\u7684\u8054\u7cfb\u8868\u5355\u548c\u90ae\u653f\u5730\u5740\uff0c\u4e5f\u53ef\u80fd\u662f\u7279\u5b9a\u4f4d\u7f6e\u63d0\u4f9b\u7684\u4f11\u606f\u65f6\u95f4\u7684\u8be6\u7ec6\u4fe1\u606f\u3002\u4e0b\u9762\u7684\u6e05\u5355\u663e\u793a\u4e86\u5982\u4f55\u4f7f\u7528\u57fa\u672c\u7684 Bootstrap \u6837\u5f0f\u5c06\u56fe\u50cf\u8f6c\u6362\u4e3a HTML\u3002<\/p>\n
\u6e05\u5355 3.16 \u5305\u542b\u5c06\u8981\u91cd\u590d\u5185\u5bb9\u7684\u7f51\u9875\u7684\u57fa\u672c\u8f6e\u5ed3<\/p>\n
<!DOCTYPE html>\n<html>\n<head>\n <title><\/title>\n <link rel="stylesheet" href="~\/lib\/bootstrap\/dist\/css\/bootstrap.min.css" \n \u27a5 \/>\n<\/head>\n<body>\n <div class="container">\n <header class="card alert-success border-5 p-3 mt-3">Header<\/header>\n <nav class="card alert-primary border-5 p-3 mt-2">Navigation<\/nav>\n <div class="row mt-2">\n <div class="col-3">\n <div class="card alert-warning p-5 border-5">\n Deal Of The Day Widget 1\n <\/div>\n <\/div>\n <div class="col-9 card border-5">\n Main Content\n <\/div>\n <\/div>\n <footer class="card border-5 p-3 mt-2">Footer<\/footer>\n <\/div>\n<\/body>\n<\/html><\/code><\/pre>\n\u5982\u679c\u60a8\u521b\u5efa\u4e86\u591a\u4e2a\u9875\u9762\uff0c\u5e76\u4e14\u6bcf\u4e2a\u9875\u9762\u5206\u522b\u5305\u542b\u8fd9\u4e9b\u901a\u7528\u5185\u5bb9\uff0c\u5219\u7ef4\u62a4\u5b83\u7684\u8d1f\u62c5\u53ef\u80fd\u4f1a\u53d8\u5f97\u96be\u4ee5\u5fcd\u53d7\u3002\u6bcf\u6b21\u5411\u7f51\u7ad9\u6dfb\u52a0\u65b0\u9875\u9762\u65f6\uff0c\u90fd\u5fc5\u987b\u66f4\u65b0\u6240\u6709\u73b0\u6709\u9875\u9762\u4e2d\u7684\u5bfc\u822a\u3002\u7406\u60f3\u60c5\u51b5\u4e0b\uff0c\u60a8\u5e0c\u671b\u5c06\u8fd9\u4e9b\u91cd\u590d\u5185\u5bb9\u96c6\u4e2d\u5728\u4e00\u4e2a\u4f4d\u7f6e\uff0c\u4ee5\u4fbf\u4e8e\u7ef4\u62a4\u3002\u8fd9\u79cd\u65b9\u6cd5\u88ab\u79f0\u4e3a DRY\uff08\u4e0d\u8981\u91cd\u590d\u81ea\u5df1\uff09\u3002DRY \u662f\u8f6f\u4ef6\u5f00\u53d1\u7684\u57fa\u672c\u539f\u5219\u4e4b\u4e00\u3002<\/p>\n
\u5e03\u5c40\u9875\u9762\u652f\u6301\u4f7f\u7528 DRY \u65b9\u6cd5\u7ba1\u7406\u5e38\u89c1\u9875\u9762\u5185\u5bb9\u3002\u5b83\u4eec\u5145\u5f53\u5f15\u7528\u5b83\u7684\u6240\u6709\u5185\u5bb9\u9875\u9762\u7684\u7236\u6a21\u677f\u6216\u4e3b\u6a21\u677f\u3002\u5728\u5c06\u65b0\u9875\u9762\u6dfb\u52a0\u5230\u7ad9\u70b9\u5bfc\u822a\u65f6\uff0c\u60a8\u5df2\u7ecf\u7b80\u8981\u5730\u67e5\u770b\u4e86\u793a\u4f8b\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u5e03\u5c40\u9875\u9762\u3002\u5e03\u5c40\u662f\u6269\u5c55\u540d\u4e3a .cshtml \u7684\u5e38\u89c4 Razor \u6587\u4ef6\uff0c\u4f46\u4f7f\u5176\u5145\u5f53\u5e03\u5c40\u7684\u539f\u56e0\u662f\u5b83\u5305\u542b\u5bf9 RenderBody \u65b9\u6cd5\u7684\u8c03\u7528\uff0c\u5176\u4e2d\u5448\u73b0\u7279\u5b9a\u4e8e\u9875\u9762\u7684\u5185\u5bb9\uff0c\u5982\u4e0b\u9762\u7684\u5217\u8868\u6240\u793a\u3002<\/p>\n
\u5217\u8868 3.17 \u4e00\u4e2a Razor \u5e03\u5c40\u9875\u9762\uff0c\u5305\u62ec\u5bf9 RenderBody \u7684\u8c03\u7528<\/p>\n
<!DOCTYPE html>\n<html>\n<head>\n <title><\/title>\n <link rel="stylesheet" href="~\/lib\/bootstrap\/dist\/css\/bootstrap.min.css" \n \/>\n<\/head>\n<body>\n <div class="container">\n <header class="card alert-success border-5 p-3 mt-3">Header<\/header>\n <nav class="card alert-primary border-5 p-3 mt-2">Navigation<\/nav>\n <div class="row mt-2">\n <div class="col-3">\n <div class="card alert-warning p-5 border-5">\n Deal Of The Day Widget 1\n <\/div>\n <\/div>\n <div class="col-9 card border-5">\n @RenderBody() \u2776\n <\/div>\n <\/div>\n <footer class="card border-5 p-3 mt-2">Footer<\/footer>\n <\/div>\n<\/body>\n<\/html><\/code><\/pre>\n\u2776 \u8fd9\u662f\u5c06\u5185\u5bb9\u9875\u9762\u7684\u8f93\u51fa\u6ce8\u5165\u5e03\u5c40\u7684\u70b9\u3002<\/p>\n
RenderBody \u65b9\u6cd5\u8c03\u7528\u662f\u5e03\u5c40\u9875\u9762\u7684\u552f\u4e00\u8981\u6c42\u3002\u5e03\u5c40\u9875\u9762\u4e2d\u7684\u5176\u4ed6\u6240\u6709\u5185\u5bb9\u90fd\u5305\u542b\u5728\u5f15\u7528\u5b83\u7684\u6240\u6709\u4eba\u6c14\u9875\u9762\u4e2d\uff0c\u8fd9\u4f7f\u5f97\u7ba1\u7406\u5b83\u53d8\u5f97\u975e\u5e38\u5bb9\u6613\u3002\u60a8\u5bf9\u5e03\u5c40\u6240\u505a\u7684\u4efb\u4f55\u66f4\u6539\u90fd\u4f1a\u7acb\u5373\u5e94\u7528\u4e8e\u5f15\u7528\u8be5\u5e03\u5c40\u7684\u6240\u6709\u9875\u9762\u3002<\/p>\n
3.2.1 \u6307\u5b9a Layout \u5c5e\u6027<\/h3>\n
\u7279\u5b9a\u9875\u9762\u7684\u5e03\u5c40\u662f\u901a\u8fc7\u9875\u9762\u7684 Layout \u5c5e\u6027\u4ee5\u7f16\u7a0b\u65b9\u5f0f\u5206\u914d\u7684\u3002\u4f20\u9012\u7ed9 Layout \u5c5e\u6027\u7684\u503c\u662f\u4e00\u4e2a\u5b57\u7b26\u4e32\uff0c\u8868\u793a\u4e0d\u5e26\u6269\u5c55\u540d\u7684\u5e03\u5c40\u6587\u4ef6\u7684\u540d\u79f0\u6216\u5e03\u5c40\u6587\u4ef6\u7684\u8def\u5f84\u3002\u4ee5\u4e0b\u6e05\u5355\u4e2d\u7684\u4efb\u4f55\u4e00\u79cd\u65b9\u6cd5\u90fd\u53ef\u4ee5\u4f7f\u7528\u3002<\/p>\n
\u793a\u4f8b 3.18 \u901a\u8fc7 Layout \u5c5e\u6027\u8bbe\u7f6e\u5e03\u5c40\u9875\u9762<\/p>\n
@{\n Layout = \u201c_Layout\u201d;\n Layout = \u201c\/Pages\/Shared\/_Layout.cshtml\u201d;\n}<\/code><\/pre>\n\u4f7f\u7528\u7b2c\u4e00\u79cd\u65b9\u6cd5\u6309\u540d\u79f0\u8bbe\u7f6e\u5e03\u5c40\u65f6\uff0c\u6846\u67b6\u4f1a\u5728\u591a\u4e2a\u9884\u5b9a\u4e49\u4f4d\u7f6e\u641c\u7d22\u5177\u6709\u5339\u914d\u540d\u79f0\u548c\u9884\u914d\u7f6e\u6269\u5c55\u540d\uff08\u9ed8\u8ba4\u4e3a .cshtml\uff09\u7684\u6587\u4ef6\u3002\u9996\u5148\u641c\u7d22\u5305\u542b\u8c03\u7528\u9875\u9762\u7684\u6587\u4ef6\u5939\uff0c\u5982\u679c\u9002\u7528\uff0c\u5c06\u641c\u7d22\u5c42\u6b21\u7ed3\u6784\u4e2d\u76f4\u5230\u6839 Pages \u6587\u4ef6\u5939\u7684\u6240\u6709\u6587\u4ef6\u5939\u3002\u6700\u540e\uff0c\u518d\u641c\u7d22\u4e24\u4e2a\u4f4d\u7f6e\uff1a\\Pages\\Shared \u548c \\Views\\Shared\u3002\u540e\u8005\u662f\u4f7f\u7528 MVC \u6846\u67b6\u672c\u8eab\u6784\u5efa\u7684\u5e94\u7528\u7a0b\u5e8f\u7684\u9057\u7559\u95ee\u9898\u3002\u4f8b\u5982\uff0c\u5982\u679c\u5c06\u8c03\u7528\u9875\u653e\u5728 \\Pages\\Admin\\DestinationsOrders \u4e2d\uff0c\u5219\u641c\u7d22\u4f4d\u7f6e\u5c06\u5982\u4e0b\u6240\u793a\uff1a<\/p>\n
\\Pages\\Admin\\DestinationsOrders\\ _Layout.cshtml\n\\Pages\\Admin\\ _Layout.cshtml\n\\Pages\\_Layout.cshtml\n\\Pages\\Shared\\ _Layout.cshtml\n\\Views\\Shared\\ _Layout.cshtml<\/code><\/pre>\n\u5982\u679c\u60a8\u60f3\u5c06\u76f8\u540c\u7684\u5e03\u5c40\u5206\u914d\u7ed9\u591a\u4e2a\u9875\u9762\uff0c\u90a3\u4e48\u9010\u9875\u8bbe\u7f6e\u5e03\u5c40\u5e76\u4e0d\u662f\u4e00\u79cd\u975e\u5e38\u6709\u6548\u7684\u65b9\u6cd5\uff0c\u539f\u56e0\u4e0e\u60a8\u6700\u521d\u4f7f\u7528\u5e03\u5c40\u7684\u539f\u56e0\u76f8\u540c\uff1a\u5728\u591a\u4e2a\u4f4d\u7f6e\u66f4\u65b0\u5b83\u6210\u4e3a\u4e00\u4ef6\u82e6\u5dee\u4e8b\u3002\u8981\u89e3\u51b3\u6b64\u95ee\u9898\uff0c\u60a8\u53ef\u4ee5\u4f7f\u7528 ViewStart \u6587\u4ef6\u3002\u8fd9\u662f\u4e00\u4e2a\u540d\u4e3a _ViewStart.cshtml \u7684\u7279\u6b8a Razor \u6587\u4ef6\uff0c\u60a8\u53ef\u4ee5\u5728 Pages \u6587\u4ef6\u5939\u4e2d\u627e\u5230\u8be5\u6587\u4ef6\u7684\u793a\u4f8b\u3002\u6b64\u6587\u4ef6\u901a\u5e38\u4ec5\u5305\u542b\u4e00\u4e2a\u4ee3\u7801\u5757\uff0c\u5c3d\u7ba1\u5b83\u4e5f\u53ef\u4ee5\u5305\u542b\u6807\u8bb0\u3002ViewStart \u6587\u4ef6\u4e2d\u7684\u4ee3\u7801\u5728\u5b83\u5f71\u54cd\u7684\u4efb\u4f55\u9875\u9762\u4e4b\u524d\u6267\u884c\uff0c\u8be5\u9875\u9762\u662f\u540c\u4e00\u6587\u4ef6\u5939\u548c\u6240\u6709\u5b50\u6587\u4ef6\u5939\u4e2d\u7684\u4efb\u4f55 Razor \u9875\u9762\u3002\u56fe 3.3 \u663e\u793a\u4e86\u8bf7\u6c42\u4f20\u5165\u65f6\u7684\u6267\u884c\u987a\u5e8f\u3002\u9996\u5148\u662f ViewStart \u6587\u4ef6\uff0c\u7136\u540e\u662f\u5185\u5bb9\u9875\uff0c\u7136\u540e\u662f\u5e03\u5c40\u6587\u4ef6\u4e2d\u7684\u4efb\u4f55\u4ee3\u7801\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0303.png\")
<\/p>\n
\u56fe 3.3 Razor \u6587\u4ef6\u7684\u6267\u884c\u987a\u5e8f\uff1aViewStart\uff0c\u7136\u540e\u662f\u5185\u5bb9\u9875\uff0c\u7136\u540e\u662f\u5e03\u5c40\u9875<\/p>\n
ViewStart \u5728\u5b83\u5f71\u54cd\u7684\u4efb\u4f55\u9875\u9762\u4e4b\u524d\u6267\u884c\uff0c\u8fd9\u4f7f\u5176\u6210\u4e3a\u4e3a\u6240\u6709\u8fd9\u4e9b\u9875\u9762\u8bbe\u7f6e\u5e03\u5c40\u7684\u7406\u60f3\u65b9\u5f0f\u3002\u5982\u679c\u60a8\u67e5\u770b\u73b0\u6709 ViewStart \u6587\u4ef6\u7684\u5185\u5bb9\uff0c\u60a8\u4f1a\u53d1\u73b0\u8fd9\u6b63\u662f\u5b83\u7684\u4f5c\u7528\uff1a<\/p>\n
@{\n Layout = \u201c_Layout\u201d;\n}<\/code><\/pre>\n\u6211\u63d0\u5230\u8fc7\uff0cViewStart \u4ee3\u7801\u5728\u9875\u9762\u4e2d\u7684\u4ee3\u7801\u4e4b\u524d\u6267\u884c\uff0c\u4f7f\u60a8\u80fd\u591f\u6839\u636e\u9700\u8981\u9010\u9875\u66f4\u6539\u5168\u5c40\u8bbe\u7f6e\u3002\u5728\u5355\u4e2a\u9875\u9762\u4e2d\u53d1\u751f\u7684\u4efb\u4f55\u5e03\u5c40\u5206\u914d\u90fd\u5c06\u8986\u76d6 ViewStart\u3002\u540c\u6837\uff0c\u5982\u679c\u60a8\u5c06\u5176\u4ed6 ViewStart \u6587\u4ef6\u653e\u5728 Pages \u6587\u4ef6\u5939\u5c42\u6b21\u7ed3\u6784\u7684\u8f83\u4f4e\u4f4d\u7f6e\uff0c\u5219\u5176\u4e2d\u7684\u5e03\u5c40\u5206\u914d\u5c06\u8986\u76d6\u5c42\u6b21\u7ed3\u6784\u8f83\u9ad8\u4f4d\u7f6e\u7684 ViewStart \u6587\u4ef6\u4e2d\u7684\u4efb\u4f55\u5206\u914d\u3002<\/p>\n
\u5173\u4e8e layouts \u7684\u6700\u540e\u4e00\u70b9\u8bf4\u660e\uff1a\u53ef\u4ee5\u5d4c\u5957 layout \u6587\u4ef6\uff0c\u56e0\u6b64\u4e00\u4e2a layout \u5f15\u7528\u53e6\u4e00\u4e2a layout\u3002\u4e3a\u6b64\uff0c\u60a8\u9700\u8981\u5728\u5b50\u5e03\u5c40\u4e2d\u663e\u5f0f\u5206\u914d\u5e03\u5c40\u3002\u56fe 3.4 \u663e\u793a\u4e86\u9875\u9762\u3001\u5d4c\u5957\uff08\u5b50\uff09\u5e03\u5c40\u548c\u4e3b\u5e03\u5c40\u4e4b\u95f4\u7684\u5173\u7cfb\u3002Index \u5185\u5bb9\u5c06\u6ce8\u5165\u5230\u653e\u7f6e RenderBody \u7684\u5d4c\u5957\u5e03\u5c40\u4e2d\u3002\u5408\u5e76\u7684\u5185\u5bb9\u5c06\u6ce8\u5165\u5230\u5e03\u5c40\u6587\u4ef6\u4e2d\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0304.png\")
<\/p>\n
\u56fe 3.4 \u7d22\u5f15\u9875\u9762\u5f15\u7528 _ChildLayout \u6587\u4ef6\uff0c\u800c\u8be5\u6587\u4ef6\u53c8\u5f15\u7528\u4e3b _Layout \u6587\u4ef6\u3002<\/p>\n
\u60a8\u4e0d\u80fd\u4f9d\u8d56 ViewStart \u6587\u4ef6\u5728\u5b50\u5e03\u5c40\u4e2d\u8bbe\u7f6e\u7236\u5e03\u5c40\u6587\u4ef6\u3002ViewStart \u6587\u4ef6\u5bf9\u5176\u6587\u4ef6\u5939\u6216\u5b50\u6587\u4ef6\u5939\u4e2d\u7684\u5e03\u5c40\u6ca1\u6709\u5f71\u54cd\u3002\u5d4c\u5957\u5e03\u5c40\u53ef\u4ee5\u542f\u7528\u4e00\u4e9b\u6709\u4ef7\u503c\u7684\u65b9\u6848\uff0c\u5728\u8fd9\u4e9b\u65b9\u6848\u4e2d\uff0c\u60a8\u5e0c\u671b\u4e3a\u9875\u9762\u5b50\u96c6\u663e\u793a\u5176\u4ed6\u5185\u5bb9\uff0c\u4f8b\u5982\uff0c\u60a8\u5c06\u8fd9\u4e9b\u5185\u5bb9\u5e94\u7528\u4e8e\u5b50\u5e03\u5c40\u3002<\/p>\n
3.2.2 \u4f7f\u7528 sections \u6ce8\u5165\u53ef\u9009\u5185\u5bb9<\/h3>\n
\u5728\u67d0\u4e9b\u60c5\u51b5\u4e0b\uff0c\u60a8\u53ef\u80fd\u5e0c\u671b\u67d0\u4e9b\u5185\u5bb9\u9875\u9762\u80fd\u591f\u9009\u62e9\u6027\u5730\u63d0\u4f9b\u5176\u4ed6\u57fa\u4e8e HTML \u7684\u5185\u5bb9\uff0c\u4ee5\u4f5c\u4e3a\u5e03\u5c40\u7684\u4e00\u90e8\u5206\u8fdb\u884c\u5448\u73b0\u3002\u56fe 3.5 \u663e\u793a\u4e86\u5177\u6709\u4e0d\u540c\u5c0f\u7ec4\u4ef6\u7684\u4e0a\u4e00\u4e2a\u5e03\u5c40\uff1aThings to Do\u3002\u60a8\u53ef\u4ee5\u60f3\u8c61\u6b64\u5fae\u4ef6\u5305\u542b\u6709\u5173\u60a8\u5f53\u524d\u6b63\u5728\u67e5\u770b\u7684\u5ea6\u5047\u5730\u70b9\u7684\u611f\u5174\u8da3\u666f\u70b9\u7684\u5176\u4ed6\u4fe1\u606f - \u4f8b\u5982\uff0c\u5982\u679c\u60a8\u9009\u62e9\u5df4\u9ece\u4f5c\u4e3a\u76ee\u7684\u5730\uff0c\u5219\u53c2\u89c2\u57c3\u83f2\u5c14\u94c1\u5854\u3002\u6b64\u5c0f\u7ec4\u4ef6\u5305\u542b\u5728\u5e03\u5c40\u533a\u57df\u4e2d\uff0c\u8be5\u533a\u57df\u5bf9\u6240\u6709\u9875\u9762\u90fd\u662f\u901a\u7528\u7684\uff0c\u4f46\u53ea\u6709\u5728\u9009\u62e9\u76ee\u6807\u540e\u624d\u4f1a\u663e\u793a\uff0c\u5e76\u4e14\u5176\u5185\u5bb9\u5c06\u53d6\u51b3\u4e8e\u6240\u9009\u76ee\u6807\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0305.png\")
<\/p>\n
\u56fe 3.5 \u201c\u5f85\u529e\u4e8b\u9879\u201d \u5c0f\u7ec4\u4ef6\u8868\u793a\u4f4d\u4e8e\u5e03\u5c40\u4e2d\u7684\u7279\u5b9a\u4e8e\u9875\u9762\u7684\u5185\u5bb9\u3002<\/p>\n
Razor \u5305\u542b\u542f\u7528\u6b64\u65b9\u6848\u7684\u90e8\u5206\uff0c\u8fd9\u4e9b\u90e8\u5206\u4f7f\u7528\u5185\u5bb9\u9875\u4e2d\u7684 @section \u6307\u4ee4\u5b9a\u4e49\u3002\u4e0b\u9762\u7684\u6e05\u5355\u663e\u793a\u4e86\u4e00\u4e2a\u540d\u4e3a ThingsToDoWidget \u7684\u90e8\u5206\uff0c\u8be5\u90e8\u5206\u4e0e\u4e00\u4e9b HTML \u5185\u5bb9\u4e00\u8d77\u5b9a\u4e49\u3002<\/p>\n
\u5217\u8868 3.19 \u4f7f\u7528 @section \u6307\u4ee4\u5b9a\u4e49 Razor \u90e8\u5206<\/p>\n
@section ThingsToDoWidget{\n <p>Visit Eiffel Tower<\/p>\n}<\/code><\/pre>\n\u901a\u8fc7\u5728\u5e0c\u671b\u5185\u5bb9\u663e\u793a\u7684\u4f4d\u7f6e\u8c03\u7528 RenderSectionAsync \u65b9\u6cd5\uff0c\u53ef\u4ee5\u5728\u5e03\u5c40\u9875\u4e2d\u5448\u73b0\u90e8\u5206\u7684\u5185\u5bb9\u3002\u8be5\u65b9\u6cd5\u6709\u4e24\u4e2a\u7248\u672c\uff1a\u4e00\u4e2a\u7248\u672c\u5c06\u90e8\u5206\u7684\u540d\u79f0\u4f5c\u4e3a\u5b57\u7b26\u4e32\uff0c\u53e6\u4e00\u4e2a\u7248\u672c\u4e5f\u91c7\u7528\u5e03\u5c14\u503c\uff0c\u6307\u793a\u6240\u6709\u5185\u5bb9\u9875\u9762\u662f\u5426\u9700\u8981\u5b9a\u4e49\u90e8\u5206 \uff08true\uff09 \u6216\u53ef\u9009 \uff08false\uff09\u3002\u5728\u4e0b\u4e00\u4e2a\u793a\u4f8b\u4e2d\uff0c\u53ea\u6709\u76ee\u6807\u9875\u9762\u4f1a\u4e3a\u8be5\u90e8\u5206\u63d0\u4f9b\u5185\u5bb9\uff0c\u56e0\u6b64\u5bf9\u4e8e\u6240\u6709\u5176\u4ed6\u9875\u9762\u6765\u8bf4\uff0c\u5b83\u90fd\u662f\u53ef\u9009\u7684\u3002\u56e0\u6b64\uff0c\u60a8\u5c06\u4f7f\u7528\u7528\u4e8e\u5c06 false \u4f20\u9012\u7ed9\u7b2c\u4e8c\u4e2a\u53c2\u6570\u7684\u91cd\u8f7d\uff1a<\/p>\n
@await RenderSectionAsync(\u201cThingsToDoWidget\u201d, false)<\/code><\/pre>\n\u78b0\u5de7\u7684\u662f\uff0c\u5df2\u7ecf\u6709\u4e00\u4e2a\u5bf9 RenderSectionAsync \u65b9\u6cd5\u7684\u8c03\u7528\uff0c\u8be5\u65b9\u6cd5\u5f15\u7528\u9ed8\u8ba4\u9879\u76ee\u5e03\u5c40\u6587\u4ef6\u4e2d\u7684 scripts \u90e8\u5206\uff0c\u4f4d\u4e8e\u7ed3\u675f body \u5143\u7d20\u4e4b\u524d\uff1a<\/p>\n
<script src="~\/lib\/jquery\/dist\/jquery.min.js"><\/script>\n <script src="~\/lib\/bootstrap\/dist\/js\/bootstrap.bundle.min.js"><\/script>\n <script src="~\/js\/site.js" asp-append-version="true"><\/script>\n\n @await RenderSectionAsync("Scripts", required: false)\n<\/body><\/code><\/pre>\n\u672c\u90e8\u5206\u7684\u76ee\u7684\u662f\u5728\u5e03\u5c40\u4e2d\u5305\u542b\u7279\u5b9a\u4e8e\u9875\u9762\u7684 JavaScript \u6587\u4ef6\uff0c\u4ee5\u4fbf\u5b83\u4eec\u663e\u793a\u5728\u5168\u5c40\u811a\u672c\u6587\u4ef6\u4e4b\u540e\u3002\u8fd9\u6837\uff0c\u7279\u5b9a\u4e8e\u9875\u9762\u7684\u6587\u4ef6\u5c31\u53ef\u4ee5\u4f7f\u7528\u5168\u5c40\u6587\u4ef6\u7684\u5185\u5bb9\u3002<\/p>\n
IsSectionDefined \u65b9\u6cd5\u53ef\u7528\u4e8e\u5e03\u5c40\u9875\uff0c\u4ee5\u786e\u5b9a\u5185\u5bb9\u9875\u662f\u5426\u5df2\u5b9a\u4e49\u7279\u5b9a\u90e8\u5206\u3002\u4f8b\u5982\uff0c\u5982\u679c\u8981\u5728\u8c03\u7528\u9875\u9762\u672a\u5b9a\u4e49\u90e8\u5206\u65f6\u663e\u793a\u4e00\u4e9b\u9ed8\u8ba4\u5185\u5bb9\uff0c\u5219\u6b64\u65b9\u6cd5\u53ef\u80fd\u5f88\u6709\u7528\u3002<\/p>\n
\u5217\u8868 3.20 \u4f7f\u7528 IsSectionDefined \u6765\u786e\u5b9a\u8c03\u7528\u9875\u9762\u662f\u5426\u5b9a\u4e49\u4e86\u4e00\u4e2a\u90e8\u5206<\/p>\n
<div class="card alert-danger p-5 border-5 mt-2">\n@if (IsSectionDefined("ThingsToDoWidget"))\n{\n @await RenderSectionAsync("ThingsToDoWidget")\n}\nelse\n{\n <p>Things To Do Widget default content<\/p>\n}\n<\/div><\/code><\/pre>\n\u5982\u679c\u5185\u5bb9\u9875\u5b9a\u4e49\u4e86\u4e00\u4e2a\u90e8\u5206\uff0c\u5219\u5fc5\u987b\u5728\u5e03\u5c40\u9875\u4e2d\u5bf9\u5176\u8fdb\u884c\u5904\u7406\uff0c\u901a\u5e38\u901a\u8fc7\u8c03\u7528 RenderSectionAsync \u8fdb\u884c\u5904\u7406\u3002\u4f46\u662f\uff0c\u5f53\u60a8\u4e0d\u60f3\u5448\u73b0\u90e8\u5206\u7684\u5185\u5bb9\u65f6\uff0c\u60a8\u53ef\u80fd\u6709\u6761\u4ef6\u3002\u5728\u8fd9\u4e9b\u60c5\u51b5\u4e0b\uff0c\u53ef\u4ee5\u4f7f\u7528 IgnoreSection \u65b9\u6cd5\u6765\u963b\u6b62\u5448\u73b0\u3002<\/p>\n
\u793a\u4f8b 3.21 \u4f7f\u7528 IgnoreSection \u963b\u6b62\u6e32\u67d3\u7ae0\u8282\u5185\u5bb9<\/p>\n
@if(!IsAdmin)\n{\n IgnoreSection(\u201cadmin\u201d);\n}\nelse\n{\n @await RenderSectionAsync(\u201cadmin\u201d)\n}<\/code><\/pre>\n\u8bf7\u6ce8\u610f\uff0cIgnoreSection \u65b9\u6cd5\u8fd4\u56de void\uff0c\u56e0\u6b64\u5b83\u4e0d\u4ee5 @ \u7b26\u53f7\u4e3a\u524d\u7f00\uff0c\u5fc5\u987b\u4ee5\u5206\u53f7\u7ed3\u5c3e\u3002<\/p>\n
3.3 \u5e26\u6709\u90e8\u5206\u89c6\u56fe\u3001\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u548c\u89c6\u56fe\u7ec4\u4ef6\u7684\u53ef\u91cd\u7528 HTML<\/h2>\n
\u5e03\u5c40\u662f\u5b9e\u73b0\u53ef\u91cd\u7528 HTML \u7684\u4e00\u79cd\u65b9\u5f0f\u3002\u60a8\u53ef\u4ee5\u5728\u4e00\u4e2a\u4f4d\u7f6e\u5b9a\u4e49\u7f51\u7ad9\u5e03\u5c40\uff0c\u5f15\u7528\u8be5\u5e03\u5c40\u7684\u6240\u6709\u9875\u9762\u90fd\u4f1a\u4f7f\u7528\u8be5\u5e03\u5c40\u3002ASP.NET Core \u63d0\u4f9b\u4e86\u5176\u4ed6\u57fa\u4e8e Razor \u7684\u673a\u5236\u6765\u5904\u7406\u53ef\u91cd\u7528\u7684 HTML\uff1a\u5206\u90e8\u89c6\u56fe\u3001\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u548c\u89c6\u56fe\u7ec4\u4ef6\u3002\u5728\u672c\u8282\u4e2d\uff0c\u6211\u5c06\u4ecb\u7ecd\u6240\u6709 3 \u4e2a\u529f\u80fd\u5e76\u89e3\u91ca\u5b83\u4eec\u7684\u4f7f\u7528\u65b9\u6cd5\u3002<\/p>\n
3.3.1 \u90e8\u5206\u89c6\u56fe<\/h3>\n
\u5206\u90e8\u89c6\u56fe\u662f\u4e00\u4e2a Razor \uff08.cshtml\uff09 \u6587\u4ef6\uff0c\u5176\u4e2d\u5305\u542b\u4e00\u4e2a HTML \u5757\u548c\u4e00\u4e9b Razor \u8bed\u6cd5\uff08\u53ef\u9009\uff09\u3002\u5b83\u4e0e\u6807\u51c6 Razor \u9875\u9762\u7684\u4e0d\u540c\u4e4b\u5904\u5728\u4e8e\uff0c\u5206\u90e8\u89c6\u56fe\u4e0d\u5305\u542b @page \u6307\u4ee4\uff0c\u56e0\u4e3a\u5b83\u4e0d\u6253\u7b97\u76f4\u63a5\u6d4f\u89c8\u3002\u53ef\u4ee5\u4f7f\u7528\u5206\u90e8\u89c6\u56fe<\/p>\n
\u2022 \u5c06\u590d\u6742\u7684 UI \u5206\u89e3\u4e3a\u66f4\u6613\u4e8e\u7ba1\u7406\u7684\u90e8\u5206
\n\u2022 \u907f\u514d\u4ee3\u7801\u91cd\u590d
\n\u2022 \u5728 AJAX \u65b9\u6848\u4e2d\u751f\u6210\u7528\u4e8e\u5f02\u6b65\u90e8\u5206\u9875\u66f4\u65b0\u7684 HTML<\/p>\n
\u5947\u602a\u7684\u662f\uff0cVisual Studio \u4e2d\u6ca1\u6709\u90e8\u5206\u89c6\u56fe\u6a21\u677f\u3002\u60a8\u53ef\u4ee5\u4f7f\u7528\u751f\u6210\u5355\u4e2a Razor \u6587\u4ef6\u7684\u4efb\u4f55\u9009\u9879\u3002\u6211\u901a\u5e38\u4f7f\u7528 Razor View > Empty \u6a21\u677f\uff0c\u7136\u540e\u5220\u9664\u9ed8\u8ba4\u5185\u5bb9\u3002VS Code \u7528\u6237\u53ea\u9700\u6dfb\u52a0\u5e26\u6709 .cshtml \u540e\u7f00\u7684\u65b0\u6587\u4ef6\uff0c\u6216\u4f7f\u7528 CLI \u751f\u6210\u65b0\u7684 ViewStart \u6216 ViewImports \u6587\u4ef6\uff0c\u7136\u540e\u66f4\u6539\u6587\u4ef6\u540d\u5e76\u5220\u9664\u9ed8\u8ba4\u5185\u5bb9\uff1a<\/p>\n
dotnet new viewimports\ndotnet new viewstart<\/code><\/pre>\n\u901a\u5e38\uff0c\u5206\u90e8\u89c6\u56fe\u5728\u6587\u4ef6\u540d\u4e2d\u4f7f\u7528\u524d\u5bfc\u4e0b\u5212\u7ebf\u547d\u540d\uff0c\u4f8b\u5982 _myPartial.cshtml\u3002\u6b64\u7ea6\u5b9a\u4e0d\u662f\u5fc5\u9700\u7684\uff0c\u4f46\u5b83\u53ef\u80fd\u6709\u52a9\u4e8e\u533a\u5206 partials \u548c\u5176\u4ed6\u6587\u4ef6\u3002\u60a8\u53ef\u4ee5\u5c06\u5206\u90e8\u89c6\u56fe\u653e\u7f6e\u5728 Pages \u6587\u4ef6\u5939\u4e2d\u7684\u4efb\u610f\u4f4d\u7f6e\u3002\u5c40\u90e8\u89c6\u56fe\u7684\u53d1\u73b0\u8fc7\u7a0b\u4e0e\u5e03\u5c40\u76f8\u540c\uff1a\u5305\u542b\u5f53\u524d\u9875\u9762\u548c\u6240\u6709\u7236\u9879\u7684\u6587\u4ef6\u5939\uff0c\u540e\u8ddf Pages\\Shared \u548c Views\\Shared \u6587\u4ef6\u5939\u3002<\/p>\n
\u5230\u76ee\u524d\u4e3a\u6b62\uff0c\u6211\u4eec\u6784\u5efa\u7684\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u5e03\u5c40\u6587\u4ef6\u975e\u5e38\u7b80\u5355\uff0c\u4f46\u5b83\u53ef\u80fd\u4f1a\u53d8\u5f97\u66f4\u52a0\u590d\u6742\u3002UI \u7684\u5355\u72ec\u90e8\u5206\u90fd\u662f\u5206\u90e8\u89c6\u56fe\u7684\u5019\u9009\u9879\u3002\u4ee5\u5bfc\u822a\u4e3a\u4f8b\u3002\u6b64\u533a\u57df\u7684\u4ee3\u7801\u53ef\u4ee5\u5206\u79bb\u5230\u53e6\u4e00\u4e2a\u6587\u4ef6\u4e2d\uff0c\u7136\u540e\u4ece\u5e03\u5c40\u6587\u4ef6\u4e2d\u5f15\u7528\u8be5\u6587\u4ef6\u3002<\/p>\n
\u82e5\u8981\u6d4b\u8bd5\u5982\u4f55\u521b\u5efa\u5206\u90e8\u89c6\u56fe\uff0c\u53ef\u4ee5\u4ece\u6e05\u5355 3.16 \u4e2d\u7684\u793a\u4f8b\u5e03\u5c40\u6587\u4ef6\u4e2d\u526a\u5207 nav \u5143\u7d20\uff0c\u5e76\u5c06\u5176\u7c98\u8d34\u5230\u540d\u4e3a _NavigationPartial .cshtml \u7684\u65b0 Razor \u6587\u4ef6\u4e2d\uff0c\u5e94\u5c06\u5176\u653e\u7f6e\u5728 Pages\\Shared \u6587\u4ef6\u5939\u4e2d\u3002\u73b0\u5728\uff0c\u60a8\u7684\u5e03\u5c40\u4e2d\u6709\u4e00\u4e2a\u6f0f\u6d1e\uff0c\u60a8\u9700\u8981\u5f15\u7528\u5206\u90e8\u89c6\u56fe\u3002\u5305\u542b\u90e8\u5206\u89c6\u56fe\u7684\u63a8\u8350\u673a\u5236\u662f partial \u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u3002\u6211\u4eec\u7a0d\u540e\u5c06\u66f4\u8be6\u7ec6\u5730\u4ecb\u7ecd\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\uff0c\u4f46\u73b0\u5728\uff0c\u53ea\u9700\u77e5\u9053\u4ee5\u4e0b\u5185\u5bb9\u5c06\u5728\u8c03\u7528\u9875\u9762\u4e2d\u5448\u73b0\u90e8\u5206\u89c6\u56fe\u7684\u5185\u5bb9\u5c31\u8db3\u591f\u4e86\uff1a<\/p>\n
<partial name=\u201d_NavigationPartial\u201d \/><\/code><\/pre>\n\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u5fc5\u987b\u653e\u7f6e\u5728\u8981\u4ece\u8981\u6e32\u67d3\u7684\u90e8\u5206\u89c6\u56fe\u4e2d\u8f93\u51fa\u7684\u4f4d\u7f6e\u3002\u5728\u9ed8\u8ba4\u6a21\u677f\u4e2d\uff0c\u5b83\u4f4d\u4e8e\u5e03\u5c40\u4e2d\u7684 header \u5143\u7d20\u4e0b\u3002<\/p>\n
Listing 3.22 \u7528\u4e8e\u5305\u542b\u90e8\u5206\u89c6\u56fe\u5185\u5bb9\u7684 partial \u6807\u7b7e\u52a9\u624b<\/p>\n
<body>\n <div class="container">\n <header class="card alert-success border-5 p-3 mt-3">Header<\/header>\n <partial name="_NavigationPartial" \/>\n <div class="row mt-2">\n <div class="col-3">\n <div class="card alert-warning p-5 border-5">\n Deal Of The Day Widget 1\n <\/div><\/code><\/pre>\n\u56fe 3.6 \u63d0\u4f9b\u4e86\u5c06\u90e8\u5206\u6587\u4ef6 \uff08_NavigationPartial.cshtml\uff09 \u7684\u5185\u5bb9\u63d2\u5165\u5230\u8c03\u7528\u9875\u4e2d\u653e\u7f6e\u90e8\u5206\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u7684\u4f4d\u7f6e\u7684\u8fc7\u7a0b\u56fe\u793a\u3002\u5728\u6b64\u793a\u4f8b\u4e2d\uff0c\u5bfc\u822a\u4f4d\u4e8e\u6807\u9898\u4e0b\u65b9\uff0c\u800c\u4e0d\u662f\u4f4d\u4e8e\u6807\u9898\u5185\u90e8\uff0c\u5c31\u50cf\u9ed8\u8ba4\u9879\u76ee\u6a21\u677f\u4e2d\u4e00\u6837\uff08\u56fe 3.6\uff09\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0306.png\")
<\/p>\n
\u56fe 3.6 _NavigationPartial\u7684\u5185\u5bb9\u5c06\u63d2\u5165\u5230 Razor \u6587\u4ef6\u4e2d\uff0c\u901a\u8fc7\u90e8\u5206\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u5f15\u7528\u5b83\u4eec\u7684\u4f4d\u7f6e\u3002<\/p>\n
\u8fd8\u53ef\u4ee5\u4f7f\u7528\u5206\u90e8\u89c6\u56fe\u6765\u907f\u514d\u4ee3\u7801\u91cd\u590d\u3002\u6807\u51c6\u9879\u76ee\u6a21\u677f\u5728 Pages\\Shared \u6587\u4ef6\u5939\u4e2d\u5305\u542b\u4e00\u4e2a\u540d\u4e3a _ValidationScriptsPartial.cshtml \u7684\u90e8\u5206\u6587\u4ef6\u3002\u5b83\u5305\u542b\u4e24\u4e2a script \u5143\u7d20\uff0c\u8fd9\u4e9b\u5143\u7d20\u5f15\u7528\u7528\u4e8e\u9a8c\u8bc1\u8868\u5355\u503c\u7684\u811a\u672c\u3002\u5728\u7b2c 5 \u7ae0\u4e2d\uff0c\u5f53\u4f60\u67e5\u770b\u8868\u5355\u9a8c\u8bc1\u65f6\uff0c\u4f60\u5c06\u4f7f\u7528\u8fd9\u4e2a\u90e8\u5206\u3002<\/p>\n
\u793a\u4f8b\u4e2d\u7684 partial \u548c\u9a8c\u8bc1\u811a\u672c partial \u7531\u9759\u6001\u5185\u5bb9\u7ec4\u6210\u3002Partials \u8fd8\u53ef\u4ee5\u5904\u7406\u52a8\u6001\u5185\u5bb9\u3002\u52a8\u6001\u5185\u5bb9\u7684\u6027\u8d28\u662f\u4f7f\u7528 partial \u6587\u4ef6\u9876\u90e8\u7684 @model \u6307\u4ee4\u6307\u5b9a\u7684\u3002\u4f8b\u5982\uff0c\u5047\u8bbe\u60a8\u7684\u5bfc\u822a\u83dc\u5355\u7684\u6570\u636e\u662f\u7531\u7236\u9875\u9762\u751f\u6210\u7684\uff0c\u5b83\u7531 Dictionary<string\u3001string> \u7ec4\u6210\uff0c\u5176\u4e2d\u952e\u8868\u793a\u8981\u94fe\u63a5\u5230\u7684\u9875\u9762\u7684\u540d\u79f0\uff0c\u503c\u53ef\u80fd\u8868\u793a\u94fe\u63a5\u7684\u6587\u672c\u3002\u8fd9\u662f _NavigationPartial.cshtml \u6587\u4ef6\u7684\u7b2c\u4e00\u884c\u7684\u5916\u89c2\uff1a<\/p>\n
@model Dictionary<string,string><\/code><\/pre>\n\u6570\u636e\u672c\u8eab\u5c06\u7531\u5f15\u7528\u90e8\u5206\u7684\u9875\u9762\u751f\u6210\uff0c\u5e76\u4f5c\u4e3a\u5c5e\u6027\u5305\u542b\u5728\u5176\u81ea\u5df1\u7684\u6a21\u578b\u4e2d\u3002\u7a0d\u540e\uff0c\u5f53\u60a8\u6d4f\u89c8 PageModel \u65f6\uff0c\u60a8\u5c06\u770b\u5230\u5982\u4f55\u5b8c\u6210\u6b64\u4f5c\u3002\u76ee\u524d\uff0c\u60a8\u53ef\u4ee5\u5047\u5b9a\u6b64\u90e8\u5206\u7684\u6570\u636e\u7531\u540d\u4e3a Nav \u7684\u4e3b\u673a\u9875\u9762\u7684\u5c5e\u6027\u8868\u793a\u3002\u60a8\u5c06\u6b64\u6570\u636e\u4f20\u9012\u7ed9 partial \u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u7684 model \u5c5e\u6027\uff1a<\/p>\n
<partial name=\u201d_NavigationPartial\u201d model=\u201dModel.Nav\u201d \/><\/code><\/pre>\n\u6216\u8005\uff0c\u60a8\u53ef\u4ee5\u4f7f\u7528 for \u5c5e\u6027\u6765\u6307\u5b9a\u90e8\u5206\u7684\u6570\u636e\u3002\u8fd9\u4e00\u6b21\uff0cModel \u662f\u9690\u5f0f\u7684\uff1a<\/p>\n
<partial name=\u201d_NavigationPartial\u201d for=\u201dNav\u201d \/><\/code><\/pre>\n\u5728\u7b2c 11 \u7ae0\u4e2d\uff0c\u60a8\u5c06\u770b\u5230\u5982\u4f55\u4f7f\u7528\u5206\u90e8\u89c6\u56fe\u751f\u6210 HTML\uff0c\u4ee5\u4fbf\u5728 AJAX \u65b9\u6848\u4e2d\u7528\u4e8e\u90e8\u5206\u9875\u9762\u66f4\u65b0\u3002<\/p>\n
3.3.2 \u6807\u7b7e\u8f85\u52a9\u51fd\u6570<\/h3>\n
\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u662f\u81ea\u52a8\u751f\u6210 HTML \u7684\u7ec4\u4ef6\u3002\u5b83\u4eec\u65e8\u5728\u4f5c\u7528\u4e8e Razor \u9875\u9762\u7684 HTML \u4e2d\u7684\u6807\u8bb0\u3002ASP.NET Core \u6846\u67b6\u4e2d\u5185\u7f6e\u4e86\u8bb8\u591a\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\uff0c\u5176\u4e2d\u5927\u591a\u6570\u6807\u8bb0\u90fd\u9488\u5bf9\u6807\u51c6 HTML \u6807\u8bb0\uff0c\u4f8b\u5982\u951a\u70b9\uff08\u5728\u5c06\u201c\u6b22\u8fce\u201d\u9875\u9762\u6dfb\u52a0\u5230\u5bfc\u822a\u65f6\uff0c\u60a8\u4f7f\u7528\u4e86\u5176\u4e2d\u4e00\u4e2a\u6807\u8bb0\uff09\u3001input\u3001link\u3001form \u548c image \u6807\u8bb0\u3002\u5176\u4ed6 \uff08\u5982\u60a8\u521a\u624d\u770b\u5230\u7684\u90e8\u5206\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\uff09 \u5219\u4ee5\u60a8\u81ea\u5df1\u521b\u5efa\u7684\u81ea\u5b9a\u4e49\u6807\u7b7e\u4e3a\u76ee\u6807\u3002\u6bcf\u4e2a\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u90fd\u65e8\u5728\u4f5c\u7528\u4e8e\u7279\u5b9a\u6807\u8bb0\uff0c\u5e76\u89e3\u6790\u670d\u52a1\u5668\u7aef\u5904\u7406\u671f\u95f4\u4f7f\u7528\u7684\u6570\u636e\u7684\u5c5e\u6027\u503c\uff0c\u4ee5\u751f\u6210\u751f\u6210\u7684 HTML\u3002\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u89e3\u6790\u7684\u5927\u591a\u6570\u5c5e\u6027\u90fd\u662f\u81ea\u5b9a\u4e49\u7684\uff0c\u4ee5 asp- \u5f00\u5934\u3002\u63d0\u9192\u4e00\u4e0b\uff0c\u4ee5\u4e0b\u662f\u60a8\u6dfb\u52a0\u5230 Welcome \uff08\u6b22\u8fce\uff09 \u9875\u9762\u7684\u7f51\u7ad9\u5bfc\u822a\u4e2d\u7684\u951a\u70b9\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\uff1a<\/p>\n
<a class="nav-link text-dark" asp-area="" asp-page="\/Welcome">Welcome<\/a><\/code><\/pre>\nasp-area \u548c asp-page \u5c5e\u6027\u662f\u81ea\u5b9a\u4e49\u5c5e\u6027\u3002\u4ed6\u4eec\u7684\u89d2\u8272\u662f\u5411\u951a\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u63d0\u4f9b\u6709\u5173\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u7528\u4e8e\u751f\u6210 URL \u7684\u533a\u57df\u548c\u9875\u9762\u7684\u4fe1\u606f\u3002\u5728\u4e0b\u4e00\u7ae0\u4e2d\uff0c\u5f53\u60a8\u63a2\u7d22\u8def\u7531\u548c URL \u65f6\uff0c\u60a8\u5c06\u4e86\u89e3\u533a\u57dfs\u3002\u5f53\u951a\u70b9\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u5b8c\u6210\u5904\u7406\u5e76\u5c06\u6807\u8bb0\u5448\u73b0\u4e3a HTML \u65f6\uff0c\u751f\u6210\u7684 URL \u5c06\u663e\u793a\u4e3a\u6807\u51c6 href \u5c5e\u6027\u3002\u4e0d\u4f1a\u5448\u73b0\u81ea\u5b9a\u4e49\u5c5e\u6027\u3002<\/p>\n
\u542f\u7528\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f<\/h2>\n
\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u662f\u4e00\u9879\u53ef\u9009\u529f\u80fd\u3002\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0c\u5b83\u4eec\u672a\u542f\u7528;\u4e0d\u8fc7\uff0c\u5982\u679c\u4ece\u6807\u51c6\u9879\u76ee\u6a21\u677f\u5f00\u59cb\uff0c\u5219\u5b83\u4eec\u5c06\u901a\u8fc7\u4ee5\u4e0b\u4ee3\u7801\u884c\u5728\u4f4d\u4e8e Pages \u6587\u4ef6\u5939\u4e2d\u7684 _ViewImports .cshtml \u6587\u4ef6\u4e2d\u5168\u5c40\u542f\u7528\uff1a<\/p>\n
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers<\/code><\/pre>\naddTagHelper \u6307\u4ee4\u91c7\u7528\u4e24\u4e2a\u53c2\u6570\uff1a\u8981\u542f\u7528\u7684\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u548c\u5305\u542b\u8981\u542f\u7528\u7684\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u7684\u7a0b\u5e8f\u96c6\u7684\u540d\u79f0\u3002\u901a\u914d\u7b26 \uff08*\uff09 \u6307\u5b9a\u5e94\u542f\u7528\u6307\u5b9a\u7a0b\u5e8f\u96c6\u4e2d\u7684\u6240\u6709\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u3002\u6846\u67b6\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u4f4d\u4e8e Microsoft.AspNetCore.Mvc.TagHelper \u4e2d\uff0c\u8fd9\u5c31\u662f\u4f60\u4f1a\u770b\u5230\u9ed8\u8ba4\u6dfb\u52a0\u7684\u6b64\u7a0b\u5e8f\u96c6\u7684\u540d\u79f0\u7684\u539f\u56e0\u3002\u60a8\u53ef\u4ee5\u521b\u5efa\u81ea\u5df1\u7684\u81ea\u5b9a\u4e49\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u3002\u672c\u4e66\u4e0d\u4f1a\u4ecb\u7ecd\u8fd9\u4e00\u70b9\uff0c\u4f46\u5982\u679c\u60a8\u7684\u81ea\u5b9a\u4e49\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u5c5e\u4e8e WebApplication1 \u9879\u76ee\uff0c\u5219\u53ef\u4ee5\u6309\u5982\u4e0b\u65b9\u5f0f\u542f\u7528\u5b83\uff1a<\/p>\n
@addTagHelper *, WebApplication1<\/code><\/pre>\n\u6709\u5173\u6784\u5efa\u81ea\u5df1\u7684\u81ea\u5b9a\u4e49\u6807\u7b7e\u52a9\u624b\u7684\u6307\u5357\uff0c\u8bf7\u53c2\u9605\u5b98\u65b9\u6587\u6863 \uff08https:\/\/learn.microsoft.com\/en-us\/aspnet\/core\/mvc\/views\/tag-helpers\/authoring?view=aspnetcore-7.0<\/a>\uff09 \u6216 Andrew Lock \u7684 ASP.NET Core In Action\uff0c Second Edition\uff08Manning\uff0c2021 \u5e74\uff09\u3002<\/p>\naddTagHelper \u6307\u4ee4\u5177\u6709\u5b6a\u751f\u4f53 removeTagHelper\uff0c\u4f7f\u60a8\u80fd\u591f\u6709\u9009\u62e9\u5730\u9009\u62e9\u4e0d\u5904\u7406\u67d0\u4e9b\u6807\u8bb0\u3002\u4ee5\u4e0b\u4ee3\u7801\u884c\u9009\u62e9\u9000\u51fa\u951a\u70b9\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u5904\u7406\uff1a<\/p>\n
@removeTagHelper "Microsoft.AspNetCore.Mvc.TagHelpers.AnchorTagHelper, \n Microsoft.AspNetCore.Mvc.TagHelpers"<\/code><\/pre>\n\u60a8\u53ef\u4ee5\u901a\u8fc7\u5728\u6807\u7b7e\u540d\u79f0\u524d\u653e\u7f6e \uff01 \u524d\u7f00\u6765\u9009\u62e9\u4e0d\u5904\u7406\u5355\u4e2a\u6807\u7b7e\u3002\u4f8b\u5982\uff0c\u5982\u679c\u7279\u5b9a\u5143\u7d20\u4ec5\u7531\u5ba2\u6237\u7aef\u4ee3\u7801\u4f7f\u7528\uff0c\u5219\u53ef\u80fd\u9700\u8981\u6267\u884c\u6b64\u4f5c\u3002\u8fd9\u6837\u5c31\u6ca1\u6709\u5fc5\u8981\u6d6a\u8d39\u5468\u671f\u5728\u670d\u52a1\u5668\u4e0a\u5904\u7406\u5b83\u3002\u4ee5\u4e0b\u793a\u4f8b\u8bf4\u660e\u4e86\u5982\u4f55\u5c06\u5176\u5e94\u7528\u4e8e\u951a\u70b9\u6807\u7b7e\u4ee5\u9632\u6b62\u5176\u88ab\u4e0d\u5fc5\u8981\u5730\u5904\u7406\uff1a<\/p>\n
<!a href="https:\/\/www.learnrazorpages.com">Learn Razor Pages<\/!a><\/code><\/pre>\n\u524d\u7f00\u540c\u65f6\u653e\u7f6e\u5728 start \u548c end \u6807\u8bb0\u4e2d\u3002\u4efb\u4f55\u6ca1\u6709 \uff01 \u524d\u7f00\u7684\u6807\u7b7e\u90fd\u5c06\u7531\u5173\u8054\u7684\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u5904\u7406\u3002\u53e6\u4e00\u79cd\u65b9\u6cd5\u662f\u5728\u89e3\u6790\u65f6\u9009\u62e9\u7279\u5b9a\u6807\u7b7e\u8fdb\u884c\u5904\u7406\u3002\u4e3a\u6b64\uff0c\u60a8\u53ef\u4ee5\u5411 @tagHelperPrefix \u6307\u4ee4\u6ce8\u518c\u81ea\u5b9a\u4e49\u524d\u7f00\uff0c\u7136\u540e\u5c06\u60a8\u9009\u62e9\u7684\u524d\u7f00\u5e94\u7528\u4e8e\u8981\u53c2\u4e0e\u5904\u7406\u7684\u6807\u7b7e\u3002\u60a8\u53ef\u4ee5\u5728\u6700\u521d\u542f\u7528\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u5904\u7406\u7684 ViewImports \u6587\u4ef6\u4e2d\u6ce8\u518c\u60a8\u7684\u524d\u7f00\uff1a<\/p>\n
@tagHelperPrefix x<\/code><\/pre>\n\u4f60\u51e0\u4e4e\u53ef\u4ee5\u4f7f\u7528\u4efb\u4f55\u4f60\u559c\u6b22\u7684\u5b57\u7b26\u4e32\u4f5c\u4e3a\u524d\u7f00\u3002\u7136\u540e\uff0c\u5c06\u5176\u5e94\u7528\u4e8e start \u548c end \u6807\u7b7e\uff0c\u5c31\u50cf \uff01 \u524d\u7f00\u4e00\u6837\uff1a<\/p>\n
<xa asp-page="\/Index">Home<\/xa><\/code><\/pre>\n\u5c06\u4ec5\u5904\u7406\u5177\u6709\u524d\u7f00\u7684\u90a3\u4e9b\u6807\u7b7e\u3002\u4e3a\u6e05\u695a\u8d77\u89c1\uff0c\u5927\u591a\u6570\u5f00\u53d1\u4eba\u5458\u53ef\u80fd\u4f1a\u4f7f\u7528\u6807\u70b9\u7b26\u53f7\u5c06\u524d\u7f00\u4e0e\u6807\u7b7e\u540d\u79f0\u5206\u5f00\uff0c\u4f8b\u5982\uff1a<\/p>\n
@tagHelperPrefix x:\n<x:a asp-page="\/Index">Home<\/x:a><\/code><\/pre>\n\u8fd9\u5e94\u8be5\u4f1a\u51cf\u5c11\u4efb\u4f55\u89c6\u89c9\u4e0a\u7684\u6df7\u6dc6\uff0c\u7279\u522b\u662f\u5bf9\u4e8e\u8bbe\u8ba1\u4eba\u5458\u5728\u67e5\u770b HTML \u5185\u5bb9\u65f6\u3002<\/p>\n
3.3.3 \u67e5\u770b\u7ec4\u4ef6<\/h3>\n
\u89c6\u56fe\u7ec4\u4ef6\u662f\u7528\u4e8e\u751f\u6210\u53ef\u91cd\u7528 HTML \u7684\u66f4\u9ad8\u7ea7\u7684\u89e3\u51b3\u65b9\u6848\u3002\u5b83\u4eec\u7c7b\u4f3c\u4e8e\u5206\u90e8\u89c6\u56fe\uff0c\u56e0\u4e3a\u5b83\u4eec\u53ef\u7528\u4e8e\u5e2e\u52a9\u5206\u89e3\u548c\u7b80\u5316\u590d\u6742\u7684\u5e03\u5c40\uff0c\u4e5f\u53ef\u4ee5\u8868\u793a\u53ef\u5728\u591a\u4e2a\u9875\u9762\u4e2d\u4f7f\u7528\u7684 UI \u90e8\u5206\u3002\u6bcf\u5f53\u9700\u8981\u4efb\u4f55\u7c7b\u578b\u7684\u670d\u52a1\u5668\u7aef\u903b\u8f91\u6765\u83b7\u53d6\u6216\u5904\u7406\u6570\u636e\u4ee5\u5305\u542b\u5728\u751f\u6210\u7684 HTML \u4ee3\u7801\u6bb5\u4e2d\u65f6\uff08\u5177\u4f53\u800c\u8a00\uff0c\u5c31\u662f\u5bf9\u5916\u90e8\u8d44\u6e90\uff0c\u5982\u6587\u4ef6\u3001\u6570\u636e\u5e93\u6216 Web \u670d\u52a1\uff09\u7684\u8c03\u7528\uff0c\u5efa\u8bae\u4f7f\u7528\u89c6\u56fe\u7ec4\u4ef6\u800c\u4e0d\u662f\u90e8\u5206\u9875\u9762\u3002\u89c6\u56fe\u7ec4\u4ef6\u8fd0\u884c\u826f\u597d\u7684\u5178\u578b\u573a\u666f\u5305\u62ec\u6570\u636e\u5e93\u9a71\u52a8\u7684\u83dc\u5355\u3001\u6807\u7b7e\u4e91\u548c\u8d2d\u7269\u8f66 \u2014 \u8fd9\u4e9b\u7a97\u53e3\u5c0f\u90e8\u4ef6\u901a\u5e38\u51fa\u73b0\u5728\u5e03\u5c40\u9875\u9762\u4e2d\uff0c\u5e76\u4f9d\u8d56\u4e8e\u5b83\u4eec\u81ea\u5df1\u7684\u6570\u636e\u6e90\u3002View \u7ec4\u4ef6\u4e5f\u9002\u5408\u8fdb\u884c\u5355\u5143\u6d4b\u8bd5\u3002<\/p>\n
\u7531\u4e8e\u89c6\u56fe\u7ec4\u4ef6\u4f9d\u8d56\u4e8e\u5230\u76ee\u524d\u4e3a\u6b62\u5c1a\u672a\u6db5\u76d6\u7684\u9ad8\u7ea7\u6982\u5ff5\uff0c\u56e0\u6b64\u5982\u679c\u8be5\u4e3b\u9898\u6709\u4efb\u4f55\u610f\u4e49\uff0c\u5219\u5fc5\u987b\u7b49\u5f85\u8be5\u4e3b\u9898\u7684\u8fdb\u4e00\u6b65\u8ba8\u8bba\u3002\u4f46\u8bf7\u653e\u5fc3\uff0c\u60a8\u5c06\u5728\u7b2c 14 \u7ae0\u4e2d\u6784\u5efa\u4e00\u4e2a\u89c6\u56fe\u7ec4\u4ef6\u3002<\/p>\n
\u30003.4 PageModel<\/h2>\n
\u73b0\u5728\uff0c\u60a8\u5df2\u7ecf\u4e86\u89e3\u4e86\u5728 Razor Pages \u5e94\u7528\u7a0b\u5e8f\u4e2d\u751f\u6210 HTML \u7684\u4e3b\u8981\u673a\u5236 \u2014 Razor \u9875\u9762\u548c Razor \u8bed\u6cd5\uff0c\u8be5\u8bed\u6cd5\u901a\u8fc7\u5c06 HTML \u4e0e\u670d\u52a1\u5668\u7aef C# \u4ee3\u7801\u6df7\u5408\u6765\u652f\u6301\u52a8\u6001\u5185\u5bb9\u751f\u6210\u3002\u60a8\u8fd8\u4e86\u89e3\u4e86\u4e00\u4e9b\u6709\u52a9\u4e8e UI \u4ee3\u7801\u91cd\u7528\u7684\u7ec4\u4ef6\uff0c\u5305\u62ec\u5e03\u5c40\u3001\u5206\u90e8\u89c6\u56fe\u3001\u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u548c\u89c6\u56fe\u7ec4\u4ef6\u3002\u73b0\u5728\uff0c\u662f\u65f6\u5019\u4e86\u89e3 Razor \u9875\u9762\u7684\u5408\u4f5c\u4f19\u4f34\u4e86\uff1aPageModel \u7c7b\u3002<\/p>\n
\u5728\u672c\u8282\u4e2d\uff0c\u60a8\u5c06\u4e86\u89e3 PageModel \u7684\u4e24\u4e2a\u4e3b\u8981\u89d2\u8272\uff1a\u63a7\u5236\u5668\u548c\u89c6\u56fe\u6a21\u578b\u3002\u56de\u60f3\u4e00\u4e0b\u7b2c 1 \u7ae0\u4e2d\u5173\u4e8e MVC \u4e2d\u63a7\u5236\u5668\u7684\u8ba8\u8bba\u3002\u60a8\u5c06\u8bb0\u4f4f\uff0c\u5b83\u7684\u4f5c\u7528\u662f\u63a5\u6536\u8bf7\u6c42\uff0c\u4f7f\u7528 bid \u4e2d\u7684\u4fe1\u606f\u5bf9\u6a21\u578b\u6267\u884c\u547d\u4ee4\uff0c\u7136\u540e\u83b7\u53d6\u8be5\u5904\u7406\u7684\u7ed3\u679c\u5e76\u5c06\u5176\u4f20\u9012\u7ed9\u89c6\u56fe\u8fdb\u884c\u663e\u793a\u3002\u56fe 3.7 \u663e\u793a\u4e86\u8be5\u8fc7\u7a0b\u7684\u76f8\u5173\u90e8\u5206\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0307.png\")
<\/p>\n
\u56fe 3.7 \u63a7\u5236\u5668\u83b7\u53d6\u8f93\u5165\uff0c\u4f5c\u7528\u4e8e\u6a21\u578b\uff0c\u5e76\u5c06\u7ed3\u679c\u6570\u636e\u4f20\u9012\u7ed9\u89c6\u56fe\u3002<\/p>\n
\u4f5c\u4e3a\u8bf7\u6c42\u5904\u7406\u7684\u4e00\u90e8\u5206\uff0c\u63a7\u5236\u5668\u5fc5\u987b\u51c6\u5907\u89c6\u56fe\u7684\u6570\u636e\uff0c\u5e76\u4ee5\u89c6\u56fe\u53ef\u4ee5\u4f7f\u7528\u7684\u5f62\u5f0f\u5c06\u5176\u63d0\u4f9b\u7ed9\u89c6\u56fe\u3002\u6b64\u8868\u5355\u79f0\u4e3a\u89c6\u56fe\u6a21\u578b\uff0c\u662f\u672c\u8282\u7b2c\u4e00\u90e8\u5206\u7684\u91cd\u70b9\u3002\u5728\u6b64\u4e4b\u524d\uff0c\u6211\u5c06\u8ba8\u8bba ViewData\uff0c\u5b83\u8fd8\u63d0\u4f9b\u4e86\u4e00\u79cd\u5c06\u6570\u636e\u4f20\u9012\u5230\u89c6\u56fe\u9875\u9762\u7684\u65b9\u6cd5\u3002<\/p>\n
\u5f53\u60a8\u5411\u5e94\u7528\u7a0b\u5e8f\u6dfb\u52a0\u65b0\u7684 Razor \u9875\u9762\u65f6\uff0c\u5c06\u81ea\u52a8\u751f\u6210 PageModel \u7c7b\u3002\u5b83\u4ee5\u9875\u9762\u547d\u540d\uff0c\u5e26\u6709\u5355\u8bcd Model\uff0c\u56e0\u6b64\u6b22\u8fce\u9875\u9762\u7684 PageModel \u7c7b\u662f WelcomeModel\u3002PageModel \u7c7b\u6d3e\u751f\u81ea PageModel \u7c7b\u578b\uff0c\u8be5\u7c7b\u578b\u5177\u6709\u8bb8\u591a\u4e0e PageModel \u7c7b\u672c\u8eab\u4e2d\u7684 HTTP \u8bf7\u6c42\u76f8\u5173\u7684\u5c5e\u6027\u548c\u65b9\u6cd5\u3002\u516c\u5171 PageModel \u5c5e\u6027\u901a\u8fc7\u5305\u542b\u5f15\u7528 PageModel \u7c7b\u578b\u7684 @model \u6307\u4ee4\u5411 Razor \u9875\u9762\u516c\u5f00\u3002<\/p>\n
3.4.1 \u5c06\u6570\u636e\u4f20\u9012\u5230\u9875\u9762<\/h3>\n
\u6709\u8bb8\u591a\u9009\u9879\u53ef\u7528\u4e8e\u5c06\u6570\u636e\u4f20\u9012\u5230\u9875\u9762\u3002\u63a8\u8350\u7684\u65b9\u6cd5\u662f\u4ee5\u5f3a\u7c7b\u578b\u65b9\u5f0f\u5c06\u6570\u636e\u4f5c\u4e3a\u89c6\u56fe\u6a21\u578b\u5904\u7406\u3002\u8fd8\u6709\u53e6\u4e00\u4e2a\u9009\u9879\uff0c\u867d\u7136\u5b83\u662f\u5f31\u7c7b\u578b\uff0c\u4f46\u6709\u65f6\u4e5f\u5f88\u6709\u7528\u3002\u5728\u4e0a\u4e00\u7ae0\u4e2d\uff0c\u60a8\u5df2\u7ecf\u4f7f\u7528\u6b64\u65b9\u6cd5\u5c06 Welcome \u9875\u9762\u7684\u6807\u9898\u4f20\u9012\u7ed9\u5e03\u5c40\u3002\u5b83\u79f0\u4e3a ViewData\u3002<\/p>\n
ViewData \u662f\u4e00\u79cd\u57fa\u4e8e\u5b57\u5178\u7684\u529f\u80fd\u3002\u9879\u4f5c\u4e3a\u952e\u503c\u5bf9\u5b58\u50a8\u5728 ViewDataDictionary \u4e2d\uff0c\u5e76\u901a\u8fc7\u5f15\u7528\u9875\u9762\u4e2d ViewData \u5c5e\u6027\u7684\u4e0d\u533a\u5206\u5927\u5c0f\u5199\u7684\u5b57\u7b26\u4e32\u952e\u8fdb\u884c\u8bbf\u95ee\u3002\u4ee5\u4e0b\u662f\u4f7f\u7528 ViewData \u5206\u914d Welcome \u9875\u9762\u6807\u9898\u7684\u65b9\u6cd5\uff1a<\/p>\n
ViewData["Title"] = "Welcome!";<\/code><\/pre>\n\u5728\u5e03\u5c40\u9875\u9762\u4e2d\u8bbf\u95ee\u6b64\u503c\uff0c\u5982\u4e0b\u6240\u793a\uff1a<\/p>\n
<title>@ViewData["Title"] - WebApplication1<\/title><\/code><\/pre>\nViewDataDictionary \u4e2d\u7684\u503c\u662f\u5bf9\u8c61\u7c7b\u578b\uff0c\u8fd9\u610f\u5473\u7740\u60a8\u53ef\u4ee5\u5728\u5176\u4e2d\u5b58\u50a8\u4efb\u4f55\u60a8\u559c\u6b22\u7684\u5185\u5bb9\u3002\u5982\u679c\u4f60\u60f3\u4f7f\u7528\u975e\u5b57\u7b26\u4e32\u7c7b\u578b\uff08\u4f8b\u5982\uff0c\u8c03\u7528\u7279\u5b9a\u4e8e\u7c7b\u578b\u7684\u65b9\u6cd5\uff09\uff0c\u5219\u9700\u8981\u5c06\u5b83\u4eec\u5f3a\u5236\u8f6c\u6362\u4e3a\u6b63\u786e\u7684\u7c7b\u578b\u3002\u5982\u679c\u4f60\u53ea\u60f3\u6e32\u67d3\u503c\uff0c\u5e76\u4e14\u7c7b\u578b\u7684 ToString\uff08\uff09 \u65b9\u6cd5\u4f1a\u751f\u6210\u9002\u5408\u6e32\u67d3\u7684\u503c\uff0c\u5219\u8fd9\u53ef\u80fd\u4e0d\u662f\u5fc5\u9700\u7684\u3002\u4ee5\u4e0b\u8d4b\u503c\u5c06 DateTime \u7c7b\u578b\u6dfb\u52a0\u5230 ViewData\uff1a<\/p>\n
ViewData["SaleEnds"] = new DateTime(DateTime.Now.Year, 6, 30, 20, 0, 0);<\/code><\/pre>\n\u5982\u679c\u8981\u5448\u73b0\u8be5\u503c\uff0c\u53ef\u4ee5\u7b80\u5355\u5730\u6267\u884c\u6b64\u4f5c\uff1a<\/p>\n
<p>Sale ends at @ViewData[\u201cSaleEnds\u201d]<\/p><\/code><\/pre>\n\u8f93\u51fa\u5c06\u6839\u636e\u670d\u52a1\u5668\u7684\u9ed8\u8ba4\u8bbe\u7f6e\u8fdb\u884c\u6e32\u67d3\u3002\u5728\u6211\u7684\u4f8b\u5b50\u4e2d\uff0c\u8fd9\u662f\u82f1\u8bed\uff08\u82f1\u56fd\uff09\uff0c\u8fd9\u4f1a\u5bfc\u81f4\u5448\u73b0\u9500\u552e\u7ed3\u675f\u65f6\u95f4\uff1a30\/06\/2021 20\uff1a00\uff1a00\u3002\u5982\u679c\u6211\u60f3\u4f7f\u7528\u65e5\u671f\u548c\u65f6\u95f4\u683c\u5f0f\u5b57\u7b26\u4e32\u6765\u63a7\u5236\u6e32\u67d3\uff0c\u5219\u9700\u8981\u8f6c\u6362\u4e3a DateTime\uff1a<\/p>\n
Sale Ends at: @(((DateTime)ViewData["SaleEnds"]).ToString("h tt, MMMM dd"))<\/code><\/pre>\n\u73b0\u5728\u6211\u5f97\u5230\u4e86\u6211\u60f3\u8981\u7684\u8f93\u51fa\uff1a\u9500\u552e\u7ed3\u675f\u65f6\u95f4\uff1a6 \u6708 30 \u65e5\u665a\u4e0a 8 \u70b9\u3002<\/p>\n
\u60a8\u53ef\u4ee5\u5728 PageModel \u7c7b\u4e2d\u8bbe\u7f6e ViewData \u9879\u7684\u503c\u3002\u4e0b\u4e00\u4e2a\u5217\u8868\u663e\u793a\u4e86\u5728\u540d\u4e3a OnGet \u7684\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u4e2d\u5206\u914d\u7ed9 ViewData \u7684\u9875\u9762\u7684\u6807\u9898;\u60a8\u5f88\u5feb\u5c31\u4f1a\u4e86\u89e3 Handler \u65b9\u6cd5\u3002<\/p>\n
\u6e05\u5355 3.23 \u5728 PageModel \u7c7b\u7684 OnGet \u4e2d\u5206\u914d ViewData \u503c<\/p>\n
public class WelcomeModel : PageModel\n{\n public void OnGet()\n {\n ViewData["Title"] = "Welcome!";\n }\n}<\/code><\/pre>\n\u8981\u4f7f\u6b64\u5206\u914d\u5728 Razor \u9875\u9762\u4e2d\u751f\u6548\uff0c\u5fc5\u987b\u786e\u4fdd Razor \u9875\u9762\u5305\u542b\u5f15\u7528 WelcomeModel \u7c7b\u578b\u7684 @model \u6307\u4ee4\uff1a<\/p>\n
@model WelcomeModel<\/code><\/pre>\n\u60a8\u8fd8\u5e94\u8be5\u6ce8\u610f\uff0c\u5982\u679c\u5728 Razor \u9875\u9762\u672c\u8eab\u4e2d\u8bbe\u7f6e\u4e86 PageModel \u4e2d\u6240\u505a\u7684\u5206\u914d\uff0c\u5219\u5b83\u5c06\u88ab\u8986\u76d6\u3002<\/p>\n
\u8bbf\u95ee ViewData \u503c\u7684\u53e6\u4e00\u79cd\u65b9\u6cd5\u662f\u901a\u8fc7\u540d\u4e3a ViewBag \u7684\u5c5e\u6027\u3002\u6b64\u5c5e\u6027\u662f ViewData \u7684\u5305\u88c5\u5668\uff0c\u4f7f\u60a8\u80fd\u591f\u5c06\u5176\u89c6\u4e3a\u52a8\u6001\u5bf9\u8c61\u3002\u56e0\u6b64\uff0c\u60a8\u53ef\u4ee5\u901a\u8fc7\u4e0e\u952e\u5339\u914d\u7684\u5c5e\u6027\u540d\u79f0\u6765\u8bbf\u95ee\u9879\u76ee\u3002\u7531\u4e8e\u503c\u662f\u52a8\u6001\u7684\uff0c\u56e0\u6b64\u5728\u4f7f\u7528\u975e\u5b57\u7b26\u4e32\u7c7b\u578b\u65f6\u65e0\u9700\u663e\u5f0f\u5f3a\u5236\u8f6c\u6362\uff1a<\/p>\n
@ViewBag.SaleEnds.ToString("h tt, MMMM dd")<\/code><\/pre>\nViewBag \u4ec5\u5728 Razor \u6587\u4ef6\u4e2d\u53ef\u7528\u3002\u5b83\u5728 PageModel \u7c7b\u4e2d\u4e0d\u53ef\u7528\uff0c\u5c3d\u7ba1\u5b83\u5728 MVC \u63a7\u5236\u5668\u4e2d\u53ef\u7528\uff0c\u4f46\u5b83\u662f\u4ece\u540d\u4e3a ASP.NET Web Pages \u7684\u65e7\u6846\u67b6\u7ee7\u627f\u800c\u6765\u7684\u3002ASP.NET Core \u56e2\u961f\u51b3\u5b9a\u4e0d\u5728 Razor Pages PageModel \u7c7b\u4e2d\u5b9e\u73b0 ViewBag\uff0c\u56e0\u4e3a\u5b83\u662f\u52a8\u6001\u7684\uff0c\u4f1a\u5bf9\u4f7f\u7528\u5b83\u7684\u89c6\u56fe\u548c\u9875\u9762\u4ea7\u751f\u53ef\u8861\u91cf\u7684\u6027\u80fd\u5f71\u54cd\u3002\u56e0\u6b64\uff0c\u6839\u672c\u4e0d\u5efa\u8bae\u4f7f\u7528 ViewBag\u3002<\/p>\n
ViewData \u662f\u5f31\u7c7b\u578b\uff0c\u56e0\u6b64\u60a8\u6ca1\u6709\u7f16\u8bd1\u65f6\u68c0\u67e5\u6216 IntelliSense \u652f\u6301\u3002\u5b83\u4f9d\u8d56\u4e8e\u4f7f\u7528\u57fa\u4e8e\u5b57\u7b26\u4e32\u7684\u952e\u5f15\u7528\u9879\u76ee\uff0c\u8fd9\u79cd\u65b9\u6cd5\u6709\u65f6\u79f0\u4e3a\u4f7f\u7528\u9b54\u672f\u5b57\u7b26\u4e32\u3002\u56e0\u6b64\uff0c\u4f7f\u7528 ViewData \u53ef\u80fd\u4f1a\u5bfc\u81f4\u9519\u8bef\uff0c\u56e0\u4e3a\u5f88\u5bb9\u6613\u5728\u4e00\u4e2a\u4f4d\u7f6e\u952e\u5165\u9519\u8bef\u6216\u91cd\u547d\u540d\u5b57\u7b26\u4e32\uff0c\u800c\u5fd8\u8bb0\u66f4\u65b0\u5176\u4ed6\u5f15\u7528\u3002\u5982\u679c\u60a8\u5c1d\u8bd5\u6e32\u67d3\u4e0d\u5b58\u5728\u7684\u9879\uff0c\u5219\u4e0d\u4f1a\u6e32\u67d3\u4efb\u4f55\u5185\u5bb9\u3002\u5982\u679c\u60a8\u5c1d\u8bd5\u5bf9\u4e0d\u5b58\u5728\u7684 ViewData \u6761\u76ee\u8c03\u7528\u65b9\u6cd5\uff0c\u5c06\u5f15\u53d1 NullReferenceException\u3002\u5982\u679c\u5c1d\u8bd5\u5c06 ViewData \u6761\u76ee\u5f3a\u5236\u8f6c\u6362\u4e3a\u9519\u8bef\u7684\u7c7b\u578b\uff0c\u5c06\u751f\u6210 InvalidCastException\u3002\u8fd9\u4e9b\u5f02\u5e38\u5c06\u5728\u8fd0\u884c\u65f6\u53d1\u751f\u3002<\/p>\n
ViewData \u672c\u8eab\u5e94\u8c28\u614e\u4f7f\u7528\u3002\u5b83\u53ef\u7528\u4e8e\u5c06\u5c0f\u5757\u7b80\u5355\u6570\u636e\u4f20\u9012\u5230\u5e03\u5c40\u9875\u9762\uff0c\u4f8b\u5982\u9875\u9762\u7684\u6807\u9898\u3002\u5bf9\u4e8e\u9700\u8981\u5c06\u6570\u636e\u4ece PageModel \u7c7b\u4f20\u9012\u5230 Razor \u9875\u9762\u7684\u6240\u6709\u5176\u4ed6\u65b9\u6848\uff0c\u5e94\u4f7f\u7528\u516c\u5171 PageModel \u5c5e\u6027\uff0c\u6211\u4eec\u63a5\u4e0b\u6765\u5c06\u4ecb\u7ecd\u8fd9\u4e9b\u5c5e\u6027\u3002<\/p>\n
3.4.2 \u5c06 PageModel \u4f5c\u4e3a\u89c6\u56fe\u6a21\u578b<\/h3>\n
\u5982\u679c\u6709\u4e00\u4ef6\u4e8b\u4f3c\u4e4e\u4e00\u76f4\u8ba9\u4e0d\u719f\u6089\u4efb\u4f55\u5f62\u5f0f\u7684 MVC \u548c ASP.NET \u7684\u5f00\u53d1\u4eba\u5458\u611f\u5230\u56f0\u60d1\uff0c\u90a3\u5c31\u662f\u89c6\u56fe\u6a21\u578b\u7684\u6982\u5ff5 \u2014 \u5b83\u662f\u4ec0\u4e48\u3001\u5b83\u7684\u7528\u9014\u4ee5\u53ca\u5982\u4f55\u521b\u5efa\u4e00\u4e2a\u89c6\u56fe\u6a21\u578b\u3002\u4ece\u672c\u8d28\u4e0a\u8bb2\uff0c\u89c6\u56fe\u6a21\u578b\u662f\u4e00\u4ef6\u975e\u5e38\u7b80\u5355\u7684\u4e8b\u60c5\u3002\u5b83\u662f\u4e00\u4e2a\u5c01\u88c5\u7279\u5b9a\u89c6\u56fe\u6216\u9875\u9762\u6240\u9700\u6570\u636e\u7684\u7c7b\u3002\u4ece\u6982\u5ff5\u4e0a\u8bb2\uff0c\u5b83\u6267\u884c\u4e0e\u9759\u6001\u6570\u636e\u5e93\u89c6\u56fe\u76f8\u540c\u7684\u529f\u80fd\u3002\u89c6\u56fe\u6a21\u578b\u5305\u542b\u6765\u81ea\u4e00\u4e2a\u6216\u591a\u4e2a\u5bf9\u8c61\u7684\u6570\u636e\u5b50\u96c6\u3002<\/p>\n
\u4f8b\u5982\uff0c\u8003\u8651\u7f51\u7ad9\u4e0a\u7684\u8ba2\u5355\u6458\u8981\u9875\u9762\u3002\u5b83\u901a\u5e38\u5305\u542b\u4e0e\u60a8\u8981\u8ba2\u8d2d\u7684\u4ea7\u54c1\u6216\u670d\u52a1\u76f8\u5173\u7684\u8be6\u7ec6\u4fe1\u606f\u7684\u5b50\u96c6\uff0c\u53ef\u80fd\u53ea\u662f\u5176\u6807\u8bc6\u7b26\u3001\u540d\u79f0\u548c\u4ef7\u683c\u3002\u5b83\u8fd8\u53ef\u80fd\u5305\u62ec\u60a8\u7684\u59d3\u540d\u3001\u8d26\u5355\u5730\u5740\u548c\u4e00\u4e2a\u590d\u9009\u6846\uff0c\u4ee5\u6307\u793a\u60a8\u4e5f\u5e0c\u671b\u5411\u8be5\u5730\u5740\u53d1\u8d27\u3002\u8fd9\u4e9b\u4fe1\u606f\u5c06\u6765\u81ea\u7f51\u7ad9\u6570\u636e\u5e93\u4e2d\u7684 Products \u8868\u548c Customers \u8868\u3002\u4f46\u662f\uff0c\u8ba2\u5355\u6458\u8981\u89c6\u56fe\u4e0d\u9700\u8981\u8fd9\u4e9b\u6570\u636e\u5e93\u8868\u4e2d\u7684\u5176\u4f59\u4fe1\u606f\u3002\u4f8b\u5982\uff0c\u8ba2\u5355\u6458\u8981\u9875\u9762\u4e0d\u4f1a\u663e\u793a\u5ba2\u6237\u7684\u5bc6\u7801\u6216\u4ed6\u4eec\u521b\u5efa\u8d26\u6237\u7684\u65e5\u671f\u3002\u5b83\u4e5f\u4e0d\u4f1a\u663e\u793a\u53ef\u80fd\u5b58\u50a8\u5728 Products \u8868\u4e2d\u7684\u4ea7\u54c1\u7684\u5185\u90e8\u8be6\u7ec6\u4fe1\u606f\uff0c\u4f8b\u5982\u4f9b\u5e94\u5546\u7684\u8be6\u7ec6\u4fe1\u606f\u6216\u518d\u8ba2\u8d2d\u7ea7\u522b\u3002<\/p>\n
\u56fe 3.8 \u663e\u793a\u4e86\u89c6\u56fe\u6240\u9700\u7684 Products \u548c Customers \u8868\u6240\u5305\u542b\u7684\u603b\u4fe1\u606f\u4e2d\u6709\u591a\u5c11\u3002\u6b64\u6570\u636e\u5b50\u96c6\u6784\u6210\u4e86 OrderSummaryViewModel \u7684\u57fa\u7840\uff0cOrderSummaryViewModel \u662f\u8ba2\u5355\u6458\u8981\u89c6\u56fe\u7684\u6a21\u578b\uff0c\u53ef\u80fd\u7c7b\u4f3c\u4e8e\u6e05\u5355 3.24 \u7684\u5185\u5bb9\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0308.png\")
<\/p>\n
\u56fe 3.8 \u8ba2\u5355\u6458\u8981\u89c6\u56fe\u53ea\u9700\u8981\u5206\u7ea7\u663e\u793a\u7684\u5217\u6216\u5c5e\u6027<\/p>\n
\u793a\u4f8b 3.24 \u89c6\u56fe\u6a21\u578b\u7c7b<\/p>\n
public class OrderSummaryViewModel\n{\n public int CustomerId { get; set; }\n public string CustomerName { get; set; }\n public string BillingAddress { get; set; }\n public bool UseBillingForShipping { get; set; } \n public int ProductId\n public string Name { get; set; }\n public decimal Price { get; set; }\n}<\/code><\/pre>\n\u8fd9\u5c31\u662f\uff1a\u89c6\u56fe\u6a21\u578b \u2014 \u4e00\u4e2a\u4ec5\u5305\u542b\u89c6\u56fe\u6240\u9700\u6570\u636e\u7684\u5bb9\u5668\u3002\u4f7f\u7528 MVC \u6846\u67b6\u7684\u5f00\u53d1\u4eba\u5458\u5e7f\u6cdb\u4f7f\u7528\u89c6\u56fe\u6a21\u578b\u3002\u5b83\u4eec\u7684\u89c6\u56fe\u901a\u5e38\u5305\u542b\u4e00\u4e2a @model \u6307\u4ee4\uff0c\u8be5\u6307\u4ee4\u5f15\u7528\u4e3a\u7279\u5b9a\u89c6\u56fe\u8bbe\u8ba1\u7684 ViewModel \u7c7b\uff1a<\/p>\n
@model OrderSummaryViewModel
\n\u4f60\u5df2\u5728 Razor \u9875\u9762\u6587\u4ef6\u4e2d\u770b\u5230 @model \u6307\u4ee4\u3002\u5b83\u5f15\u7528 Razor \u9875\u9762\u9644\u5e26\u7684 PageModel \u7c7b\u3002\u56e0\u6b64\uff0cRazor Pages \u4e2d\u7684 PageModel \u662f MVC \u610f\u4e49\u4e0a\u7684\u89c6\u56fe\u6a21\u578b\u3002\u6dfb\u52a0\u5230 PageModel \u7684\u4efb\u4f55\u516c\u5171\u5c5e\u6027\u90fd\u5c06\u53ef\u4f9b\u5f15\u7528 PageModel \u7684 Razor \u9875\u9762\u8bbf\u95ee\uff0c\u8be5\u9875\u9762\u901a\u8fc7\u9875\u9762\u5185\u7684\u7279\u6b8a Model \u5c5e\u6027\u3002<\/p>\n
\u6e05\u5355 3.25 \u663e\u793a\u4e86 WelcomeModel\uff0c\u8fd9\u662f\u60a8\u5728\u4e0a\u4e00\u7ae0\u4e2d\u521b\u5efa\u7684 Welcome \u9875\u9762\u7684 PageModel \u7c7b\u3002\u6b64\u7248\u672c\u5177\u6709\u4e00\u4e2a\u540d\u4e3a SaleEnds \u7684\u516c\u5171\u5c5e\u6027\uff0c\u5b83\u7b49\u6548\u4e8e\u60a8\u4e4b\u524d\u770b\u5230\u7684 ViewData \u503c\u3002<\/p>\n
\u6e05\u5355 3.25 PageModel \u4e2d\u7684\u516c\u5171\u5c5e\u6027<\/p>\n
public class WelcomeModel : PageModel\n{\n public DateTime SaleEnds { get; set; } = new DateTime(DateTime.Now.Year, \n 6, 30);\n public void OnGet()\n {\n }\n}<\/code><\/pre>\n\u5217\u8868 3.26 \u663e\u793a\u4e86 Welcome Razor \u9875\u9762\uff0c\u5176\u4e2d\u5305\u62ec\u5f15\u7528 WelcomeModel \u7c7b\u578b\u7684 @model \u6307\u4ee4\u548c\u901a\u8fc7\u9875\u9762\u7684 Model \u5c5e\u6027\u8bbf\u95ee\u7684 SaleEnds \u503c\u3002<\/p>\n
\u5217\u8868 3.26 \u901a\u8fc7\u9875\u9762\u7684 Model \u5c5e\u6027\u516c\u5f00\u7684 PageModel \u5c5e\u6027<\/p>\n
@page\n@model WebApplication1.Pages.WelcomeModel \u2776\n@{ \n}\n<p>Sale ends at @Model.SaleEnds.ToString("h tt, MMMM dd")<\/p> \u2777<\/code><\/pre>\n\u2776 PageModel \u7c7b\u578b\u7531 @model \u6307\u4ee4\u5f15\u7528\u3002
\n\u2777 PageModel \u7684 SaleEnds \u5c5e\u6027\u53ef\u901a\u8fc7 Razor \u9875\u9762\u7684\u7279\u6b8a Model \u5c5e\u6027\u8fdb\u884c\u8bbf\u95ee\u3002<\/p>\n
\u4e0e\u5f31\u7c7b\u578b\u7684 ViewData \u4e0d\u540c\uff0c\u60a8\u53ef\u4ee5\u83b7\u5f97\u5bf9 PageModel \u5c5e\u6027\u7684 IntelliSense \u652f\u6301\uff0c\u5982\u56fe 3.9 \u6240\u793a\uff0c\u5b83\u663e\u793a\u4e86 IntelliSense \u5728 VS Code \u4e2d\u53d1\u6325\u4f5c\u7528\uff0c\u4ee5\u5e2e\u52a9\u5b8c\u6210\u4ee3\u7801\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0309.png\")
<\/p>\n
\u56fe 3.9 IntelliSense \u652f\u6301 PageModel \u5c5e\u6027\u3002<\/p>\n
\u8fd9\u662f\u5efa\u8bae\u4f7f\u7528 PageModel \u5c5e\u6027\u800c\u4e0d\u662f ViewData \u4f5c\u4e3a\u5c06\u6570\u636e\u4f20\u9012\u5230\u9875\u9762\u7684\u673a\u5236\u7684\u4e3b\u8981\u539f\u56e0\u3002Visual Studio \u548c VS Code \u4e2d\u7684\u5de5\u5177\u652f\u6301\u53ef\u4ee5\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\uff0c\u5e76\u6700\u5927\u9650\u5ea6\u5730\u51cf\u5c11\u9519\u8bef\u6f5c\u5165\u4ee3\u7801\u7684\u53ef\u80fd\u6027\u3002<\/p>\n
3.4.3 \u4f5c\u4e3a\u63a7\u5236\u5668\u7684 PageModel<\/h3>\n
\u63a7\u5236\u5668\u7684\u4e3b\u8981\u4f5c\u7528\u662f\u5904\u7406\u8bf7\u6c42\u3002PageModel \u4e2d\u7684\u8bf7\u6c42\u5904\u7406\u5728\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u4e2d\u6267\u884c\u3002\u5bf9\u4e8e\u719f\u6089\u652f\u6301\u5b83\u4eec\u7684 MVC \u6846\u67b6\u7684\u8bfb\u8005\u6765\u8bf4\uff0cPageModel \u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u7c7b\u4f3c\u4e8e\u63a7\u5236\u5668\u4f5c\u3002\u6309\u7167\u7ea6\u5b9a\uff0c\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u7684\u9009\u62e9\u57fa\u4e8e\u4f7f\u7528 On[method] \u6a21\u5f0f\u5c06\u7528\u4e8e\u8bf7\u6c42\u7684 HTTP \u65b9\u6cd5\u7684\u540d\u79f0\u4e0e\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u7684\u540d\u79f0\u8fdb\u884c\u5339\u914d\uff0c\u5e76\u9009\u62e9\u6027\u5730\u9644\u52a0\u4e86 Async\uff0c\u4ee5\u8868\u793a\u8be5\u65b9\u6cd5\u65e8\u5728\u5f02\u6b65\u8fd0\u884c\u3002\u4e3a GET \u8bf7\u6c42\u9009\u62e9 OnGet \u6216 OnGetAsync \u65b9\u6cd5\uff0c\u4e3a POST \u8bf7\u6c42\u9009\u62e9 OnPost \u6216 OnPostAsync \u65b9\u6cd5\u3002<\/p>\n
Listing 3.27 \u5c55\u793a\u4e86 WelcomeModel \u7c7b\uff0c\u5176\u4e2d\u6dfb\u52a0\u4e86\u4e00\u4e2a\u7b80\u5355\u7684\u5b57\u7b26\u4e32\u5c5e\u6027 Message\uff0c\u4ee5\u53ca OnGet \u548c OnPost \u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u3002\u6bcf\u4e2a\u5904\u7406\u7a0b\u5e8f\u90fd\u8bbe\u7f6e Message \u5c5e\u6027\u7684\u503c\uff0c\u4ee5\u62a5\u544a\u6267\u884c\u4e86\u54ea\u4e2a\u5904\u7406\u7a0b\u5e8f\u3002<\/p>\n
\u5217\u8868 3.27 \u4e0d\u540c\u7684\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\uff0c\u4e3a Message \u5c5e\u6027\u5206\u914d\u4e0d\u540c\u7684\u503c<\/p>\n
public class WelcomeModel : PageModel\n{\n public string Message { get; set; } \u2776\n\n public void OnGet()\n {\n Message = "OnGet executed"; \u2777\n }\n\n public void OnPost()\n {\n Message = "OnPost executed"; \u2778\n }\n}<\/code><\/pre>\n\u2776 \u6dfb\u52a0\u4e86 public \u5c5e\u6027\uff0c\u8be5\u5c5e\u6027\u53ef\u901a\u8fc7 Model \u5c5e\u6027\u5728 Razor \u9875\u9762\u4e2d\u8bbf\u95ee\u3002
\n\u2777 \u5982\u679c\u6267\u884c OnGet \u5904\u7406\u7a0b\u5e8f\uff0c\u5219\u6d88\u606f\u5c06\u5305\u542b\u201cOnGet\u201d\u3002
\n\u2778 \u5982\u679c\u6267\u884c OnPost \u5904\u7406\u7a0b\u5e8f\uff0c\u5219\u6d88\u606f\u5c06\u5305\u542b \u201cOnPost\u201d\u3002<\/p>\n
\u6e05\u5355 3.28 \u663e\u793a\u4e86 Welcome Razor \u9875\u9762\u3002\u8be5\u9875\u9762\u5305\u62ec\u4e00\u4e2a\u951a\u70b9\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u548c\u4e00\u4e2a method \u5c5e\u6027\u8bbe\u7f6e\u4e3a post \u7684\u8868\u5355\u3002\u5355\u51fb\u951a\u70b9\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u751f\u6210\u7684\u94fe\u63a5\u5c06\u5bfc\u81f4 GET \u8bf7\u6c42\uff0c\u63d0\u4ea4\u8868\u5355\u5c06\u5bfc\u81f4 POST \u8bf7\u6c42\u3002\u5728\u76f8\u5e94\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u4e2d\u8bbe\u7f6e\u7684 Message \u5c5e\u6027\u503c\u5c06\u5448\u73b0\u5230\u8f93\u51fa\u4e2d\u3002\u56fe 3.10 \u8bf4\u660e\u4e86\u57fa\u4e8e\u8bf7\u6c42\u9875\u9762\u7684\u65b9\u6cd5\u7684\u4e0d\u540c\u8f93\u51fa\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0310.png\")
<\/p>\n
\u56fe 3.10 \u901a\u8fc7\u5c06\u5904\u7406\u7a0b\u5e8f\u540d\u79f0\u4e0e HTTP \u65b9\u6cd5\u5339\u914d\u6765\u9009\u62e9\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u3002<\/p>\n
\u5217\u8868 3.28 \u6b22\u8fce\u9875\u9762\uff0c\u5305\u62ec\u751f\u6210 GET \u548c POST \u7684\u673a\u5236<\/p>\n
@page\n@model WebApplication1.Pages.WelcomeModel \u2776\n@{\n}\n<p>@Model.Message<\/p> \u2777\n<a asp-page="\/Welcome">Get<\/a> \u2778\n<form method="post"><button>Post<\/button><\/form> \u2779<\/code><\/pre>\n\u2776 WelcomeModel \u901a\u8fc7 @model \u6307\u4ee4\u5f15\u7528\u3002
\n\u2777 WelcomeModel \u7684 Message \u5c5e\u6027\u53ef\u901a\u8fc7\u9875\u9762\u7684 Model \u5c5e\u6027\u8fdb\u884c\u8bbf\u95ee\u3002
\n\u2778 \u951a\u70b9\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u4f1a\u5bfc\u81f4 GET \u8bf7\u6c42\u3002
\n\u2779 \u63d0\u4ea4\u8868\u5355\u4f1a\u5bfc\u81f4 POST \u8bf7\u6c42\u3002<\/p>\n
\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u53c2\u6570<\/h2>\n
\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u53ef\u4ee5\u91c7\u7528\u53c2\u6570\u3002\u5728 URL \u4e2d\u4f20\u9012\u7684\u6570\u636e\u5c06\u6839\u636e\u53c2\u6570\u540d\u79f0\u4e0e\u4e0e URL \u6570\u636e\u9879\u5173\u8054\u7684\u540d\u79f0\u4e4b\u95f4\u7684\u5339\u914d\u7ed1\u5b9a\u5230\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u53c2\u6570\u3002\u8981\u4e86\u89e3\u5176\u5de5\u4f5c\u539f\u7406\uff0c\u8bf7\u67e5\u770b\u4e0b\u4e00\u4e2a\u6e05\u5355\uff0c\u5176\u4e2d OnGet \u65b9\u6cd5\u5df2\u66f4\u6539\u4e3a\u63a5\u53d7\u540d\u4e3a id \u7684\u53c2\u6570\uff0c\u5e76\u4e14 Message \u5c5e\u6027\u5305\u542b\u7ed1\u5b9a\u5230 id \u53c2\u6570\u7684\u503c\u3002<\/p>\n
\u793a\u4f8b 3.29 \u5411 OnGet \u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u6dfb\u52a0\u53c2\u6570<\/p>\n
public void OnGet(int id) \u2776\n{\n Message = $"OnGet executed with id = {id}"; \u2777\n}<\/code><\/pre>\n\u2776 \u540d\u4e3a id \u7684\u6570\u503c\u53c2\u6570\u5df2\u6dfb\u52a0\u5230 OnGet \u65b9\u6cd5\u4e2d\u3002
\n\u2777 \u53c2\u6570\u7684\u503c\u5c06\u5408\u5e76\u5230\u5206\u914d\u7ed9 Message \u5c5e\u6027\u7684\u503c\u4e2d\u3002<\/p>\n
Razor \u9875\u9762\u4e2d\u7684 anchor \u6807\u8bb0\u5df2\u66f4\u65b0\u4e3a\u5305\u542b\u503c\u4e3a 5 \u7684 asp-route-id \u5c5e\u6027\uff0c\u5982\u5217\u8868 3.30 \u6240\u793a\u3002asp-route-* \u5c5e\u6027\u7528\u4e8e\u5728 URL \u4e2d\u4f20\u9012\u6570\u636e\u3002\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0c\u6570\u636e\u5728\u67e5\u8be2\u5b57\u7b26\u4e32\u4e2d\u4f20\u9012\uff0c\u67e5\u8be2\u5b57\u7b26\u4e32 item \u7684\u540d\u79f0\u53d6\u81ea\u661f\u53f7\u8868\u793a\u7684\u5c5e\u6027\u90e8\u5206\u3002<\/p>\n
\u5217\u8868 3.30 \u4f7f\u7528 anchor \u6807\u7b7e\u8f85\u52a9\u7a0b\u5e8f\u4e0a\u7684 asp-route-* \u5c5e\u6027\u4f20\u9012\u4e00\u4e2a\u503c<\/p>\n
<a asp-page="\/Welcome" asp-route-id="5">Get<\/a><\/code><\/pre>\n\u9996\u6b21\u8fd0\u884c\u9875\u9762\u65f6\u6ca1\u6709\u67e5\u8be2\u5b57\u7b26\u4e32\u503c\uff0c\u56e0\u6b64 handler \u53c2\u6570\u8bbe\u7f6e\u4e3a\u5176\u9ed8\u8ba4\u503c 0\u3002\u4e3a\u951a\u70b9\u6807\u8bb0\u7684 href \u5c5e\u6027\u751f\u6210\u7684\u503c\u4e3a \/Welcome\uff1fid=5\u3002\u5f53\u60a8\u70b9\u51fb\u8be5\u94fe\u63a5\u65f6\uff0c\u6d88\u606f\u5c06\u66f4\u65b0\u4e3a\u5305\u542b\u53c2\u6570\u503c\uff0c\u5982\u56fe 3.11 \u6240\u793a\u3002<\/p>\n
![](\"\/images\/aspnetcorerazorpageinaction\/0311.png\")
<\/p>\n
\u56fe 3.11 \u67e5\u8be2\u5b57\u7b26\u4e32\u503c\u6839\u636e\u5339\u914d\u540d\u79f0\u7ed1\u5b9a\u5230\u53c2\u6570\u3002<\/p>\n
\u8d1f\u8d23\u5c06\u4f20\u5165\u6570\u636e\u4e0e\u53c2\u6570\u5339\u914d\u7684\u9b54\u672f\u79f0\u4e3a\u6a21\u578b\u7ed1\u5b9a\u3002\u5728\u7b2c 5 \u7ae0\u4e2d\uff0c\u5f53\u6211\u4eec\u770b\u5230\u4f7f\u7528\u8868\u5355\u65f6\uff0c\u6211\u5c06\u8be6\u7ec6\u4ecb\u7ecd\u6a21\u578b\u7ed1\u5b9a\u3002<\/p>\n
\u547d\u540d\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5<\/h2>\n
C# \u5141\u8bb8\u60a8\u901a\u8fc7\u6539\u53d8\u65b9\u6cd5\u63a5\u53d7\u7684\u53c2\u6570\u7684\u6570\u91cf\u548c\u7c7b\u578b\u6765\u521b\u5efa\u65b9\u6cd5\u7684\u91cd\u8f7d\u3002\u867d\u7136\u53ef\u4ee5\u5728\u5355\u4e2a PageModel \u7c7b\u4e2d\u521b\u5efa\u591a\u4e2a\u7248\u672c\u7684OnGet\u6216OnPost\u65b9\u6cd5\uff0c\u8fd9\u4e9b\u65b9\u6cd5\u56e0\u53c2\u6570\u800c\u5f02\uff0c\u5e76\u4f7f\u5176\u6210\u529f\u7f16\u8bd1\uff0c\u4f46 Razor Pages \u6846\u67b6\u4e0d\u5141\u8bb8\u8fd9\u6837\u505a\u3002PageModel \u4e2d\u53ea\u80fd\u6709\u4e00\u4e2a OnGet \u6216\u4e00\u4e2a OnPost \u65b9\u6cd5\u3002\u4e8b\u5b9e\u4e0a\uff0c\u4f60\u751a\u81f3\u4e0d\u80fd\u5728\u540c\u4e00\u4e2a PageModel \u7c7b\u4e2d\u62e5\u6709 OnGet \u548c OnGetAsync \u65b9\u6cd5\u3002\u5f53 Razor Pages \u5c06\u5904\u7406\u7a0b\u5e8f\u4e0e HTTP \u65b9\u6cd5\u540d\u79f0\u5339\u914d\u65f6\uff0c\u5b83\u4f1a\u5ffd\u7565 Async \u540e\u7f00\u3002\u5982\u679c\u591a\u4e2a\u5904\u7406\u7a0b\u5e8f\u4e0e\u7ed9\u5b9a\u8bf7\u6c42\u5339\u914d\uff0c\u60a8\u5c06\u5728\u8fd0\u884c\u65f6\u6536\u5230 AmbiguousActionException\u3002<\/p>\n
\u6709\u65f6\u60a8\u53ef\u80fd\u5e0c\u671b\u4e3a\u540c\u4e00 HTTP \u65b9\u6cd5\u6267\u884c\u4e0d\u540c\u7684\u4ee3\u7801\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u80fd\u6709\u4e00\u4e2a\u5305\u542b\u591a\u4e2a\u8868\u5355\u7684\u9875\u9762\u3002Manning \u4e3b\u9875\u540c\u65f6\u63d0\u4f9b\u641c\u7d22\u8868\u5355\u548c\u6ce8\u518c\u8868\u5355\u3002\u4e00\u4e2a\u91c7\u7528\u641c\u7d22\u8bcd\uff0c\u53e6\u4e00\u4e2a\u91c7\u7528\u7535\u5b50\u90ae\u4ef6\u5730\u5740\u3002\u5047\u8bbe\u4ed6\u4eec\u90fd\u53d1\u56de\u5230\u540c\u4e00\u4e2a\u9875\u9762\uff0c\u60a8\u5982\u4f55\u77e5\u9053\u7528\u6237\u63d0\u4ea4\u4e86\u54ea\u4e00\u4e2a\u9875\u9762\uff1f\u60a8\u53ef\u4ee5\u5728 OnPost \u5904\u7406\u7a0b\u5e8f\u4e2d\u6dfb\u52a0\u4e00\u4e9b\u903b\u8f91\uff0c\u4ee5\u5c1d\u8bd5\u8bc6\u522b\u7528\u6237\u662f\u5c1d\u8bd5\u6ce8\u518c\u65b0\u95fb\u7a3f\u8fd8\u662f\u901a\u8fc7\u5176\u7535\u5b50\u90ae\u4ef6\u5730\u5740\u641c\u7d22\u4f5c\u8005\uff0c\u4e5f\u53ef\u4ee5\u4f7f\u7528\u547d\u540d\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u3002<\/p>\n
\u547d\u540d\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u7684\u5f00\u5934\u7ea6\u5b9a\u4e0e\u6807\u51c6\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u76f8\u540c\uff1aOn \u540e\u8ddf HTTP \u65b9\u6cd5\u540d\u79f0\u3002\u8fd9\u540e\u8ddf\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u7684\u540d\u79f0\uff0c\u7528\u4e8e\u6d88\u9664\u5b83\u4e0e\u6807\u51c6\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u548c\u5176\u4ed6\u547d\u540d\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u7684\u6b67\u4e49\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u80fd\u5e0c\u671b\u521b\u5efa\u4e00\u4e2a\u540d\u4e3a OnPostSearch \u7684\u65b9\u6cd5\u6765\u5904\u7406\u641c\u7d22\u8868\u5355\u63d0\u4ea4\uff0c\u5e76\u521b\u5efa\u53e6\u4e00\u4e2a\u540d\u4e3a OnPost- Register \u7684\u65b9\u6cd5\u6765\u5904\u7406\u6ce8\u518c\u8868\u5355\u63d0\u4ea4\u3002\u4e0b\u9762\u7684\u6e05\u5355\u663e\u793a\u4e86\u5982\u4f55\u5728\u793a\u4f8b\u5e94\u7528\u7a0b\u5e8f\u7684 WelcomeModel \u4e2d\u5b9e\u73b0\u8fd9\u4e9b\u3002<\/p>\n
\u6e05\u5355 3.31 \u663e\u793a\u4e24\u4e2a\u547d\u540d\u7684\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5<\/p>\n
public class WelcomeModel : PageModel\n{\n public string Message { get; set; } \u2776\n public void OnPostSearch(string searchTerm) \u2777\n {\n Message = $"You searched for {searchTerm}"; \u2778\n }\n\n public void OnPostRegister(string email) \u2779\n {\n Message = $"You registered {email} for newsletters"; \u277a\n }\n}<\/code><\/pre>\n\u2776 \u6dfb\u52a0\u4e86 Message \u5c5e\u6027\u3002
\n\u2777 OnPostSearch \u65b9\u6cd5\u91c7\u7528\u540d\u4e3a searchTerm \u7684\u5b57\u7b26\u4e32\u3002
\n\u2778 \u8be5\u6d88\u606f\u5305\u542b searchTerm \u53c2\u6570\u503c\u3002
\n\u2779 OnPostRegister \u65b9\u6cd5\u4f7f\u7528\u540d\u4e3a email \u7684\u53c2\u6570\u5904\u7406\u6ce8\u518c\u3002
\n\u277a \u6d88\u606f\u5305\u542b email \u53c2\u6570\u503c\u3002<\/p>\n
\u521b\u5efa\u4e86\u4e24\u4e2a\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\uff1a\u4e00\u4e2a\u540d\u4e3a OnPostSearch\uff0c\u53e6\u4e00\u4e2a\u540d\u4e3a OnPostRegister\u3002Search \u548c Register \u8868\u793a\u547d\u540d\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u7684\u540d\u79f0\u90e8\u5206\u3002\u8fd9\u4e24\u79cd\u65b9\u6cd5\u90fd\u91c7\u7528\u5b57\u7b26\u4e32\u53c2\u6570\uff0c\u4f46\u5b83\u4eec\u90fd\u6839\u636e\u8c03\u7528\u7684\u65b9\u6cd5\u5c06 Message \u5c5e\u6027\u8bbe\u7f6e\u4e3a\u4e0d\u540c\u7684\u503c\u3002<\/p>\n
\u6e05\u5355 3.32 \u663e\u793a\u4e86 Index \u9875\u9762\u4e2d\u7684\u4e24\u4e2a\u7b80\u5355\u8868\u5355 \u2014 \u4e00\u4e2a\u7528\u4e8e\u641c\u7d22\uff0c\u53e6\u4e00\u4e2a\u7528\u4e8e\u6ce8\u518c\u3002\u8868\u5355\u6807\u7b7e\u662f\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u6240\u9488\u5bf9\u7684\u6807\u7b7e\u4e4b\u4e00\uff0c\u56e0\u6b64\u53ef\u4ee5\u4f7f\u7528\u81ea\u5b9a\u4e49\u5c5e\u6027\u3002page-handler \u5c5e\u6027\u63a5\u53d7\u9875\u9762\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u7684\u540d\u79f0\uff0c\u8be5\u65b9\u6cd5\u7528\u4e8e\u5728\u63d0\u4ea4\u8868\u5355\u65f6\u5904\u7406\u8bf7\u6c42\u3002<\/p>\n
\u6e05\u5355 3.32 page-handler \u5c5e\u6027\u652f\u6301\u9488\u5bf9\u4e0d\u540c\u7684\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5<\/p>\n
@page\n@model WelcomeModel\n@{\n}\n\n<div class="col">\n <form method="post" asp-page-handler="Search"> \u2776\n <p>Search<\/p>\n <input name="searchTerm" \/> \u2777\n <button>Search<\/button>\n <\/form>\n\n <form method="post" asp-page-handler="Register"> \n <p>Register<\/p>\n <input name="email" \/> \n <button>Register<\/button> \n <\/form>\n <p>@Model.Message<\/p> \u2778\n<\/div><\/code><\/pre>\n\u2776 \u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u7684 name \u90e8\u5206\u88ab\u5206\u914d\u7ed9 form \u6807\u8bb0\u5e2e\u52a9\u7a0b\u5e8f\u7684 page-handler \u5c5e\u6027\u3002
\n\u2777 input name \u5c5e\u6027\u4e0e\u76ee\u6807\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u4e0a\u7684\u53c2\u6570\u540d\u79f0\u5339\u914d\u3002
\n\u2778 Message \u7684\u503c\u5448\u73b0\u7ed9\u6d4f\u89c8\u5668\u3002<\/p>\n
\u56fe 3.12 \u663e\u793a\u4e86\u5448\u73b0\u9875\u9762\u5e76\u4e14\u7528\u6237\u641c\u7d22 Razor Pages \u65f6\u4f1a\u53d1\u751f\u4ec0\u4e48\u60c5\u51b5\u3002\u8868\u5355\u6807\u7b7e\u5e2e\u52a9\u7a0b\u5e8f\u4f7f\u7528\u952e\u5904\u7406\u7a0b\u5e8f\u5c06\u5904\u7406\u7a0b\u5e8f\u7684\u540d\u79f0\u9644\u52a0\u5230\u67e5\u8be2\u5b57\u7b26\u4e32\u4e2d\uff1a<\/p>\n
?handler=Search<\/code><\/pre>\n![](\"\/images\/aspnetcorerazorpageinaction\/0312.png\")
<\/p>\n
\u56fe 3.12\u4f5c\u4e2d\u7684\u547d\u540d\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u9009\u62e9<\/p>\n
\u6839\u636e\u5904\u7406\u7a0b\u5e8f\u67e5\u8be2\u5b57\u7b26\u4e32\u503c\u4e0e\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u540d\u79f0\u4e4b\u95f4\u7684\u6210\u529f\u5339\u914d\uff0cRazor Pages \u9009\u62e9\u4e86 OnPostSearch \u5904\u7406\u7a0b\u5e8f\u6765\u5904\u7406\u8bf7\u6c42\uff0c\u5e76\u76f8\u5e94\u5730\u751f\u6210\u7ed3\u679c\u8f93\u51fa\u3002<\/p>\n
\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u8fd4\u56de\u7c7b\u578b<\/h2>\n
\u5230\u76ee\u524d\u4e3a\u6b62\uff0c\u60a8\u770b\u5230\u7684\u6240\u6709\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u793a\u4f8b\u7684 return \u7c7b\u578b\u90fd\u662f void\u3002\u5176\u4ed6\u652f\u6301\u7684\u8fd4\u56de\u7c7b\u578b\u5305\u62ec Task \u548c\u5b9e\u73b0 IActionResult \u63a5\u53e3\u7684\u4efb\u4f55\u7c7b\u578b\uff08\u79f0\u4e3a\u4f5c\u7ed3\u679c\uff09\uff0c\u5b83\u4eec\u5177\u6709\u751f\u6210\u54cd\u5e94\u7684\u4f5c\u7528\u3002\u5bf9\u4e8e\u4e0d\u540c\u7c7b\u578b\u7684\u54cd\u5e94\uff0c\u53ef\u4ee5\u4f7f\u7528\u5404\u79cd\u4f5c\u7ed3\u679c\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u80fd\u5e0c\u671b\u8fd4\u56de\u4e00\u4e2a\u6587\u4ef6\uff0c\u800c\u4e0d\u662f\u5448\u73b0 Razor \u9875\u9762\u3002\u6216\u8005\uff0c\u60a8\u53ef\u80fd\u5e0c\u671b\u8fd4\u56de\u5177\u6709\u7279\u5b9a HTTP \u72b6\u6001\u4ee3\u7801\u7684\u7a7a\u54cd\u5e94\u3002\u6216\u8005\uff0c\u60a8\u53ef\u80fd\u5e0c\u671b\u5c06\u7528\u6237\u91cd\u5b9a\u5411\u5230\u5176\u4ed6\u4f4d\u7f6e\u3002<\/p>\n
\u6b64\u65f6\uff0c\u60a8\u53ef\u80fd\u60f3\u77e5\u9053\uff0c\u5f53\u60a8\u7684\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u672a\u8fd4\u56de IActionResult \u7c7b\u578b\u65f6\uff0c\u60a8\u7684\u9875\u9762\u662f\u5982\u4f55\u751f\u6210\u54cd\u5e94\u7684\u3002\u8fd9\u662f\u56e0\u4e3a\u8fd4\u56de\u7c7b\u578b\u4e3a void \u6216 Task \u7684\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5\u9690\u5f0f\u8fd4\u56de PageResult\uff0c\u5373\u5448\u73b0\u5173\u8054\u7684 Razor \u9875\u9762\u7684\u4f5c\u7ed3\u679c\u3002\u4e0b\u9762\u7684\u6e05\u5355\u663e\u793a\u4e86 OnPostSearch \u5904\u7406\u7a0b\u5e8f\uff0c\u8be5\u5904\u7406\u7a0b\u5e8f\u5df2\u66f4\u65b0\u4e3a\u5305\u542b\u663e\u5f0f\u8fd4\u56de\u7c7b\u578b PageResult\u3002<\/p>\n
Listing 3.33 \u663e\u5f0f\u8fd4\u56de action \u7ed3\u679c\u7684\u5904\u7406\u7a0b\u5e8f\u65b9\u6cd5<\/p>\n
public PageResult OnPostSearch(string searchTerm) \u2776\n{\n Message = $"You searched for {searchTerm}";\n return new PageResult(); \u2777\n}<\/code><\/pre>\n\u2776 \u5df2\u66f4\u6539 OnPostSearch \u65b9\u6cd5\u4ee5\u8fd4\u56de PageResult\u3002
\n\u2777 \u521b\u5efa\u5e76\u8fd4\u56de\u4e00\u4e2a\u65b0\u7684 PageResult \u5b9e\u4f8b\u3002<\/p>\n
PageModel \u7c7b\u5305\u542b\u8bb8\u591a\u5e2e\u52a9\u7a0b\u5e8f\u65b9\u6cd5\uff0c\u8fd9\u4e9b\u65b9\u6cd5\u63d0\u4f9b\u4e86\u4e00\u79cd\u521b\u5efa\u4f5c\u7ed3\u679c\u7684\u7b80\u5199\u65b9\u6cd5\uff0c\u4ece\u800c\u907f\u514d\u4f7f\u7528 new \u8fd0\u7b97\u7b26\u3002\u4e0b\u4e00\u4e2a\u6e05\u5355\u663e\u793a\u4e86 Page\uff08\uff09 \u5e2e\u52a9\u7a0b\u5e8f\u65b9\u6cd5\u7684\u7528\u6cd5\uff0c\u5b83\u662f\u8868\u8fbe\u5f0f new PageResult\uff08\uff09 \u7684\u5305\u88c5\u5668\u3002<\/p>\n
\u5217\u8868 3.34 Page\uff08\uff09 \u65b9\u6cd5\u4e2dnew PageResult\uff08\uff09\u7684\u7b80\u5199<\/p>\n
public PageResult OnPostSearch(string searchTerm) \u2776\n{\n Message = $"You searched for {searchTerm}";\n return Page(); \u2777\n}<\/code><\/pre>\n\u2776 \u5df2\u66f4\u6539 OnPostSearch \u65b9\u6cd5\u4ee5\u8fd4\u56de PageResult\u3002
\n\u2777 Page\uff08\uff09 \u65b9\u6cd5\u5145\u5f53\u5bf9 new PageResult\uff08\uff09 \u7684\u8c03\u7528\u7684\u5305\u88c5\u5668\u3002<\/p>\n
\u901a\u5e38\uff0c\u5982\u679c\u60a8\u7684\u5904\u7406\u7a0b\u5e8f\u53ea\u5bfc\u81f4\u5f53\u524d\u9875\u9762\u88ab\u5904\u7406\u548c\u5448\u73b0\uff0c\u5219\u65e0\u9700\u663e\u5f0f\u8fd4\u56de PageResult\u3002\u8868 3.1 \u663e\u793a\u4e86\u60a8\u6700\u6709\u53ef\u80fd\u5728 Razor Pages \u5e94\u7528\u7a0b\u5e8f\u4e2d\u4f7f\u7528\u7684\u4f5c\u7ed3\u679c\u7c7b\u578b\u53ca\u5176\u5e2e\u52a9\u7a0b\u5e8f\u65b9\u6cd5\u3002<\/p>\n
\u8868 3.1 Razor Pages \u4e2d\u7684action\u7ed3\u679c<\/p>\n