前端許可權框架

❶ html 怎麼在前端實現角色許可權控制

html在前端實現角色許可權控制操作：

1、框架提供了按鈕許可權的擴展服務，我們可以通過簡單的擴展來注冊我們自己的許可權項，我們通過繼承AbstractMenuPriv來實現我們的按鈕許可權類；

❷ 前端頁面有哪三層構成，分別是什麼作用是什麼

最准確的網頁設計思路是把網頁分成三個層次，即：結構層、樣式層、行為層。

HTML：結構層

網頁的結構或內容層是該頁面的基礎HTML代碼。正如房屋的框架為房屋的其他部分構建了一個堅實

的基礎，HTML的堅實基礎創建了一個可以在其上創建網站的平台。

結構層用於存儲客戶想要閱讀或查看的所有內容。HTML結構可以包含文本和圖像，它包括訪問者用

於瀏覽網站的超鏈接。這是在符合標準的HTML5中編碼的，可以包括文本，圖像和多媒體（視頻，音頻等）。

網站內容的每個方面都應該在結構層中表示。這允許關閉JavaScript的客戶或無法查看整個網站的

CSS訪問許可權的客戶（如果不是所有功能）。

CSS：樣式層

該層指示結構化HTML文檔如何看待網站的訪問者，並由CSS（層疊樣式表）定義。這些文件包含有

關如何在Web瀏覽器中顯示文檔的樣式說明。樣式層通常包括基於屏幕大小和設備更改站點顯示的

媒體查詢。

網站的所有視覺樣式都應位於外部樣式表中。您可以使用多個樣式表，但請記住，每個CSS文件都需

要HTTP請求才能獲取它，從而影響站點性能。

JavaScript：行為層

行為層使網站具有交互性，允許頁面響應用戶操作或基於一組條件進行更改。JavaScript是行為層最

常用的語言，但CGI和PHP也經常被使用。

當開發人員引用行為層時，大多數都是指在Web瀏覽器中直接激活的層。您可以使用此圖層直接與

DOM（文檔對象模型）進行交互。在內容層中編寫有效的HTML對於行為層中的DOM交互非常重

要。在構建行為層時，應該像使用CSS一樣使用外部腳本文件來優化速度和性能。

(2)前端許可權框架擴展閱讀：

分層的一些好處是：

• 共享資源：當您編寫外部CSS或JavaScript文件時，站點上的任何頁面都可以使用該文件。如果

您需要對該文件進行更改，也許更新網站上的某些排版樣式，則使用該樣式表的每個頁面都會得到

更改。沒有必要單獨編輯網站的每個頁面，這對於大型網站來說可能是一項艱苦的任務。

• 下載速度更快：首次由客戶下載腳本或樣式表後，Web瀏覽器會對其進行緩存。由於這些共享

資源現在包含在瀏覽器的緩存中，因此瀏覽器中請求的其他頁面載入速度更快，從而提高了整體頁

面速度和性能。

• 多人團隊：如果您有多個人同時在網站上工作，您可以使用允許文件簽入和簽出的系統，以確

保每個人都使用最新版本。如果樣式和行為與結構文檔交織在一起，那就更難了。

• 搜索引擎優化：一個明確分離風格和結構的網站可能會對搜索引擎有更好的表現，因為它們可以更有效地抓取內容並理解頁面而不會陷入視覺風格和行為信息。

• 輔助功能：外部樣式表和腳本文件更易於人們和瀏覽器訪問。屏幕閱讀器等軟體可以更輕松地

處理結構層中的內容，而無需處理無論如何都無法使用的樣式。

• 向後兼容性：使用單獨的開發層設計的站點更可能向後兼容，因為無法使用某些CSS樣式或禁

用了JavaScript的瀏覽器和設備仍然可以查看HTML。然後，您可以使用支持它們的瀏覽器的功能逐

步增強您的網站。

❸ 前端用什麼框架開發桌面應用軟體的

開運聯合creatN框架為您解答軟體框架（Softwareframework），通常指的是為了實現某個業界標准或完成特定基本任務的軟體組件規范，也指為了實現某個軟體組件規范時，提供規范所要求之基礎功能的軟體產品。

軟體企業自己開發軟體框架面臨的困擾：

1、開發周期長

不管是軟體項目還是軟體產品，開發周期都比較長，功能不多，但是工程師卻需要很長的時間長能完成。

2、用人成本高

