自己搭建了一个简单实用的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