[Asp.Net Core] Blazor Server Side 開發教程 - 進度, 計劃, 安排

前言:

在寫了上一篇文章以後, 

Blazor Server Side 開發教程 - 安裝環境與運行第一個程序

還寫了一個較遠的東西 : 

視頻圖文教學 - 用最快的速度把 DotNet Core Blazor 程序安裝到 樹莓派中 而且用網頁控制 GPIO 閃燈

到如今, 竟然已通過了一個多星期了. 

 

正如前面文中計劃的, 本人寫的一系列教程主要針對 中小企業開發者 , 包括新手

因此作事的方向也是如此. 

 

組件:

這個星期我除了本職工做之外, 主要乾的是創造 Blazor 所須要各類組件.

Blazor的確是一個很好的開發框架. 可是它太新了. 不少細節並無提供直接的解決方案. 

開發者若是須要手動去作, 某些事情須要花費大量的工做. 

如今我作的這個組件, 就是要解決開發中難度與耗時問題. 

當前已實現的東西有:

• Alert / Confirm / Prompt / Toast
• 模態對話框 Modal Dialog , 支持 ESC 鍵, 返回鍵, history.back() , 手機返回鍵等等. 
• 文件上傳 . 很容易定製本身的進度條. 
• BlazorSession , 用於彌補 Blazor 沒有自帶 Session 的問題
• BlazorSession.Browser , 用於自動給瀏覽器存一個UniqueID , 與基於這個ID進行數據存取
• 更友好的腳本交互模式. 直接支持Eval , 而不須要提交一個函數名. 
• DOM控件體系 (凌駕於Render體系) , 擴展界面的編寫模式, 如今能夠手動 Create/Append/Remove DOM元素了
• BlazorTreeView , BlazorListView , PlusGridView , 這些還未寫例子和文檔. 
• js文件依賴關係與推送,緩存 - 解決js文件的動態加載問題, 在服務器按需推送腳本, 馬上推送馬上可用. 
• 對SVG,Canvas提供簡易的支持. 

其餘例子有:

• 經常使用信息獲取 - 例如 IP, 客戶端狀態, 服務器各類狀況
• 使用PlusControl來直接生成一棵自帶狀態的Tree
• 聊天室 - 按IP分配聊天室, 同一個IP的人能夠互相聊天
• 驗證碼 - 參照 爲何選擇 Blazor Server Side (一) 快速實現圖片驗證碼
• Input未提交前馬上獲取輸入中的信息

演示地址 http://demo.blazorplus.com/ (硅谷服務器, 國內訪問挺卡的) 

演示代碼 https://github.com/BlazorPlus/BlazorPlusDemo 

Nuget : https://www.nuget.org/packages/BlazorPlus

MIT License , 徹底免費無使用擔心. 

 

相關項目:

https://github.com/BlazorPlus/BlazorLinuxAdmin 

這是第一個基於這個組件開發的項目. 用於驗證組件功能. 

雖然它不是"中小型軟件公司"所關注的類型. 

可是裏面已經包含了一些常見概念 :  

• 全局登陸 
• 列表 (搜索) , 
• 樹型目錄
• 簡單的Canvas動態折線圖

須要嚐鮮的網友能夠試一下. 

 

進度問題

目前這個東西還在積極的開發中, 文檔也慢慢準備. 

最終的目標, 就是Plus, Blazor缺的功能, 都給加上. 

注意的是, 這套東西與如今不少 UI項目不同, 它不是UI, 但兼容全部的 UI項目的. 

其餘UI項目

如下複製自張隊的文章 : http://www.javashuo.com/article/p-esypolmo-ha.html , 推薦的UI項目: 

目前咱們在開發一個開源項目 ant-design-blazor，目標是成爲Ant Design官方承認的Blazor實現，並豐富Blazor生態。如今剛起步，須要有興趣的同窗一塊兒參與。

Github：https://github.com/ElderJames/ant-design-blazor
Demo：
https://ant-design-blazor.gitee.io
開發文檔：
https://github.com/ElderJames/ant-design-blazor/wiki
Blazor文檔：https://docs.microsoft.com/zh-cn/aspnet/core/blazor/?view=aspnetcore-3.1

歡迎任何形式的issue和PR

國內社區還有幾個Blazor相關的庫：

一、Bootstrap 是 Blazor 基於Bootstrap ，這個UI庫目前只有服務器端，客戶端wasm模式等正式版出來會搞， 倉庫地址：https://gitee.com/LongbowEnterprise/BootstrapBlazor ，演示地址：blazor.sdgxgz.com 

二、Blazui  是 Element UI 的 CSS 和 HTML 結構 倉庫地址：https://github.com/wzxinchen/Blazui ，演示地址 http://blazui.com:9000

 

計劃:

由於平常工做量仍是很大, 並且還得空閒事件開發組件與文檔教程

因此博客園的新手系列估計仍是隻能堅持一週一章. 

不過不要緊, 由於Blazor也是在... 在爆發之中,  須要飛一下子, 時間上恰好搭上. 

如今不建議新手開發者馬上上馬. (老手開發者能夠) 

可是值得平時花多一點時間, 慢慢學習, 慢慢積累經驗. 

 

教程方面, 會有一系列的文章推薦.  

除了本身寫的 ,  還會推薦其餘人寫的值得一看的文章.  

這固然是考慮到開發者的能力程度, 爲開發者省時咯. 

雖然不少文章內容都很好.  可是網上的文章缺乏整理. 

什麼程度的人須要看哪些文章, 文章與文章之間是什麼先後關係, 

有哪些文章值得看, 哪些文章不值得看, 

都須要整理, 排序, 歸類, 等等. 

也是很多工做量. 

 

樣板項目:

上次說起過, 要寫一個樣板工程.  

此次樣板工程的類型也基本上定了下來. 

 

那即是 中小型軟件公司快速開發模板 

包含後臺管理, 包含微信整合, 桌面/手機消息推送等等東西. 

裏面大概作的是 : 

1. 統一用戶管理 , 微信公衆號綁定
2. OA/CRM/項目管理/工做流/.... 等比較基本的可選的功能. 
3. 企業私有網盤 , (解決小企業'隱私地'分享文件問題, 而不是依靠雲或郵件, 而且支持使用量審計, 操做紀錄)
4. 基於這個, 慢慢作一些典型行業的模板.

不少中小型企業, 他們根本不肯意上雲. 也拒絕使用各類雲OA....  

已經不少年不作OA了, 互聯網OA拼殺太殘酷. 給中小企業作定製OA, 沒什麼肉吃. 

可是此次藉助這麼一個機會, 把OA從新搞起來, 仍是值得的. 畢竟不肯意使用公共OA的市場還有..

 

此次作這個項目, 打算全程錄播

重新建項目開始, 一步一步的, 如何慢慢增長功能, 都錄屏下來, 而後拖時間的部分剪掉. 

讓開發者能夠本身感覺一下Blazor的開發方式. 創建一套第一目標爲省時省力的開發方式. 

考慮使用的技術方案, 越簡單越好. 不要有太多的依賴, 讓項目換人變得更容易. 

 

暫時這樣

須要加入新手問答羣的, 請進QQ羣 934608703 ,  如今沒什麼人, 歡迎來佔坑.  咱們要作的就是等待 Blazor 爆發. 

另外個人 B 站 : https://space.bilibili.com/540073960 , 用於投放視頻.  有價值的視頻都會在博客園發表文章解說. 

我本身是極爲看重 Blazor 的, 它將會大大地提升工做效率,  基於統一的開發方式, 至少能用上10年, 或者更長...

如今要作的, 就是準備, 早一點準備, 早上車早享受.