!1636 doc(I42OB8): add english translation of home page

* doc: 添加动态输出文字资源文件
* Merge branch 'dev' of https://gitee.com/LongbowEnterprise/BootstrapBla…
* doc(#I42OB8):添加主页页脚资源文件以及全球化
* doc(#I42OB8): 添加主页资源文件以及全球化
* refactor((#I42M9M): 格式化文档
* refactor(#I42M9M): 删除多余命名空间
* doc(#I42M9M): 更新简介文档的url连接
This commit is contained in:
Nine 2021-07-28 04:30:24 +00:00 committed by Argo
parent efc817ec5b
commit ac67f88581
6 changed files with 165 additions and 68 deletions

View File

@ -1,6 +1,57 @@
{
"BootstrapBlazor.Shared.App": {
"Title": "Bootstrap of Blazor"
"BootstrapBlazor.Shared.Pages.Index": {
"Title": "Bootstrap Blazor-Enterprise-level UI component library",
"HeaderTitle": "Bootstrap style Blazor UI component library",
"HeaderDesc": "Based on the <code>Bootstrap</code> style library, it is carefully built, and {0} a variety of commonly used components have been added to bring you an extraordinary feeling for rapid development projects",
"HeaderBody": "Committed to building the whole network",
"HeaderBody1": "The most fun of component library",
"DynamicText": "Best to use",
"DynamicText1": "Best looking",
"DynamicText2": "The most simple and practical",
"TagTitle": "Component",
"Span1": "Tree Component",
"Span2": "Menu Component",
"Span3": "Tag Component",
"Span4": "Table Component",
"Span5": "Layout Component",
"Span6": "Notification Component",
"Span7": "Upload Component",
"Span8": "Switch Component",
"CarouselH1": "Chart Component",
"CarouselP1": "Provide a variety of commonly used chart components",
"CarouselH2": "Chart IconComponent",
"CarouselP2": "Multi-dimensional data comparison",
"CarouselH3": "Full-featured table component",
"CarouselP3": "With all functions of adding, deleting, modifying, searching, paging, and sorting",
"CarouselH4": "Super timeline function",
"CarouselP4": "Custom nodes display arbitrary components",
"ContainerH1": "Rich Components",
"ContainerD1": "This set of components library contains more than {0} multiple components, from simple buttons to complex page-level components",
"ContainerH2": "Performance",
"ContainerD2": "Each control has been fine-tuned to optimize the refresh logic between parent and child components to avoid multiple loop updates",
"ContainerH3": "Easy to use",
"ContainerD3": "Easily grasp how to use components and quickly incorporate BootstrapBlazor controls into the project",
"ContainerH4": "Free and open source",
"ContainerD4": "Simple, direct, free to use, no dependent components, dependent on jQuery Bootstrap are all built-in",
"ContainerH5": "Demos and examples",
"ContainerD5": "Detailed documentation and online demonstration, simple function setting, direct copy code out of the box",
"ContainerH6": "Continually updated",
"ContainerD6": "Gitee platform hosting open source, never closed source, continuous update, timely response to questions and feedback",
"DonateH1": "Donate",
"DonateH2": "Scan the code to donate and invite the author to have a cup of coffee"
},
"BootstrapBlazor.Shared.Shared.HomeLayout": {
"FooterH1": "Related Works",
"FooterLi1": "Slider verification code",
"FriendLink": "Links",
"FriendLi1": "Lin Dexi's Blog",
"FriendLi2": "CCFlow",
"Community": "Community",
"CommunityLi1": "Contribution guide",
"CommunityLi2": "Join us",
"CommunityLi3": "Contact details",
"SpecialAcknowledgements": "Special Thanks",
"Footer": "Gitee Hosting Platform"
},
"BootstrapBlazor.Shared.Pages.Components.Block": {
"Title": "",

View File

@ -1,6 +1,57 @@
{
"BootstrapBlazor.Shared.App": {
"Title": "Bootstrap Blazor - 企业级 UI 组件库"
"BootstrapBlazor.Shared.Pages.Index": {
"Title": "Bootstrap Blazor - 企业级 UI 组件库",
"HeaderTitle": "Bootstrap 风格的 Blazor UI 组件库",
"HeaderDesc": "基于 <code>Bootstrap</code> 样式库精心打造,并且额外增加了 {0} 多种常用的组件,为您快速开发项目带来非一般的感觉",
"HeaderBody": "致力于打造全网",
"HeaderBody1": "最好玩的组件库",
"DynamicText": "最好用的",
"DynamicText1": "最好看的",
"DynamicText2": "最简单实用的",
"TagTitle": "组件",
"Span1": "树形组件",
"Span2": "菜单组件",
"Span3": "标签组件",
"Span4": "表格组件",
"Span5": "布局组件",
"Span6": "通知组件",
"Span7": "上传组件",
"Span8": "开关组件",
"CarouselH1": "Chart 图表组件",
"CarouselP1": "提供常用的多种图表组件",
"CarouselH2": "Chart 图标组件",
"CarouselP2": "多维度数据对比",
"CarouselH3": "全功能表格组件",
"CarouselP3": "具备增删改查搜、分页、排序所有功能",
"CarouselH4": "超强时间线功能",
"CarouselP4": "自定义节点显示任意组件",
"ContainerH1": "丰富组件",
"ContainerD1": "本套组件库包含超过 {0} 多个组件,从简单的按钮到复杂的整页面级别的组件",
"ContainerH2": "性能",
"ContainerD2": "每个控件都经过微调,优化父子组件之间刷新逻辑,避免多次循环更新",
"ContainerH3": "简单易用",
"ContainerD3": "轻松掌握组件使用方法,快速将 BootstrapBlazor 控件融入到项目中",
"ContainerH4": "免费开源",
"ContainerD4": "简单、直接、免费使用、无依赖组件,依赖 jQuery Bootstrap 均已内置",
"ContainerH5": "演示与示例",
"ContainerD5": "详细文档与在线演示,功能设置简单,直接拷贝代码开箱即用",
"ContainerH6": "持续更新",
"ContainerD6": "码云平台托管开源,永不闭源,持续更新,及时响应问题与反馈",
"DonateH1": "捐助",
"DonateH2": "扫码捐助请作者喝一杯咖啡"
},
"BootstrapBlazor.Shared.Shared.HomeLayout": {
"FooterH1": "相关作品",
"FooterLi1": "滑块验证码",
"FriendLink": "友情链接",
"FriendLi1": "林德熙的博客",
"FriendLi2": "驰骋工作流",
"Community": "社区",
"CommunityLi1": "贡献指南",
"CommunityLi2": "加入我们",
"CommunityLi3": "联系方式",
"SpecialAcknowledgements": "特别鸣谢",
"Footer": "码云托管平台"
},
"BootstrapBlazor.Shared.Pages.Components.Block": {
"Title": "未设置",

View File

@ -11,41 +11,41 @@
<div class="col-12 col-lg-6 position-relative">
<div class="welcome-header">
<h4>
Bootstrap 风格的 Blazor UI 组件库
@Localizer["HeaderTitle"]
</h4>
<div>基于 <code>Bootstrap</code> 样式库精心打造,并且额外增加了 @Options.Value.TotalCount 多种常用的组件,为您快速开发项目带来非一般的感觉</div>
<div>@((MarkupString)Localizer["HeaderDesc", Options.Value.TotalCount].Value)</div>
<div class="welcome-body">
致力于打造全网<span @ref="TypeElement" class="typed"></span><span class="typed-cursor">|</span>
<div>最好玩的组件库</div>
@Localizer["HeaderBody"]<span @ref="TypeElement" class="typed"></span><span class="typed-cursor">|</span>
<div>@Localizer["HeaderBody1"]</div>
</div>
</div>
<div class="welcome-footer">
<div class="d-flex flex-wrap">
<span role="alert" class="tag alert fade show alert-primary" data-bs-toggle="tooltip" title="Tree 组件">
树形组件
<span role="alert" class="tag alert fade show alert-primary" data-bs-toggle="tooltip" title="Tree @Localizer["TagTitle"]">
@Localizer["Span1"]
</span>
<span role="alert" class="tag alert fade show alert-success" data-bs-toggle="tooltip" title="Menu 组件">
菜单组件
<span role="alert" class="tag alert fade show alert-success" data-bs-toggle="tooltip" title="Menu @Localizer["TagTitle"]">
@Localizer["Span2"]
</span>
<span role="alert" class="tag alert fade show alert-warning" data-bs-toggle="tooltip" title="Tab Tag Alert 组件">
标签组件
<span role="alert" class="tag alert fade show alert-warning" data-bs-toggle="tooltip" title="Tab Tag Alert @Localizer["TagTitle"]">
@Localizer["Span3"]
</span>
<span role="alert" class="tag alert fade show alert-secondary" data-bs-toggle="tooltip" title="Table 组件">
表格组件
<span role="alert" class="tag alert fade show alert-secondary" data-bs-toggle="tooltip" title="Table @Localizer["TagTitle"]">
@Localizer["Span4"]
</span>
</div>
<div class="d-flex flex-wrap">
<span role="alert" class="tag alert fade show alert-danger" data-bs-toggle="tooltip" title="Layout Split 组件">
布局组件
<span role="alert" class="tag alert fade show alert-danger" data-bs-toggle="tooltip" title="Layout Split @Localizer["TagTitle"]">
@Localizer["Span5"]
</span>
<span role="alert" class="tag alert fade show alert-info" data-bs-toggle="tooltip" title="Dialog Message Toast 组件">
通知组件
<span role="alert" class="tag alert fade show alert-info" data-bs-toggle="tooltip" title="Dialog Message Toast @Localizer["TagTitle"]">
@Localizer["Span6"]
</span>
<span role="alert" class="tag alert fade show alert-dark" data-bs-toggle="tooltip" title="Upload 组件">
上传组件
<span role="alert" class="tag alert fade show alert-dark" data-bs-toggle="tooltip" title="Upload @Localizer["TagTitle"]">
@Localizer["Span7"]
</span>
<span role="alert" class="tag alert fade show alert-success" data-bs-toggle="tooltip" title="Swith Toogle 组件">
开关组件
<span role="alert" class="tag alert fade show alert-success" data-bs-toggle="tooltip" title="Swith Toogle @Localizer["TagTitle"]">
@Localizer["Span8"]
</span>
</div>
</div>
@ -65,8 +65,8 @@
<img src="_content/BootstrapBlazor.Shared/images/bar.gif" />
</div>
<div class="carousel-caption">
<h5>Chart 图表组件</h5>
<p>提供常用的多种图表组件</p>
<h5>@Localizer["CarouselH1"]</h5>
<p>@Localizer["CarouselP1"]</p>
</div>
</div>
</div>
@ -76,8 +76,8 @@
<img src="_content/BootstrapBlazor.Shared/images/dought.gif" />
</div>
<div class="carousel-caption">
<h5>Chart 图标组件</h5>
<p>多维度数据对比</p>
<h5>@Localizer["CarouselH2"]</h5>
<p>@Localizer["CarouselP2"]</p>
</div>
</div>
</div>
@ -87,8 +87,8 @@
<img src="_content/BootstrapBlazor.Shared/images/table.png" />
</div>
<div class="carousel-caption">
<h5>全功能表格组件</h5>
<p>具备增删改查搜、分页、排序所有功能</p>
<h5>@Localizer["CarouselH3"]</h5>
<p>@Localizer["CarouselP3"]</p>
</div>
</div>
</div>
@ -98,8 +98,8 @@
<img src="_content/BootstrapBlazor.Shared/images/timeline.png" />
</div>
<div class="carousel-caption">
<h5>超强时间线功能</h5>
<p>自定义节点显示任意组件</p>
<h5>@Localizer["CarouselH4"]</h5>
<p>@Localizer["CarouselP4"]</p>
</div>
</div>
</div>
@ -125,8 +125,8 @@
<p class="d-none d-sm-block">
<img src="_content/BootstrapBlazor.Shared/images/components.svg" alt="components" />
</p>
<h3>丰富组件</h3>
<div>本套组件库包含超过 @Options.Value.TotalCount 多个组件,从简单的按钮到复杂的整页面级别的组件</div>
<h3>@Localizer["ContainerH1"]</h3>
<div>@((MarkupString)Localizer["ContainerD1", Options.Value.TotalCount].Value)</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
@ -134,10 +134,8 @@
<p class="d-none d-sm-block">
<img src="_content/BootstrapBlazor.Shared/images/performance.svg" alt="components" />
</p>
<h3>性能</h3>
<div>
每个控件都经过微调,优化父子组件之间刷新逻辑,避免多次循环更新
</div>
<h3>@Localizer["ContainerH2"]</h3>
<div>@Localizer["ContainerD2"]</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
@ -145,8 +143,8 @@
<p class="d-none d-sm-block">
<img src="_content/BootstrapBlazor.Shared/images/ease-of-use.svg" alt="components" />
</p>
<h3>简单易用</h3>
<div>轻松掌握组件使用方法,快速将 BootstrapBlazor 控件融入到项目中</div>
<h3>@Localizer["ContainerH3"]</h3>
<div>@Localizer["ContainerD3"]</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
@ -154,8 +152,8 @@
<p class="d-none d-sm-block">
<img src="_content/BootstrapBlazor.Shared/images/hassel-free-licensing.svg" alt="components" />
</p>
<h3>免费开源</h3>
<div>简单、直接、免费使用、无依赖组件,依赖 jQuery Bootstrap 均已内置</div>
<h3>@Localizer["ContainerH4"]</h3>
<div>@Localizer["ContainerD4"]</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
@ -163,8 +161,8 @@
<p class="d-none d-sm-block">
<img src="_content/BootstrapBlazor.Shared/images/demo-and-training.svg" alt="components" />
</p>
<h3>演示与示例</h3>
<div>详细文档与在线演示,功能设置简单,直接拷贝代码开箱即用</div>
<h3>@Localizer["ContainerH5"]</h3>
<div>@Localizer["ContainerD5"]</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
@ -172,15 +170,15 @@
<p class="d-none d-sm-block">
<img src="_content/BootstrapBlazor.Shared/images/frequent-updates.svg" alt="components" />
</p>
<h3>持续更新</h3>
<div>码云平台托管开源,永不闭源,持续更新,及时响应问题与反馈</div>
<h3>@Localizer["ContainerH6"]</h3>
<div>@Localizer["ContainerD6"]</div>
</div>
</div>
</div>
</div>
<div class="donate">
<h3>捐助</h3>
<h5 class="d-none d-sm-block mb-3">扫码捐助请作者喝一杯咖啡</h5>
<h3>@Localizer["DonateH1"]</h3>
<h5 class="d-none d-sm-block mb-3">@Localizer["DonateH2"]</h5>
<img class="barcode" src="https://gitee.com/LongbowEnterprise/Pictures/raw/master/WeChat/BarCode@2x.png" />
</div>
</section>

View File

@ -23,7 +23,7 @@ namespace BootstrapBlazor.Shared.Pages
[Inject]
[NotNull]
private IStringLocalizer<App>? Localizer { get; set; }
private IStringLocalizer<Index>? Localizer { get; set; }
[Inject]
[NotNull]
@ -40,7 +40,7 @@ namespace BootstrapBlazor.Shared.Pages
if (firstRender && JSRuntime != null)
{
await JSRuntime.InvokeVoidAsync("$.indexTyper", TypeElement);
await JSRuntime.InvokeVoidAsync("$.indexTyper", TypeElement, Localizer["DynamicText"].Value.ToCharArray(), Localizer["DynamicText1"].Value.ToCharArray(), Localizer["DynamicText2"].Value.ToCharArray());
}
}
}

View File

@ -3,19 +3,20 @@
@inject NavigationManager NavigationManager
@inject IJSRuntime JSRuntime
@inject IOptions<WebsiteOptions> WebsiteOption
@inject IStringLocalizer<HomeLayout> Localizer
@Body
<footer>
<div class="footer-body">
<div>
<h4>相关作品</h4>
<h4 class="text-center">@Localizer["FooterH1"]</h4>
<ul>
<li>
<a class="footer-link" href="@WebsiteOption.Value.BootstrapAdminLink" target="_blank">Bootstrap Admin</a>
</li>
<li>
<a class="footer-link" href="https://gitee.com/LongbowEnterprise/SliderCaptcha" target="_blank">滑块验证码</a>
<a class="footer-link" href="https://gitee.com/LongbowEnterprise/SliderCaptcha" target="_blank">@Localizer["FooterLi1"]</a>
</li>
<li>
<a class="footer-link" href="https://gitee.com/LongbowEnterprise/longbow-select" target="_blank">Longbow-select</a>
@ -26,16 +27,16 @@
</ul>
</div>
<div>
<h4>友情链接</h4>
<ul>
<h4 class="text-center">@Localizer["FriendLink"]</h4>
<ul class="text-center">
<li>
<a class="footer-link" href="https://blog.lindexi.com" target="_blank">林德熙的博客</a>
<a class="footer-link" href="https://blog.lindexi.com" target="_blank">@Localizer["FriendLi1"]</a>
</li>
<li>
<a class="footer-link" href="https://gitee.com/dotnetchina/Furion" target="_blank">Furion</a>
</li>
<li>
<a class="footer-link" href="http://ccflow.org/?from=blazor" target="_blank">驰骋工作流</a>
<a class="footer-link" href="http://ccflow.org/?from=blazor" target="_blank">@Localizer["FriendLi2"]</a>
</li>
<li>
<a class="footer-link" href="https://gitee.com/loogn/bulmarazor" target="_blank">Bulma</a>
@ -55,27 +56,27 @@
</ul>
</div>
<div>
<h4>社区</h4>
<h4 class="text-center">@Localizer["Community"]</h4>
<ul>
<li>
<div class="footer-link">贡献指南</div>
<div class="footer-link">@Localizer["CommunityLi2"]</div>
</li>
<li>
<div class="footer-link">加入我们</div>
<div class="footer-link">@Localizer["CommunityLi1"]</div>
</li>
<li>
<div class="footer-link">联系方式</div>
<div class="footer-link">@Localizer["CommunityLi3"]</div>
</li>
</ul>
</div>
<div>
<h4>特别鸣谢</h4>
<h4 class="text-center">@Localizer["SpecialAcknowledgements"]</h4>
<ul>
<li>
<div class="footer-link">上海智通建设发展股份有限公司</div>
</li>
<li>
<div class="footer-link"><a href="http://ccflow.org/?from=blazor">驰骋工作流</a></div>
<div class="footer-link"><a href="http://ccflow.org/?from=blazor">@Localizer["FriendLi2"]</a></div>
</li>
</ul>
</div>
@ -84,7 +85,7 @@
<div>Powered by .NET @Version on Linux</div>
<div class="ms-1">BB @BBVersion</div>
<div class="d-flex flex-fill align-items-center justify-content-center">
<a class="ms-3 d-none d-md-block" href="@WebsiteOption.Value.BootstrapBlazorLink" target="_blank">码云代码托管平台</a>
<a class="ms-3 d-none d-md-block" href="@WebsiteOption.Value.BootstrapBlazorLink" target="_blank">@Localizer["Footer"]</a>
<div class="mx-3 d-none d-md-block">
<img alt="12377@2x" class="footer-logo me-1" src="_content/BootstrapBlazor.Shared/images/12377@2x.png">
<a href="https://12377.cn" target="_blank">违法和不良信息举报中心</a>

View File

@ -62,7 +62,7 @@
}, 600);
}
},
indexTyper: function (el) {
indexTyper: function (el, text1, text2, text3) {
var $this = $(el);
var $cursor = $this.next();
@ -101,10 +101,6 @@
});
};
var text1 = ['最', '好', '用', '的'];
var text2 = ['最', '好', '看', '的'];
var text3 = ['最', '简', '单', '实', '用', '的'];
var loop = function () {
var handler = window.setTimeout(function () {
window.clearTimeout(handler);