doc(WebsiteOptions): add GetTargets method (#7072)

* refactor: 增加 TargetFrameworks 配置

* refactor: 增加 GetTargets 方法

* doc: 使用 GetTargets 方法重构

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Components/BlazorReconnector.razor

@@ -1,4 +1,4 @@
-@inject IOptions<WebsiteOptions> WebsiteOption
+@inject IOptions<WebsiteOptions> WebsiteOption
 
 <Reconnector>
     <ReconnectingTemplate>
@@ -67,7 +67,7 @@
         <div class="d-flex">
             <div class="flex-fill">
                 <p>一套基于 <b>Bootstrap</b> 样式的企业级 <b>Blazor UI</b> 组件库，支持 Server 与 WebAssembly</p>
-                <p>适配移动端支持各种主流浏览器以及移动端，适配 <b>ABP</b>，同时支持 <b>NET6/NET7/NET8/NET9/NET10</b></p>
+                <p>适配移动端支持各种主流浏览器以及移动端，适配 <b>ABP</b>，同时支持 <b>@WebsiteOption.Value.GetTargets()</b></p>
                 <p></p>
                 <div>已提供项目模板方便快速上手 <a class="connection-link" href="@TemplateUrl" target="_blank">项目模板</a></div>
             </div>

src/BootstrapBlazor.Server/Components/Pages/Index.razor

@@ -1,4 +1,4 @@
-@layout HomeLayout
+@layout HomeLayout
 @page "/"
 @page "/index"
 @page "/home"
@@ -7,9 +7,9 @@
 <section class="bd-masthead">
     <div class="container-xxl bd-gutter">
         <div class="text-center d-flex align-items-center flex-column">
-            <a class="d-inline-flex text-dark text-decoration-none" href="@WebsiteOption.Value.GithubRepositoryUrl" rel="noopener" target="_blank">
+            <a class="d-inline-flex text-dark text-decoration-none" href="@WebsiteOption.Value.GithubRepositoryUrl" target="_blank">
                 <span class="py-2 px-3 rounded-5 masthead-notice">
-                    @Localizer["Support"]
+                    @Localizer["Support"] @WebsiteOption.Value.GetTargets()
                 </span>
             </a>
             <div class="bb-logo d-sm-block mx-auto my-5">

src/BootstrapBlazor.Server/Components/Samples/Reconnectors.razor

@@ -1,4 +1,4 @@
-@page "/reconnector"
+@page "/reconnector"
 @inject IStringLocalizer<Reconnectors> Localizer
 @inject IOptions<WebsiteOptions> WebsiteOption
 
@@ -97,7 +97,7 @@
                 <div class="d-flex">
                     <div class="flex-fill">
                         <p>基于 <b>Bootstrap</b> 样式的 <b>Blazor UI</b> 组件库</p>
-                        <p>适配移动端支持各种主流浏览器，适配 <b>ABP</b>，同时支持 <b>NET6/NET7/NET8/NET9/NET10</b>，交流群 <b>795206915</b></p>
+                        <p>适配移动端支持各种主流浏览器，适配 <b>ABP</b>，同时支持 <b>@WebsiteOption.Value.GetTargets()</b>，交流群 <b>795206915</b></p>
                         <p>已提供项目模板方便快速上手 <a class="connection-link" href="@TemplateUrl">项目模板</a></p>
                     </div>
                     <div class="connection-body-tail d-none d-sm-block"></div>
@@ -126,7 +126,7 @@
                 &lt;div class="d-flex"&gt;
                     &lt;div class="flex-fill"&gt;
                         &lt;div class="mb-2"&gt;基于 &lt;b&gt;Bootstrap&lt;/b&gt; 样式的 &lt;b&gt;Blazor UI&lt;/b&gt; 组件库&lt;/div&gt;
-                        &lt;div class="mb-2"&gt;适配移动端支持各种主流浏览器，适配 &lt;b&gt;ABP&lt;/b&gt;，同时支持 &lt;b&gt;NET6/NET7/NET8/NET9/NET10&lt;/b&gt;，交流群 &lt;b&gt;795206915&lt;/b&gt;&lt;/div&gt;
+                        &lt;div class="mb-2"&gt;适配移动端支持各种主流浏览器，适配 &lt;b&gt;ABP&lt;/b&gt;，同时支持 &lt;b&gt;@WebsiteOption.Value.GetTargets()&lt;/b&gt;，交流群 &lt;b&gt;795206915&lt;/b&gt;&lt;/div&gt;
                         &lt;div&gt;已提供项目模板方便快速上手 &lt;a class="connection-link" href="@TemplateUrl"&gt;项目模板&lt;/a&gt;&lt;/div&gt;
                     &lt;/div&gt;
                     &lt;div class="connection-body-tail d-none d-sm-block"&gt;&lt;/div&gt;
@@ -157,7 +157,7 @@
                 <div class="d-flex">
                     <div class="flex-fill">
                         <p>基于 <b>Bootstrap</b> 样式的 <b>Blazor UI</b> 组件库</p>
-                        <p>适配移动端支持各种主流浏览器，适配 <b>ABP</b>，同时支持 <b>NET6/NET7/NET8</b>，交流群 <b>795206915</b></p>
+                        <p>适配移动端支持各种主流浏览器，适配 <b>ABP</b>，同时支持 <b>@WebsiteOption.Value.GetTargets()</b>，交流群 <b>795206915</b></p>
                         <div>已提供项目模板方便快速上手 <a class="connection-link" href="@TemplateUrl">项目模板</a></div>
                     </div>
                     <div class="connection-body-tail d-none d-sm-block"></div>
@@ -187,7 +187,7 @@
                 &lt;div class="d-flex"&gt;
                     &lt;div class="flex-fill"&gt;
                         &lt;div class="mb-2"&gt;基于 &lt;b&gt;Bootstrap&lt;/b&gt; 样式的 &lt;b&gt;Blazor UI&lt;/b&gt; 组件库&lt;/div&gt;
-                        &lt;div class="mb-2"&gt;适配移动端支持各种主流浏览器，适配 &lt;b&gt;ABP&lt;/b&gt;，同时支持 &lt;b&gt;NET6/NET7/NET8/NET9/NET10&lt;/b&gt;，交流群 &lt;b&gt;795206915&lt;/b&gt;&lt;/div&gt;
+                        &lt;div class="mb-2"&gt;适配移动端支持各种主流浏览器，适配 &lt;b&gt;ABP&lt;/b&gt;，同时支持 &lt;b&gt;@WebsiteOption.Value.GetTargets()&lt;/b&gt;，交流群 &lt;b&gt;795206915&lt;/b&gt;&lt;/div&gt;
                         &lt;div&gt;已提供项目模板方便快速上手 &lt;a class="connection-link" href="@TemplateUrl"&gt;项目模板&lt;/a&gt;&lt;/div&gt;
                     &lt;/div&gt;
                     &lt;div class="connection-body-tail d-none d-sm-block"&gt;&lt;/div&gt;
@@ -219,7 +219,7 @@
                 <div class="d-flex">
                     <div class="flex-fill">
                         <p>基于 <b>Bootstrap</b> 样式的 <b>Blazor UI</b> 组件库</p>
-                        <p>适配移动端支持各种主流浏览器，适配 <b>ABP</b>，同时支持 <b>NET6/NET7/NET8</b>，交流群 <b>795206915</b></p>
+                        <p>适配移动端支持各种主流浏览器，适配 <b>ABP</b>，同时支持 <b>@WebsiteOption.Value.GetTargets()</b>，交流群 <b>795206915</b></p>
                         <p>已提供项目模板方便快速上手 <a class="connection-link" href="@TemplateUrl">项目模板</a></p>
                     </div>
                     <div class="connection-body-tail d-none d-sm-block"></div>
@@ -248,7 +248,7 @@
                 &lt;div class="d-flex"&gt;
                     &lt;div class="flex-fill"&gt;
                         &lt;div class="mb-2"&gt;基于 &lt;b&gt;Bootstrap&lt;/b&gt; 样式的 &lt;b&gt;Blazor UI&lt;/b&gt; 组件库&lt;/div&gt;
-                        &lt;div class="mb-2"&gt;适配移动端支持各种主流浏览器，适配 &lt;b&gt;ABP&lt;/b&gt;，同时支持 &lt;b&gt;NET6/NET7/NET8/NET9/NET10&lt;/b&gt;，交流群 &lt;b&gt;795206915&lt;/b&gt;&lt;/div&gt;
+                        &lt;div class="mb-2"&gt;适配移动端支持各种主流浏览器，适配 &lt;b&gt;ABP&lt;/b&gt;，同时支持 &lt;b&gt;@WebsiteOption.Value.GetTargets()&lt;/b&gt;，交流群 &lt;b&gt;795206915&lt;/b&gt;&lt;/div&gt;
                         &lt;div&gt;已提供项目模板方便快速上手 &lt;a class="connection-link" href="@TemplateUrl"&gt;项目模板&lt;/a&gt;&lt;/div&gt;
                     &lt;/div&gt;
                     &lt;div class="connection-body-tail d-none d-sm-block"&gt;&lt;/div&gt;

src/BootstrapBlazor.Server/Data/WebsiteOptions.cs

@@ -1,4 +1,4 @@
-// Licensed to the .NET Foundation under one or more agreements.
+// Licensed to the .NET Foundation under one or more agreements.
 // The .NET Foundation licenses this file to you under the Apache 2.0 License
 // See the LICENSE file in the project root for more information.
 // Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
@@ -130,6 +130,11 @@ public class WebsiteOptions
     [NotNull]
     public HashSet<ThemeOption>? Themes { get; set; }
 
+    /// <summary>
+    /// 获得/设置 目标框架集合
+    /// </summary>
+    public List<string> TargetFrameworks { get; set; } = [];
+
     /// <summary>
     /// 构造函数
     /// </summary>
@@ -174,4 +179,11 @@ public string GetAssetUrl(string url)
     /// <param name="id"></param>
     /// <returns></returns>
     public string GetAvatarUrl(int id) => $"{AssetRootPath}images/avatars/150-{Math.Max(1, id % 25)}.jpg";
+
+    /// <summary>
+    /// 获得目标框架字符串
+    /// </summary>
+    /// <param name="separator"></param>
+    /// <returns></returns>
+    public string GetTargets(string separator = "/") => string.Join(separator, TargetFrameworks);
 }

