自己搭建了一個簡單實用的Web版記事本

 

 

演示播放地址：http://v.youku.com/v_show/id_XMTg0MjY2OTAxNg==.html

 

技術說明

環境

1. vs2012開發
2. sql2008r2數據庫

技術

1. C#基礎語言
2. MVC4 三層
3. JavaScript
4. AJAx

插件

1. JQ底層
2. layer彈窗
3. bootcss樣式
4. laydate日期插件   
   

添加

1. 點擊添加直接顯示出添加div。
2. 輸入內容添加

查詢

1. 最頂端是查詢條件，可根據時間、類型、名稱、刪除狀態
2. 由於沒有分頁后台寫死查詢Top100.

查看

1. 直接點擊列表div可彈窗查看。使用的是layer.layui插件

2. 點擊任意遮罩層出可快速關閉窗口

修改

1. 直接點擊對應  行的修改。可在添加div處修改內容。
2. 修改后執行刷新動作

刪除

1. 選擇刪除按鈕，提示你是否永久刪除。如果永久刪除數據庫刪除數據，否則標記為刪除

    

字典類型

1. 選擇右上角設置可進入設置字典。
2. 字典格式:輸入大於1個時，必須用英文','逗號分隔

 

 

源碼下載地址：http://www.51aspx.com/code/WebEditionNotepad