doc(Tutorials): add pro website link (#4103)

* doc: add NET9.0 in list

* doc: 增加 pro.blazor.zone 站点介绍

* doc: 增加 admin 路由

* style: 增加鼠标特效

* doc: 增加中台卡片

* doc: 增加演示网站

src/BootstrapBlazor.Server/Components/Components/ComponentCard.razor.css

@@ -0,0 +1,3 @@
+.card:hover {
+    box-shadow: var(--bs-box-shadow);
+}

src/BootstrapBlazor.Server/Components/Layout/TutorialsNavMenu.razor.cs

@@ -99,6 +99,11 @@ public partial class TutorialsNavMenu
                 Template = CreateDownloadButtonComponent("drawing", _drawingAppFileList),
                 Text = Localizer["DrawingSummary"],
                 Url = "tutorials/drawing"
+            },
+            new()
+            {
+                Text = Localizer["AdminSummary"],
+                Url = "tutorials/admin",
             }
         ]);
     }

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

@@ -48,7 +48,9 @@
 
 <p>@((MarkupString)Localizer["P5", LocalizerRules].Value)</p>
 
-<p>@Localizer["ShowWebSiteTitle"]：<a href="@($"{WebsiteOption.CurrentValue.AdminUrl}/Pages")" target="_blank">@WebsiteOption.CurrentValue.AdminUrl</a></p>
+<p>@Localizer["ShowWebSiteTitle1"]：<a href="@($"{WebsiteOption.CurrentValue.AdminUrl}/Pages")" target="_blank">@WebsiteOption.CurrentValue.AdminUrl</a></p>
+
+<p>@Localizer["ShowWebSiteTitle2"]：<a href="@($"{WebsiteOption.CurrentValue.AdminProUrl}")" target="_blank" class="text-success">@WebsiteOption.CurrentValue.AdminProUrl</a></p>
 
 <h4>@Localizer["GetStarted"]</h4>
 

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

@@ -8,5 +8,6 @@
     <ComponentCard Text="@Localizer["WaterfallSummary"]" Image="tutorials/waterfall.png" Url="tutorials/waterfall"></ComponentCard>
     <ComponentCard Text="@Localizer["TranslateSummary"]" Image="tutorials/translate.png" Url="tutorials/translate"></ComponentCard>
     <ComponentCard Text="@Localizer["DrawingSummary"]" Image="tutorials/drawing.png" Url="tutorials/drawing"></ComponentCard>
+    <ComponentCard Text="@Localizer["AdminSummary"]" Image="tutorials/pro.jpg" Url="tutorials/admin"></ComponentCard>
 </ComponentCategory>
 

src/BootstrapBlazor.Server/Components/Samples/Tutorials/Admin.razor

@@ -0,0 +1,26 @@
+@page "/tutorials/admin"
+
+<p>后台权限管理演示系统</p>
+
+<div class="row g-2">
+    <div class="col-12 col-sm-6">
+        <a href="https://pro.blazor.zone" target="_blank">
+            <div class="card">
+                <div class="card-header">BootstrapBlazor 组件库实现</div>
+                <div class="card-body">
+                    <img src="images/tutorials/pro.jpg" class="w-100" />
+                </div>
+            </div>
+        </a>
+    </div>
+    <div class="col-12 col-sm-6">
+        <a href="https://admin.blazor.zone" target="_blank">
+            <div class="card">
+                <div class="card-header">MVC & Blazor 混合实现</div>
+                <div class="card-body">
+                    <img src="images/tutorials/admin.jpg" class="w-100" />
+                </div>
+            </div>
+        </a>
+    </div>
+</div>

src/BootstrapBlazor.Server/Components/Samples/Tutorials/Admin.razor.cs

@@ -0,0 +1,13 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+namespace BootstrapBlazor.Server.Components.Samples.Tutorials;
+
+/// <summary>
+/// Admin 介绍
+/// </summary>
+public partial class Admin
+{
+
+}

src/BootstrapBlazor.Server/Components/Samples/Tutorials/Admin.razor.css

@@ -0,0 +1,7 @@
+.card {
+    transition: box-shadow .3s linear;
+}
+
+    .card:hover {
+        box-shadow: var(--bs-box-shadow);
+    }

