!872 docs: update readme docs

2024-11-29 18:49:08 +08:00 · 2021-01-12 12:33:18 +08:00 · 2021-01-12 12:33:18 +08:00 · 5fc5144de2
commit 5fc5144de2
parent 18c8605a81
2 changed files with 39 additions and 13 deletions
--- a/README.md
+++ b/README.md
@ -24,9 +24,10 @@ English | <a href="README.zh-CN.md">中文</a>
 - Supports Progressive Web Applications (PWA).
 - Build with C#, a multi-paradigm static language for an efficient development experience.
 - .NET Standard 2.1 based, with direct reference to the rich .NET ecosystem.
+- Supports NET5. (Server-Side, WASM)
 - Seamless integration with existing ASP.NET Core MVC and Razor Pages projects.

-## Online Examples  
+## Online Examples
 [![website](https://img.shields.io/badge/China-https://www.blazor.zone-success.svg?color=red&logo=buzzfeed&logoColor=red)](https://www.blazor.zone)
 [![website](https://img.shields.io/badge/Github-https://argozhang.github.io-success.svg?logo=buzzfeed&logoColor=green)](https://argozhang.github.io)

@ -45,6 +46,14 @@ English | <a href="README.zh-CN.md">中文</a>

 `dotnet new bbapp`

+## Install Bootstrap Blazor Project Template
+
+1. Download Project Template
+
+Microsoft Market [link](https://marketplace.visualstudio.com/items?itemName=Longbow.BootstrapBlazorUITemplate)
+
+2. Double Click **BootstrapBlazor.UITemplate.vsix**
+
 ## Import Bootstrap Blazor into an existing project

 1. Go to the project folder of the application and install the Nuget package reference
@ -53,7 +62,7 @@ English | <a href="README.zh-CN.md">中文</a>

 2.  **Add** the `stylesheet` `javascripts` file to your main index file - `Pages/_Host.cshtml (Server)` or `wwwroot/index.html (WebAssembly)`

- **HTML**  
+ **HTML**

 ```HTML
 <!DOCTYPE html>
@ -68,11 +77,11 @@ English | <a href="README.zh-CN.md">中文</a>
    <script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>
 </body>
 </html>
-``` 
+```

 3. Open the `~/Startup.cs` file in the and register the `Bootstrap Blazor` service:

- **C#** 
+ **C#**

 ```csharp
 namespace BootstrapBlazorAppName
@ -82,7 +91,7 @@ namespace BootstrapBlazorAppName
        public void ConfigureServices(IServiceCollection services)
        {
            //more code may be present here
-            services.AddBootstrapBlazor(); 
+            services.AddBootstrapBlazor();
        }

        //more code may be present here
@ -120,7 +129,7 @@ To start the wizard, use either of the following approaches
 ![Andriod](https://img.shields.io/badge/andriod->%3D4.4-success.svg?logo=android)
 ![oper](https://img.shields.io/badge/opera->%3D4.4-success.svg?logo=opera&logoColor=red)

-### Mobile devices  
+### Mobile devices

 ![ios](https://img.shields.io/badge/ios-supported-success.svg?logo=apple&logoColor=white)
 ![Andriod](https://img.shields.io/badge/andriod-suported-success.svg?logo=android)
@ -132,7 +141,7 @@ To start the wizard, use either of the following approaches
 |  **Android**           | Supported    | Supported     | N/A          | Android v5.0+ supported         | Supported            |
 |  **Windows 10 Mobile** | N/A          | N/A           | N/A          | N/A                             | Supported            |

-### Desktop browsers  
+### Desktop browsers

 ![macOS](https://img.shields.io/badge/macOS-supported-success.svg?logo=apple&logoColor=white)
 ![linux](https://img.shields.io/badge/linux-suported-success.svg?logo=linux&logoColor=white)
@ -163,6 +172,6 @@ To start the wizard, use either of the following approaches

 ## Donate

-If this project is helpful to you, please scan the QR code below for a cup of coffee.    
+If this project is helpful to you, please scan the QR code below for a cup of coffee.

 <img src="https://raw.githubusercontent.com/ArgoZhang/Images/master/Donate/BarCode%402x.png" width="382px;" />
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@ -18,10 +18,24 @@ Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架：
 - 在服务器和客户端之间共享应用逻辑。
 - 受益于 .NET 的性能、可靠性和安全性。
 - 始终高效支持 Windows、Linux 和 macOS 上的 Visual Studio。
+- 支持 Net5
 - 以一组稳定、功能丰富且易用的通用语言、框架和工具为基础来进行生成。

 本项目是利用 Bootstrap 样式进行封装的 UI 组件库

+## 开发环境搭建
+1. 安装 .net core sdk 最新版 [官方网址](http://www.microsoft.com/net/download)
+2. 安装 Visual Studio 2019 最新版 [官方网址](https://visualstudio.microsoft.com/vs/getting-started/)
+3. 获取本项目代码 [BootstrapBlazor](https://gitee.com/LongbowEnterprise/BootstrapBlazor)
+
+## QQ交流群
+
+[![QQ](https://img.shields.io/badge/QQ-795206915-green.svg?logo=tencent%20qq&logoColor=red)](https://shang.qq.com/wpa/qunwpa?idkey=d381355e50ff91db410c3da3eadb081ba859f64c2877e86343f4709b171f28b8)
+
+## 视频教程
+
+B 站视频集锦 [传送门](https://gitee.com/LongbowEnterprise/BootstrapBlazor/wikis/%E8%A7%86%E9%A2%91%E8%B5%84%E6%BA%90?sort_id=3300624)
+
 ## 组件

 Blazor应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面、对话框或数据输入窗体。
@ -32,20 +46,23 @@ Blazor应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面
 - 可以嵌套和重用。
 - 可以作为 Razor 类库或 NuGet 包共享和分发。

-### 内置组件 
+### 内置组件

 内置组件 [传送门](https://www.blazor.zone/alerts)

-## 分支说明  
+## 分支说明

 - master 稳定分支
 - dev 开发功能分支
 - publish 与演示网站同步
 - 其他 均为临时分支

-## 演示地址  
-[![website](https://img.shields.io/badge/linux-https://www.blazor.zone-success.svg?logo=buzzfeed&logoColor=green)](https://www.blazor.zone)
+## 演示地址
 [![website](https://img.shields.io/badge/Github-https://argozhang.github.io-success.svg?logo=buzzfeed&logoColor=red&color=red)](https://argozhang.github.io)
+[![website](https://img.shields.io/badge/linux-https://www.blazor.zone-success.svg?logo=buzzfeed&logoColor=green)](https://www.blazor.zone)
+
+## GVP 奖杯
+![项目奖杯](https://images.gitee.com/uploads/images/2021/0112/120620_e596ac3c_554725.png "GVP.png")

 ## 项目截图

@ -77,6 +94,6 @@ Blazor应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面

 ## 捐助

-如果这个项目对您有所帮助，请扫下方二维码打赏一杯咖啡。    
+如果这个项目对您有所帮助，请扫下方二维码打赏一杯咖啡。

 <img src="https://gitee.com/LongbowEnterprise/Pictures/raw/master/WeChat/BarCode@2x.png" width="382px;" />