常見框架

一、C#後臺框架。WebForm、MVC和Razor Pages

webFrom的請求流程是:

一、根據URL確認文件地址(如:http://www.***.com/index.aspx)html

二、根據文件地址(/index.aspx)找到對應文件前端

三、根據文件的頭部的 codebehind 的值(<%@ Page Inherits="命名空間.index" %>),從bin目錄的dll中找到到要執行的後臺代碼類 命名空間.index。最後在  index.aspx 中總體渲染成瀏覽器識別的文件。web

說明:命名空間.index 包括 index.aspx.cs 和 index.aspx.designer.cs 這兩個文件中的代碼,這兩個文件的類名都是 index,編譯時會合到一塊兒,index.aspx.designer.cs 中存放的是頁面中控件的聲明。因此講道理,能夠把 index.aspx.cs 和 index.aspx.designer.cs中的代碼所有放到 index.aspx中。區別是 index.aspx 中的代碼不會編譯到dll中。redux

 

MVC的請求流程:

一、根據Url(如:http://www.***.com/Home/index)和路由映射,直接找到 HomeController 類的 Index 方法(Action)。瀏覽器

二、在後臺渲染數據。將數據傳到 View(index.cshtml)中。生成瀏覽器識別的文件格式。前端框架

 

Razor Pages(這個用的少,估計是下面這樣的)

一、根據URL確認文件地址(如:http://www.***.com/Home/index)服務器

二、根據url路徑(/Home/index)找到對應文件/Home/index.cshtml框架

三、根據文件的頭部的 @model 命名空間.IndexModel 找到 IndexModel (在Index.cshtml.cs中)。獲得要執行的後臺代碼。最後在  index.cshtml 中總體渲染成瀏覽器識別的文件。異步

 

特別說明:

一、講道理,*.cshtml 和 *.aspx也屬於後臺代碼,是用來生成Html的。工具

 

二、前端框架

NodeJs和NPM

如今前端的不少東西都須要用這兩個。是如今前端生態環境的基本組件。

能夠當NodeJs是一個Web服務器,用js作腳本。官方的說法是它是一個JavaScript 運行環境。

NPM是一個包管理器,只是這個包管理器沒有目錄功能。

 

AngularJs、React+redux、Vue

都是前端框架,適合複雜的UI效果,如遊戲,流程管理等交互性強的網站。我作後臺比較多,這些用的少。

 

layUI

後臺模板,移動端適配,偏向於頁面樣式美化,缺點是功能少,擴展性差,追求UI效果,改寫了不少表單控件,不能按原來的方式獲取表單值。

 

ligerUI

後臺模板,偏向於js,提供了不少UI邏輯功能,缺點是沒那麼好看了,不支持手機端。優點是功能強大,擴展性好。

 

Jquery.UI

各類UI小工具,如今用的人少了

Jquery.Validate

前端數據驗證組件,默認綁定到MVC,可是對異步支持很差,對隱藏表單的驗證的支持也很差

 

Bootstrap

如今最流行的CSS樣式庫了,自適應,基於它的擴展也比較多。

 

AdminTle

基於BootStrap的後臺模板,我的以爲看起最洋氣的就是這個了,可是我沒用過。

 

Echart

圖表控件,比其餘圖表控件好看,方便,文檔齊全。

 

KnockOut

微軟出品,提供雙向綁定的js小型庫,Js中創建模型,UI上綁定模型,模型改變UI跟着改變,UI改變模型也跟着改變。

 

TypeScript

微軟出品,擴展js語法,須要使用NodeJs編譯成Js文件再使用(也可以使用其餘的東西編譯)。

相關文章
相關標籤/搜索