src/BootstrapBlazor.Server/Locales/en-US.json

@@ -1,4 +1,4 @@
-{
+{
   "BootstrapBlazor.Server.Components.Pages.Online": {
     "SubTitle": "Online population statistics",
     "ConnectionTime": "ConnectionTime",
@@ -34,7 +34,7 @@
     "CopiedText": "Copied"
   },
   "BootstrapBlazor.Server.Components.Pages.Index": {
-    "Support": "Support NET6.0 & NET7.0 & NET8.0 & NET9.0 & NET10.0",
+    "Support": "Support",
     "Title": "Bootstrap Blazor UI",
     "SubTitle": "BootstrapBlazor is an enterprise-grade library that fuses Bootstrap with Blazor, offering developers a powerful toolkit for building responsive and interactive web applications effortlessly.",
     "Docs": "Read the docs",

src/BootstrapBlazor.Server/Locales/zh-CN.json

@@ -1,4 +1,4 @@
-{
+{
   "BootstrapBlazor.Server.Components.Pages.Online": {
     "SubTitle": "在线人数统计",
     "ConnectionTime": "连接时间",
@@ -34,7 +34,7 @@
     "CopiedText": "复制代码成功"
   },
   "BootstrapBlazor.Server.Components.Pages.Index": {
-    "Support": "支持 NET6.0 & NET7.0 & NET8.0 & NET9.0 & NET10.0",
+    "Support": "支持",
     "Title": "Bootstrap Blazor UI",
     "SubTitle": "BootstrapBlazor 是一套基于 Bootstrap 和 Blazor 的企业级组件库，无缝整合了 Bootstrap 框架与 Blazor 技术。它提供了一整套强大的工具，使开发者能够轻松创建响应式和交互式的 Web 应用程序。",
     "Docs": "阅读文档",

src/BootstrapBlazor.Server/appsettings.json

@@ -1,4 +1,4 @@
-{
+{
   "Logging": {
     "LogLevel": {
       "Default": "Information",
@@ -72,12 +72,9 @@
   "JuHe": {
     "IpLocatorKey": ""
   },
-  "Cache-Control": {
-    "Files": [ ".png", ".gif", ".jpg", ".jpeg", ".svg" ],
-    "Max-Age": 600
-  },
   "WebsiteOptions": {
     "ServerUrl": "https://www.blazor.zone",
+    "TargetFrameworks": ["NET6.0", "NET7.0", "NET8.0", "NET9.0", "NET10.0"],
     "Themes": [
       {
         "key": "bootstrap",