軟體行業最大的成本就是用人成本，開發人員的工資水漲船高，架構師、程序員、前端、美工……。

2.界面風格簡潔、大氣、操作便捷，非常適合中國人的審美觀念，直接提升軟體的印象分。

3.採用SOA架構，系統核心功能均可以通過服務的方式提供給外部調用，方便系統與ERP系統及周邊系統、硬體設備介面交互能力，解決企業信息化孤島問題。

4.強大的UI組件。UI層基於Jquery+Div+css+ajax開發，沒有採用第三方UI框架使得UI保持了簡潔輕巧，重要的是不用支付額外的UI版權費用。另外也集成了大量的如勾選框、文本輸入框、動態下拉框、樹型組件、Grid、翻頁、數據、條件查詢、導出、下載等組件，即使您不是前端高手，也可以把前端做得很炫酷。

5.開發平台穩定、成熟、高效。

6.開發框架完美支持Oracle、SQLServer、MYSQL資料庫。並且還支持在框架中同時操作多資料庫，靈活性、穩定性都非常好。

7.提供自定義報表功能。可通過編寫SQL、Procere作為數據來源進行構建不同類型的圖形報表。

8.提供工作流引擎組件，開發者可以直接在開發框架中使用自定義表單來承載業務數據進行流程審批；也可以編寫代碼完成復雜表單然後調用流程引擎服務進行流程審批。

9.提供強大的許可權管理組件，基於框架開發出功能後就可以直接給被授權角色授予該功能的許可權。

10.提供SSO（單點登陸）服務，方便多系統統一登陸管理。

11.提供APP開發功能，是的，普通的開發人員也可以基於力軟敏捷開發框架進行APP開發了，您不用再支付高額的工資聘請安卓和IOS開發人員。

❹ 後台管理系統 許可權分配前端怎麼分配

1、最簡單的就是登陸控制了。
2、然後是簡單的許可權控制到功能（頁面），這時候你需要知道數據表怎麼設計，
SQL怎麼查詢，代碼如何判斷。
3、再往上就開始考慮角色的設計。
4、考慮功能細節的控制（新增、更新、刪除、...）
5、考慮Scalability、Performance、User-Friendly....

❺ 前端如何控制用戶許可權

1. UI處理(根據用戶擁有的許可權,判斷頁面上的一些內容是否顯示)

2. 路由處理(當用戶訪問一個它沒有許可權訪問的url時,跳轉到一個錯誤提示的頁面)

3. HTTP請求處理(當我們發送一個數據請求,如果返回的status是401或者401,則通常重定向到一個錯誤提示的頁面)

如何實現?

首先需要在Angular啟動之前就獲取到當前用戶的所有的permissions,然後比較優雅的方式是通過一個service存放這個映射關系.對於UI處理一個頁面上的內容是否根據許可權進行顯示,我們應該通過一個directive來實現.當處理完這些,我們還需要在添加一個路由時額外為其添加一個"permission"屬性,並為其賦值表明擁有哪些許可權的角色可以跳轉這個URL,然後通過Angular監聽routeChangeStart事件來進行當前用戶是否擁有此URL訪問許可權的校驗.最後還需要一個HTTP攔截器監控當一個請求返回的status是401或者403時,跳轉頁面到一個錯誤提示頁面.

大致上的工作就是這些,看起來有些多,其實一個個來還是挺好處理的.

在Angular運行之前獲取到permission的映射關系

Angular項目通過ng-app啟動,但是一些情況下我們是希望Angular項目的啟動在我們的控制之中.比如現在這種情況下,我就希望能獲取到當前登錄用戶的所有permission映射關系後,再啟動Angular的App.幸運的是Angular本身提供了這種方式,也就是angular.bootstrap().看的仔細的人可能會注意到,這里使用的是$.get(),沒有錯用的是jQuery而不是Angular的$resource或者$http,因為在這個時候Angular還沒有啟動,它的function我們還無法使用.

進一步使用上面的代碼可以將獲取到的映射關系放入一個service作為全局變數來使用.

在取得當前用戶的許可權集合後,我們將這個集合存檔到對應的一個service中,然後又做了2件事:

(1) 將permissions存放到factory變數中,使之一直處於內存中,實現全局變數的作用,但卻沒有污染命名空間.

(2) 通過$broadcast廣播事件,當許可權發生變更的時候.

如何確定UI組件的依據許可權進行顯隱