src/BootstrapBlazor.Server/Data/WebsiteOptions.cs

@@ -26,6 +26,11 @@ public class WebsiteOptions
     /// </summary>
     public string AdminUrl { get; set; } = "https://admin.blazor.zone";
 
+    /// <summary>
+    /// 
+    /// </summary>
+    public string AdminProUrl { get; set; } = "https://pro.blazor.zone";
+
     /// <summary>
     /// 
     /// </summary>

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

@@ -20,7 +20,8 @@
     "LoginSummary": "Login&Register",
     "WaterfallSummary": "Waterfall",
     "TranslateSummary": "Translate",
-    "DrawingSummary": "Drawing"
+    "DrawingSummary": "Drawing",
+    "AdminSummary": "Admin"
   },
   "BootstrapBlazor.Server.Components.App": {
     "Title": "Bootstrap Blazor enterprise-level UI component library",
@@ -35,7 +36,7 @@
     "CopiedText": "Copied"
   },
   "BootstrapBlazor.Server.Components.Pages.Index": {
-    "Support": "Support NET6.0 & NET7.0 & NET8.0",
+    "Support": "Support NET6.0 & NET7.0 & NET8.0 & NET9.0",
     "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",
@@ -5638,7 +5639,8 @@
     "Summarize": "Summarize",
     "ProjectsShow": "Exhibition",
     "P5": "The largest code hosting collaborative development platform in China <b><a href='{0}' target='_blank'>Gitee</a></b> C# The highest star in the sector <a href='{1}' target='_blank'><img src='{2}' alt='star'></a> Works <b><a href='{3}' target='_blank'>Universal background management system BootstrapAdmin</a></b> Ready to use this component to achieve all functions",
-    "ShowWebSiteTitle": "Demo Site",
+    "ShowWebSiteTitle1": "Demo Site(MVC & Blazor)",
+    "ShowWebSiteTitle2": "Demo Site(Blazor)",
     "GetStarted": "Get Started",
     "QuickStart": "Quick Start",
     "Features": "Features of Components",

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

@@ -20,7 +20,8 @@
     "LoginSummary": "登陆注册 Login&Register",
     "WaterfallSummary": "瀑布流图片 Waterfall",
     "TranslateSummary": "翻译工具 Translate",
-    "DrawingSummary": "画图 Drawing"
+    "DrawingSummary": "画图 Drawing",
+    "AdminSummary": "中台 Admin"
   },
   "BootstrapBlazor.Server.Components.App": {
     "Title": "Bootstrap Blazor - 组件库",
@@ -35,7 +36,7 @@
     "CopiedText": "复制代码成功"
   },
   "BootstrapBlazor.Server.Components.Pages.Index": {
-    "Support": "支持 NET6.0 & NET7.0 & NET8.0",
+    "Support": "支持 NET6.0 & NET7.0 & NET8.0 & NET9.0",
     "Title": "Bootstrap Blazor UI",
     "SubTitle": "BootstrapBlazor 是一套基于 Bootstrap 和 Blazor 的企业级组件库，无缝整合了 Bootstrap 框架与 Blazor 技术。它提供了一整套强大的工具，使开发者能够轻松创建响应式和交互式的 Web 应用程序。",
     "Docs": "阅读文档",
@@ -5639,7 +5640,8 @@
     "Summarize": "总结",
     "ProjectsShow": "作品展示",
     "P5": "国内最大代码托管协作开发平台 <b><a href='{0}' target='_blank'>码云</a></b> C# 板块最高星 <a href='{1}' target='_blank'><img src='{2}' alt='star'></a> 作品 <b><a href='{3}' target='_blank'>通用后台管理系统 BootstrapAdmin</a></b> 准备使用本组件实现全部功能",
-    "ShowWebSiteTitle": "演示网站",
+    "ShowWebSiteTitle1": "实战网站（混合版本）",
+    "ShowWebSiteTitle2": "实战网站（纯 Blazor 版本）",
     "GetStarted": "快速上手",
     "QuickStart": "快速入门",
     "Features": "组件特色",