{"id":14680,"date":"2021-09-19T10:46:37","date_gmt":"2021-09-19T02:46:37","guid":{"rendered":"https:\/\/web.xxmd.com\/?p=14680"},"modified":"2021-09-19T10:46:39","modified_gmt":"2021-09-19T02:46:39","slug":"blazor%ef%bc%9a%e5%9f%ba%e4%ba%8ebootstrap%e5%92%8cblazor%e7%9a%84%e4%bc%81%e4%b8%9a%e7%ba%a7ui%e7%bb%84%e4%bb%b6%e5%ba%93","status":"publish","type":"post","link":"https:\/\/web.xxmd.com\/14680.html","title":{"rendered":"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93"},"content":{"rendered":"\n<p>Blazor\u5305\u542b\u4f7f\u7528 C#\u3001HTML \u548c CSS \u751f\u6210\u7684\u53ef\u91cd\u590d\u4f7f\u7528\u7684 Web UI \u7ec4\u4ef6\u3002 \u501f\u52a9Blazor,\u5f00\u53d1\u4eba\u5458\u53ef\u4ee5\u4f7f\u7528 C#\u4ee3\u66ff JavaScript \u6765\u521b\u5efa\u4e30\u5bcc\u7684\u4ea4\u4e92\u5f0f UI, \u5e76\u4e14\u652f\u6301\u4f17\u591a\u6d4f\u89c8\u5668\uff0c\u5176\u4e2d\u5305\u62ec\u79fb\u52a8\u6d4f\u89c8\u5668\u3002<\/p>\n\n\n\n<p><strong>Blazor\u7684\u4f18\u52bf\uff1a<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u4f7f\u7528\u7ec4\u4ef6\u65e0\u9700\u7f16\u5199 Javascript<\/li><li>\u7ec4\u4ef6\u652f\u6301\u6240\u6709 html \u7279\u6027<\/li><li>\u7ec4\u4ef6\u652f\u6301\u6570\u636e\u53cc\u5411\u7ed1\u5b9a<\/li><li>\u7ec4\u4ef6\u652f\u6301\u81ea\u52a8\u5ba2\u6237\u7aef\u9a8c\u8bc1<\/li><li>\u7ec4\u4ef6\u652f\u6301\u7ec4\u5408<\/li><\/ul>\n\n\n\n<p><strong>Blazor\u5f00\u53d1\u8981\u6c42\uff1a<\/strong><\/p>\n\n\n\n<p>\u53ef\u4f7f\u7528\u6700\u65b0\u7248\u672c\u7684 Visual Studio 2019\u3001Visual Studio for Mac \u6216 Visual Studio Code \u6765\u751f\u6210 Blazor \u5e94\u7528\u3002 \u5728\u672c\u6a21\u5757\u4e2d\uff0c\u6211\u4eec\u5c06\u4f7f\u7528 Visual Studio Code\u3002<\/p>\n\n\n\n<p>\u65e0\u8bba\u4f7f\u7528\u54ea\u79cd\u5f00\u53d1\u73af\u5883\uff0c\u90fd\u9700\u8981\u5b89\u88c5 .NET 5 SDK\u3002 \u5b89\u88c5\u540e\uff0c\u5373\u53ef\u5f00\u59cb\u751f\u6210 Blazor \u5e94\u7528\u3002 \u5728\u4e0b\u4e00\u4e2a\u7ec3\u4e60\u4e2d\uff0c\u5c06\u5b89\u88c5\u6240\u6709\u5fc5\u8981\u7684\u5de5\u5177\uff0c\u4ee5\u4f7f\u7528 Visual Studio Code \u751f\u6210 Blazor WebAssembly \u5e94\u7528\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"512\" src=\"https:\/\/web.cdn.xxmd.com\/wp-content\/uploads\/2021\/09\/20210919024108450.png\/avif95\"  class=\"wp-image-14681\" title=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe\" alt=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe\" \/><\/figure>\n\n\n\n<p><strong>\u7ec4\u4ef6\uff1a<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u5e03\u5c40\u7ec4\u4ef6<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"558\" src=\"https:\/\/web.cdn.xxmd.com\/wp-content\/uploads\/2021\/09\/20210919024114601.png\/avif95\"  class=\"wp-image-14682\" title=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe1\" alt=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe1\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>\u5bfc\u822a\u7ec4\u4ef6<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"531\" src=\"https:\/\/web.cdn.xxmd.com\/wp-content\/uploads\/2021\/09\/20210919024121140.png\/avif95\"  class=\"wp-image-14683\" title=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe2\" alt=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe2\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>\u8868\u5355\u7ec4\u4ef6<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1486\" height=\"666\" src=\"https:\/\/web.cdn.xxmd.com\/wp-content\/uploads\/2021\/09\/20210919024128664.gif\/avif95\"  class=\"wp-image-14684\" title=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe3\" alt=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe3\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>\u6570\u636e\u7ec4\u4ef6<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1485\" height=\"666\" src=\"https:\/\/web.cdn.xxmd.com\/wp-content\/uploads\/2021\/09\/20210919024135282.gif\/avif95\"  class=\"wp-image-14685\" title=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe4\" alt=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe4\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>\u6d88\u606f\u7ec4\u4ef6<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1485\" height=\"666\" src=\"https:\/\/web.cdn.xxmd.com\/wp-content\/uploads\/2021\/09\/20210919024142844.gif\/avif95\"  class=\"wp-image-14686\" title=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe5\" alt=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe5\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>\u901a\u77e5\u7ec4\u4ef6<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"540\" src=\"https:\/\/web.cdn.xxmd.com\/wp-content\/uploads\/2021\/09\/20210919024147809.png\/avif95\"  class=\"wp-image-14687\" title=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe6\" alt=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe6\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>\u5bf9\u8bdd\u6846<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1005\" height=\"219\" src=\"https:\/\/web.cdn.xxmd.com\/wp-content\/uploads\/2021\/09\/20210919024152582.png\/avif95\"  class=\"wp-image-14688\" title=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe7\" alt=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe7\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>\u8fdb\u5ea6\u6761<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1377\" height=\"150\" src=\"https:\/\/web.cdn.xxmd.com\/wp-content\/uploads\/2021\/09\/20210919024200837.gif\/avif95\"  class=\"wp-image-14689\" title=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe8\" alt=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe8\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>\u8f7b\u91cf\u5f39\u7a97<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"166\" src=\"https:\/\/web.cdn.xxmd.com\/wp-content\/uploads\/2021\/09\/20210919024205500.png\/avif95\"  class=\"wp-image-14690\" title=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe9\" alt=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe9\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>\u5de5\u5177\u6761<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"509\" height=\"78\" src=\"https:\/\/web.cdn.xxmd.com\/wp-content\/uploads\/2021\/09\/20210919024211718.png\/avif95\"  class=\"wp-image-14691\" title=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe10\" alt=\"Blazor\uff1a\u57fa\u4e8eBootstrap\u548cBlazor\u7684\u4f01\u4e1a\u7ea7UI\u7ec4\u4ef6\u5e93\u63d2\u56fe10\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5b98\u7f51\u5730\u5740+\u9879\u76ee\u4e3b\u9875<\/h2>\n\n\n\n<div class=\"content-hidden\">\r\n            <div class=\"content-hidden-info\">\r\n                <div class=\"content-show-roles b2-mark\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Blazor\u5305\u542b\u4f7f\u7528 C#\u3001HTML \u548c CSS \u751f\u6210\u7684\u53ef\u91cd\u590d\u4f7f\u7528\u7684 Web UI \u7ec4\u4ef6\u3002 \u501f\u52a9Blazor,\u5f00\u53d1\u4eba\u5458\u53ef\u4ee5\u4f7f\u7528 C#\u4ee3\u66ff JavaScript \u6765\u521b\u5efa\u4e30\u5bcc\u7684\u4ea4\u4e92\u5f0f UI, \u5e76\u4e14\u652f\u6301\u4f17\u591a\u6d4f\u89c8\u5668\uff0c\u5176\u4e2d\u5305\u62ec\u79fb\u52a8\u6d4f\u89c8\u5668\u3002 Blazor\u7684\u4f18\u52bf\uff1a \u4f7f\u7528\u7ec4\u4ef6\u65e0\u9700\u7f16\u5199 Javascript \u7ec4\u4ef6\u652f\u6301\u6240\u6709 html \u7279\u6027 \u7ec4\u4ef6\u652f\u6301\u6570\u636e\u53cc\u5411\u7ed1\u5b9a \u7ec4\u4ef6\u652f\u6301\u81ea\u52a8\u5ba2\u6237\u7aef\u9a8c\u8bc1 \u7ec4\u4ef6\u652f\u6301\u7ec4\u5408 Blazor\u5f00\u53d1\u8981\u6c42\uff1a \u53ef\u4f7f\u7528\u6700\u65b0\u7248\u672c\u7684 Visual Studio 2019\u3001Visual Studio for Mac \u6216 Visua<\/p>\n","protected":false},"author":1,"featured_media":14685,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2883],"tags":[3724,3721,3723,3722],"collection":[],"class_list":["post-14680","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-java","tag-web","tag-ui"],"_links":{"self":[{"href":"https:\/\/web.xxmd.com\/wp-json\/wp\/v2\/posts\/14680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.xxmd.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/web.xxmd.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/web.xxmd.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web.xxmd.com\/wp-json\/wp\/v2\/comments?post=14680"}],"version-history":[{"count":1,"href":"https:\/\/web.xxmd.com\/wp-json\/wp\/v2\/posts\/14680\/revisions"}],"predecessor-version":[{"id":14692,"href":"https:\/\/web.xxmd.com\/wp-json\/wp\/v2\/posts\/14680\/revisions\/14692"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/web.xxmd.com\/wp-json\/wp\/v2\/media\/14685"}],"wp:attachment":[{"href":"https:\/\/web.xxmd.com\/wp-json\/wp\/v2\/media?parent=14680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/web.xxmd.com\/wp-json\/wp\/v2\/categories?post=14680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/web.xxmd.com\/wp-json\/wp\/v2\/tags?post=14680"},{"taxonomy":"collection","embeddable":true,"href":"https:\/\/web.xxmd.com\/wp-json\/wp\/v2\/collection?post=14680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}