這里我們需要自己編寫一個directive,它會依據許可權關系來進行顯示或者隱藏元素.

這里看到了比較理想的情況是通關一個has-permission屬性校驗permission的name,如果當前用戶有則顯示,沒有則隱藏.

擴展一下之前的factory:

路由上的依許可權訪問

這一部分的實現的思路是這樣: 當我們定義一個路由的時候增加一個permission的屬性,屬性的值就是有哪些許可權才能訪問當前url.然後通過routeChangeStart事件一直監聽url變化.每次變化url的時候,去校驗當前要跳轉的url是否符合條件,然後決定是跳轉成功還是跳轉到錯誤的提示頁面.

router.js:

mainController.js 或者 indexController.js (總之是父層Controller)

這里依然用到了之前寫的hasPermission,這些東西都是高度可復用的.這樣就搞定了,在每次view的route跳轉前,在父容器的Controller中判斷一些它到底有沒有跳轉的許可權即可.

HTTP請求處理

這個應該相對來說好處理一點,思想的思路也很簡單.因為Angular應用推薦的是RESTful風格的介面,所以對於HTTP協議的使用很清晰.對於請求返回的status code如果是401或者403則表示沒有許可權,就跳轉到對應的錯誤提示頁面即可.

當然我們不可能每個請求都去手動校驗轉發一次,所以肯定需要一個總的filter.代碼如下:

寫到這里我們就基本實現了在這種前後端分離模式下,前端部分的許可權管理和控制。

❻ Web前端開發工程師要掌握的前端開發工具

今天小編要跟大家分享的文章是關於Web前端開發工程師要掌握的前端開發工具。市面上有許多前端開發工具可以加速Web開發工作。本文是對Web
開發工具的一次精選匯總，分別介紹了每款工具的關鍵特性，並已附上下載鏈接。下面來和小編一起看一看吧！

1.NoviBuilder


NoviBuilder是一個拖放式構建器，它對於經驗豐富的Web
開發人員而言是一個不錯的選擇。它為開發人員提供了訪問源代碼的許可權，並允許開發人員在Web設計中進行多項更改。你能用它完全控制你的Web
項目，並且可以充分利用它的各項功能。盡管這款工具對於初學者來說可能很難入門，但在它的眾多優勢面前這一不足也就不值一提了。


特性：


·高級代碼編輯器


·附加應用集成


·多種預制主題


·拖放界面


·電商功能支持


·預覽工具


下載鏈接：


#/


2.ONESubscription


ONESubscription是一款很有用的Web
開發工具包，包含了眾多高質量的數字產品。它提供了大批高品質的部件，可以打造出功能完善的博客、在線商店、登錄頁面等各種網站。總的來說，它能為你提供數以千計的主題和模板、多種插件和圖形元素、附加服務以及其他許多好處。


特性：


·對所有部件提供專業支持


·定期更新


·安全性(如果你訂閱後尚未從資料庫中下載任何內容，則可以在訂閱開始後的14天內輕松取消訂閱)


·無使用限制的年度許可證


·很多有用的服務(例如模板定製或安裝)


下載鏈接：


#/


3.CreativeTim


CreativeTim提供了基於Bootstrap的設計元素，可幫助開發者加快開發工作。這款工具可以用來創建Web和移動應用。


特性：


·提供了最簡單的開發上手途徑，也就是預制的示例頁面;


·這款工具可以幫助你節省時間，並且讓你專注於業務模型;


·提供易於使用的管理模板


·管理面板可幫助你節省大量時間


·提供預制的設計塊和元素


訂閱鏈接：


#/2JMju8g


4.Npm


Npm是JavaScript的Node包管理器。開發人員可以用它尋找可重用的軟體包，然後用各種方式將這些包組合出強大的產品。這款Web
開發工具是一個命令行實用程序，用來與軟體包的存儲庫交互。


特性：


·在存儲庫中發現並重用超過470,000個免費代碼包


·在團隊內鼓勵代碼發現和重用


·發布和控制名稱空間的訪問許可權


·使用相同的工作流程管理公共和私人代碼


下載鏈接：


#/


5.TypeScript


TypeScript是一種開源前端腳本語言。它是JavaScript
的嚴格語法超集，添加了可選的靜態類型。它是專門為開發大型應用程序而設計的，並可以編譯為JavaScript。


特性：


·TypeScript支持其他JS庫


·可以在任何運行JavaScript的環境中使用Typescript


