Bootstrap + AngularJS+ Ashx + SQL Server/MySQL

標籤：階段   修改檔案   提交   mysq   asp.net   命令   dom   nbsp   pre   

去年年底12月，為適應移動端瀏覽需求，花了1個月時間學習Bootstrap，並將公司ASP網站重構成ASP.NET。當時採取的網站架構： Bootstrap + jQuery + Ashx + SQL Server時間緊，沒人帶，只能硬著頭皮，最後如期完成，但是也遺留了幾個問題。問題：1、頁面查詢條件太複雜，太多的checkbox，jQuery操作DOM雖然方便，但是組合成json提交給後端還是比較麻煩，有沒有天然支援json的前端架構或者指令碼語言？    html控制項做的任何修改，都自動儲存在object，每一個控制項ID就是一個object.id，這樣天然支援json對象，畫面太美。2、Ashx太多，每一個查詢，每一個略微細小的修改，都要單獨建立一個ashx一般處理常式，導致項目複雜，後續修改太麻煩。帶著這2個問題，進入下一個學習階段。

 

瀏覽了很多網站，發現有太多的架構，亂花漸欲迷人眼。

vue.js，AngularJS，ReactJs...

前端太苦悶。

沒得說，看心情，看文法是不是看著順眼，最後選擇AngularJS，貌似新版本要完全推翻重來，哎，暫且不管，好比當初選擇學習C#，就是覺得文法美妙。

正好公司技術部和生產部有檔案管理需求，於是花了一禮拜時間，開發完成。

網站架構：Bootstrap + AngularJS+ Ashx + SQL Server/MySQL

先，源碼以及SQL命令請點擊。

圖一，登陸介面

圖二 主要介面

圖三 上傳檔案（上傳用的jQuery外掛程式，源碼裡都有）

圖四 瀏覽/下載檔案

 

 圖五 修改檔案

 

圖六 VS2015 源碼

 

下載連結:  http://pan.baidu.com/s/1miIAHRE   密碼: pkbx

 

Bootstrap + AngularJS+ Ashx + SQL Server/MySQL