原创 網頁全屏顯示與退出全屏功能

效果圖示 點擊後全屏顯示,並且圖標發現變化。全屏後,點擊同一按鈕,會退出全屏。 代碼 // 全屏切換代碼 var FullscreenFlag = false; $('#toggle-fullscreen').click(functi

原创 Bootstrap Modal(模態框)拖動功能

效果: 代碼: // Modal拖動 $(document).on("show.bs.modal", ".modal", function () { $('.modal-dialog').draggable(); $(

原创 ASP.NET MVC 獲取當前用戶和ID

採用ASP.NET MVC提供的用戶驗證,可以用以下方法獲取用戶名和ID: // 用戶名 User.Identity.Name; System.Web.HttpContext.Current.User.Identity.Name;

原创 DataTables插件-高度自適應

應用 不同顯示器的分辨率不一樣,導致顯示效果不一致。很多情況下,在該分辨率下顯示適合,在其它顯示器顯示過大或過小。如何調至更好的用戶體驗?這是一門比較耗時的功課。本篇文章應用範圍很窄,只講DataTable插件的高度自適應。在不同的分辨率

原创 ASP.NET MVC-MD5加密

有時候需要對數據進行MD5加密,可以採用MD5CryptoServiceProvider類進行加密。以下代碼參考官方手冊-MD5CryptoServiceProvider。 using System; using System.Secu

原创 jQuery Validator插件-檢測用戶是否已經存在

前言 採用jQuery Validator插件對用戶註冊進行驗證時,我們需要檢測該用戶是否已經被註冊。可以有兩種方法。 方法一: 在additional-methods.js文件中添加自定義驗證,並引入到html文件裏: $.valid

原创 DataTables插件-下載說明

簡介 DataTables是一個很優秀的Jquery插件,在引入DataTables前必須引入Jquery插件。另外,DataTables插件有很多額外的擴展,在下載的時候,可以選擇需要的插件下載DataTables下載。官網提供的英文解

原创 ASP.NET MVC結合AdminLte模板設置左側菜單欄動態高亮顯示

前言 AdminLte模板將左側菜單欄高亮顯示的效果寫死了,如圖所示: 在ASP.NET MVC框架中,我將左側菜單欄作爲分部頁分離出來。這就意味着,它是個公共文件,不能直接添加active.。 解決方案 我的想法是:在分部頁中獲取當

原创 Entity Framework-檢測數據是否已經存在

前言 插入數據之前,有時候需要檢測該數據是否已經存在數據庫裏。 解決方案 可採用以下語句判斷 db.Orderss.Any(o => o.Transaction == txnId)  示例代碼: using (WebApplicati

原创 AdminLTE後臺模板-設置頂部導航欄和側邊欄相對瀏覽器固定不動

前言 採用AdminLTE模板設計後臺系統的時候,常常會出現頁面主體內容過多,會出現垂直滾動條,滾到底部後,想點擊側邊欄按鈕不太方便。AdminLTE提供了相應的類設置頂部導航欄和側邊欄相對瀏覽器固定不動。 操作 在body標籤裏添加fi

原创 ASP.NET-解決GridView控件某字段設置只讀後,更新後該字段值爲Null

用GridView控件自帶的更新命令時,總會有一些字段不允許用戶更改的。可以將該字段的ReadOnly屬性設置爲true。  但是,點擊更新後,會將該字段的值設置爲null。 這是因爲在SqlDataSource控件的Update語句中

原创 Jquery獲取table中某一列的數據

在一些特殊的情況下,需要獲取table標籤中,某一列的數據,可以使用以下代碼來實現: var tdListUser = $("table>tbody>tr").find("td:eq(3)"); // 獲取第四列的數據 PS:只會獲取

原创 ASP.NET的SiteMap文件

前言 我之前一直使用PHP,一直都認爲SiteMap文件是方便於搜索引擎的收錄,沒有其它的用途。在ASP.NET中,我第一次將SiteMap文件關聯到程序中。無可否認,在某些方面,ASP.NET加速了開發進程。但是我並不喜歡ASP.NET

原创 如何將PNG圖像(作爲一個內存流)輸出到.NET ReportViewer報表裏(RDLC文件)

簡介: 常用微軟提供的ReportViewer控件生成報表,我在工作中遇到新的需求:需要將動態生成的二維碼顯示在RDLC報表文件裏面。動態生成的二維碼保存在內存中。可以參考stackoverflow。 步驟一:將圖像轉換爲Base64編碼

原创 chart.js插件顯示具體數值

簡介 Chart.js是一款不依賴任何外部js庫的插件,具體的使用方法可查看Chart.js官網。 需求 Chart.js並沒有直接提供顯示具體數值的功能,需要鼠標移上去,纔會顯示數值,現在,我們需要顯示具體的數值。 效果 在每一條柱狀上