·它支持包含現有JavaScript庫的類型信息的定義文件，例如C/C++頭文件;


·可跨瀏覽器、設備和操作系統移植;


·它可以在任何運行JavaScript的環境中運行


下載鏈接：


#/index.html#download-links


6.CodeKit


Codekit是一款前端Web開發工具。它可以支持開發人員更快地構建網站，它可以合並JS代碼、對JS代碼進行瘦身，還能檢查
JavaScript代碼的語法，它還可以優化圖像。


特性：


·注入CSS更改而無需重新載入整個頁面


·合並腳本以減少HTTP請求。


·瘦身代碼以減小文件大小


·自動正確處理大多數語言


下載鏈接：


#/


7.WebStorm


WebStorm為JavaScript提供了智能編碼輔助。它為Angular、React.js、Vue.js和Meteo
提供了高級編碼輔助，它還可以幫助開發人員在處理大型項目時提升編程效率。


特性：


1.WebStorm幫助開發人員在處理大型項目時提升效率


2.它提供了一些內置工具，用於調試、測試和跟蹤客戶端和Node.js應用程序;


3.它與流行的Web開發命令行工具集成


4.Spy-js內置工具可用來跟蹤JavaScript代碼


5.它提供了一個統一的UI，能夠與許多流行的版本控制系統協作;


6.可以高度定製，以完美適應各種編碼風格;


7.它為客戶端代碼和Node.js應用提供了內置的調試器


下載鏈接：


#/Webstorm/download/#section=windows


8.HTML5Boilerplate


HTML5Boilerplate幫助開發人員構建響應快、健壯和適應性強的Web應用或網站。它是一組可下載的文件，它提供了一個十分完善的
HTML模版，完善到所有的頁面似乎都應該遵守這個規則。


特性：


·它讓開發人員可以使用HTML5元素


·它的設計遵從漸進增強原則


·它的Normalize.css可用於CSS規范化，還提供了常見的錯誤修復;


·它提供了Apache伺服器配置以提高性能和安全性


·它提供了GoogleUniversalAnalytics代碼段的優化版本


·它可以防止控制台語句在較舊的瀏覽器中導致JavaScript錯誤


·提供大量內聯和隨附文檔


下載鏈接：


#/


9.AngularJS


AngularJS是前端開發人員的另一款必備工具。它是一個開放源代碼的Web應用程序框架，它能幫助開發人員擴展Web應用程序的HTML
語法，它還提供了可訪問、可讀和表達性強的開發環境，從而簡化了前端開發流程。


特性：


·它是一個開源項目，完全免費，並被全球成千上萬的開發人員使用;


·它提供了創建RICH互聯網應用的能力


·它提供了基於MVC使用JavaScript編寫客戶端應用程序的選項


·它會自動處理JavaScript代碼，使其兼容各種瀏覽器。


下載鏈接：


#/


10.Sass


Sass是最可靠、最成熟也是最強大的CSS擴展語言。這款工具可用來輕松擴展站點現有CSS的功能，例如變數、繼承和嵌套等。


特性：


·使用它的前端工具編寫任何代碼都非常簡單明了


·支持語言擴展，例如變數、嵌套和混合(mixins);


·提供了用於處理顏色和其他值的許多有用函數


·高級功能，例如庫的控制指令;


·它提供了具有良好格式、可自定義的輸出。


下載鏈接：


#/


11.Backbone


Backbone.js提供了具有鍵值綁定和自定義事件的模型，來為Web應用程序提供結構。


特性：


·Backbone.js允許開發人員開發單頁應用程序


·Backbone.js有一個簡單的庫，用於分隔業務和用戶界面邏輯;


·這款工具使代碼變得簡單、系統和組織化。它可以充當任何項目的骨幹;


·它負責管理數據模型和用戶數據，並在服務端顯示這些數據;


·它允許開發人員創建客戶端Web應用程序或移動應用程序。


下載鏈接：


#/


12.Grunt


Grunt是NodeJS
上流行的任務運行器。它很靈活，用戶很多，當涉及到任務自動化用途時，它是開發人員的首選工具，它提供了許多打包的插件來執行常見任務。


特性：


·它的工作流程非常簡單，只需編寫一個設置文件即可;


·它讓開發人員只需最少的步驟就能自動執行重復性任務;


·它有一個簡單直接的方法，並提供了JS版本的任務，JSON版本的配置;


·Grunt內置許多用於擴展插件和腳本功能的任務


·它能加快開發流程並提高項目效率


·Grunt的生態系統非常龐大，因此用戶可以輕松為任何事情設置自動化流程;


·這款Web開發工具減少了執行重復任務時出錯的概率。


下載鏈接：


#/


13.Jasmine


Jasmine是一款行為驅動的JavaScript框架，用於測試JavaScript代碼。它不依賴於其他任何JavaScript
組件，這款開源工具不需要DOM。


特性：


·低開銷，無外部依賴;


·開箱即用，測試代碼所需的一切都打包好了;


·使用相同的框架運行瀏覽器測試和Node.js測試。


下載鏈接：


#/index.html


14.CodePen


CodePen是一個面向前端設計人員和開發人員的Web
開發環境。它的宗旨是提供更快、更順暢的開發環境。開發人員可以用它構建和部署網站，並構建測試用例。


特性：


·可以用它來構建組件，以備今後使用;


·它包含一些很棒的功能，可以提高CSS開發人員的開發效率;


·允許實時查看和實時同步


·預填充API功能允許添加鏈接和演示頁面，而無需編寫任何代碼。


下載鏈接：


#/


15.Foundation


Foundation是支持任何設備、介質和可訪問性的前端框架。這個響應式前端框架使開發人員可以很容易地設計響應式網站、應用和電子郵件。


特性：


·它提供了最干凈的標記，而不會犧牲效用和性能;


·可以自定義構建以包含或刪除某些元素，它定義了列的大小、顏色和字體大小;


·更快的開發和頁面載入速度


·Foundation針對移動設備進行了真正的優化


·適用於所有級別開發人員的可定製性


·它將響應式設計提升到了新的水平，並為平板電腦提供了開發人員迫切需要的中等網格。


下載鏈接：


#/sites/download.html/


16.SublimeText


SublimeText是非開源的跨平台源代碼編輯器。這款應用開發工具原生支持許多編程語言和標記語言。


特性：


·命令面板功能允許匹配的按鍵調用任意命令


·同時編輯功能允許對多個區域應用相同的交互更改


·提供基於Python的插件API


·允許開發人員針對項目定製首選項


·與TextMate的許多語言語法兼容


下載鏈接：


#/


17.GridGuide


GridGuide是另一款重要的前端開發工具。它允許在設計中創建像素級精確的網格，這是一個簡單的工具，可以提供非常有價值的工作流程。


特性：


·添加基於畫布、畫板和選定圖層的參考線;


·快速向邊緣和中點添加輔助線


·允許為其他畫板和文檔創建重復的指南


·幫助用戶創建自定義網格


下載鏈接：


#/


18.Chrome開發工具


Chrome開發工具是Chrome內置的一組調試工具。這些工具使開發人員可以進行各種測試，從而輕松節省大量時間。


特性：


·它允許添加自定義CSS規則


·用戶可以查看邊距、邊框和填充;


·它可以幫助開發人員模擬移動設備


·可以將開發工具用作編輯器


·打開開發工具後，用戶可以輕松禁用瀏覽器的緩存。


下載鏈接：


#/devtools


19.Modaal


Modaal是前端開發插件，可提供高質量、靈活和可訪問的modal。


特性：


·針對輔助技術和屏幕閱讀器進行了優化


·完全響應，隨瀏覽器寬度縮放;


·具有SASS選項的可定製CSS


·提供全屏和視口模式


·為畫廊打開和關閉modal提供鍵盤控制


·靈活的關閉選項和方法


下載鏈接：


https://github.com/humaan/Modaal


20.Less


Less是用來擴展對CSS語言支持的預處理器。它允許開發人員使用一些讓CSS更易維護和擴展的技術。


特性：


·它可以免費下載和使用


·它提供了高級樣式語法，可讓Web設計人員/開發人員創建高級CSS;


·它可以在瀏覽器開始渲染網頁之前輕松地編譯為標准CSS


·編譯的CSS文件可以上傳到生產Web伺服器


下載鏈接：


#/


21.Meteor


Meteor是一個全棧JavaScript
框架，它由一系列庫和軟體包組成。它在設計理念上對比了參考的框架和庫的優點，以簡化應用程序的原型製作流程。


特性：


·它提升了應用程序的開發效率


·它帶有一些內置功能，包含一些前端庫和基於NODE.js的伺服器;


·它可以大大加快項目的開發速度


·它提供MongoDB資料庫和Minimongo，它們完全用JavaScript編寫;


·實時重新載入功能允許開發時只刷新所需的DOM元素


下載鏈接：


#/install


22.jQuery


jQuery是一種廣泛使用的JavaScript庫。它使前端開發人員能夠專注於各種層面的功能上，它能簡化諸如HTML文檔遍歷、操作和
Ajax之類的事情。


特性：


·QueryUI有助於製作高度交互的Web應用程序


·它是開源的，可以免費使用;


·它提供了強大的主題機制


·它非常穩定且易於維護


·它提供了廣泛的瀏覽器支持


·可以幫助開發人員創建出色的文檔


下載鏈接：


#/download/


23.Github


GitHub是一個受開發人員工作方式啟發的Web開發平台。這款工具使開發人員可以查看代碼、管理項目和構建軟體。


特性：


·輕松協調，保持一致並使用GitHub的項目管理工具完成工作;


·它為開發工作提供了正確的工具


·簡單的文檔和高質量的編碼


·讓所有代碼集中在一處


·開發人員可以直接從存儲庫託管其文檔


下載鏈接：


https://github.com/


原文鏈接：


#/front-end-Web-development-tools.html


以上就是小編今天為大家分享的關於Web前端開發工程師要掌握的前端開發工具的文章，希望本篇文章能夠對正在從事Web前端工作的小夥伴們有所幫助，想要了解更多Web前端知識記得關注北大青鳥Web培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的Web前端工程師。


文章來源：作者|MahipalNehra譯者|王強

❼ JAVAweb開發現在主流的許可權控制框架有哪些哪個最好用

1.最基礎的方法——許可權五張表 用戶 用戶角色 角色 角色許可權 許可權
2.apache shiro 優點 apache開源、接入簡單
3.Spring Security 一個能夠為基於Spring的企業應用系統提供聲明式的安全訪問控制解決方案的安全框架，優點功能完備,缺點 上手難度較大

❽ 常用的java開發框架有哪些

Java開發開發框架有很多，給大家推薦下面幾種：
1、struts2框架，這是最經典的框架(可以說沒有「之一」)。可以幫你快速搭建出一個MVC模型出來。

2、Spring：Spring是輕量級的J2EE應用程序框架。
3、Hibernate：Hibernate是一個開放源代碼的對象關系映射框架，它對JDBC進行了輕量級的對象封裝，使得Java程序員可以使用對象編程思維來操縱資料庫。Hibernate可以在應用EJB的J2EE架構中取代CMP，完成數據持久化。它還可以應用在任何使用JDBC的場合，既可以在Java的客戶端程序實用，也可以在Servlet/JSP的Web應用中使用
4.jQuery是繼prototype之後又一個優秀的Javacript框架，封裝了很多JavaScript方法，是開發jsp用的框架，目前很流行.

5.JFinal 是基於Java 語言的極速 web 開發框架，其核心設計目標是開發迅速、代碼量少、學習簡單、功能強大、輕量級、易擴展、Restful。在擁有Java語言所有優勢的同時再擁有ruby、Python等動態語言的開發效率。

❾ html怎麼在前端實現角色許可權控制

html在前端實現角色許可權控制操作：

1、框架提供了按鈕許可權的擴展服務，我們可以通過簡單的擴展來注冊我們自己的許可權項，我們通過繼承AbstractMenuPriv來實現我們的按鈕許可權類；

❿ PHP前端開發的時候你們都用什麼框架

一個優秀的WEB架構，必定會應用一些分層設計的思想，這樣可以讓系統開發起來更靈活，同時後期維護也比較方便。本文作者麥舒設計了一個前端與後端分離的架構，原文分享如下：
看了《系統架構：Web應用架構的新趨勢—前端和後端分離的一點想法》

這篇文章，對前端與後端的分離非常認同，這樣做對於系統的維護是有相當大的好處的。正好自己也設計了一個這樣的系統，於是把它拿出來，和大家討論一下。這個架構，與其說是想出來，還不如說是我做系統總結出來的最佳實踐。
我們做的系統，前端的頁面基本都是使用
JavaScript 的富戶端頁面，主要應用的框架用，jquery、jquery ui、knockout
js、Durandal、另外，還有自己封裝的一些 UI 組件，後端的主要採用到的技術有 OData、MVC、Linq to SQL
以及自己寫的一個許可權管理組件，資料庫採用的是 SQL Server 2005。