1、MVC3项目简单配置EF code first生成并初始化数据库。
  2、利用flexigrid展示并使用ajax展示数据,支持显示列增减,显示列排序,显示列模糊查询,熟悉表格控件的使用。
  3、利用jquery ajax请求实现增删查改
  4、利用jquery dialog弹出层实现添加,修改。
  5、扩展方法及表达式树构建lambda表达式

项目截图说明

MVC3+EF5.0 code first+Flexigrid+ajax请求+jquery dialog 增删改查MVC3+EF5.0 code first+Flexigrid+ajax请求+jquery dialog 增删改查MVC3+EF5.0 code first+Flexigrid+ajax请求+jquery dialog 增删改查

附flexigrid参数说明(可以去flexigrid.js文件中查看配置):

height: 200, //flexigrid插件的高度,单位为px
width: 'auto', //宽度值,auto表示根据每列的宽度自动计算,在IE6下建议设置具体值否则会有问题
striped: true, //是否显示斑纹效果,默认是奇偶交互的形式
novstripe: false,//没用过这个属性
minwidth: 30, //列的最小宽度
minheight: 80, //列的最小高度
resizable: false, //resizable table是否可伸缩
url: false, //ajax url,ajax方式对应的url地址
method: 'POST', // data sending method,数据发送方式
dataType: 'json', // type of data loaded,数据加载的类型,xml,json
errormsg: '发生错误', //错误提升信息
usepager: false, //是否分页
nowrap: true, //是否不换行
page: 1, //current page,默认当前页
total: 1, //total pages,总页面数
useRp: true, //use the results per page select box,是否可以动态设置每页显示的结果数
rp: 25, // results per page,每页默认的结果数
rpOptions: [10, 15, 20, 25, 40, 100], //可选择设定的每页结果数
title: false, //是否包含标题
pagestat: '显示记录从{from}到{to},总数 {total} 条', //显示当前页和总页面的样式
procmsg: '正在处理数据,请稍候 ...', //正在处理的提示信息
query: '', //搜索查询的条件
qtype: '', //搜索查询的类别
qop: "Eq", //搜索的操作符
nomsg: '没有符合条件的记录存在', //无结果的提示信息
minColToggle: 1, //允许显示的最小列数
showToggleBtn: true, //是否允许显示隐藏列,该属性有bug设置成false点击头脚本报错。
hideOnSubmit: true, //是否在回调时显示遮盖
showTableToggleBtn: false, //是否显示【显示隐藏Grid】的按钮
autoload: true, //自动加载,即第一次发起ajax请求
blockOpacity: 0.5, //透明度设置
onToggleCol: false, //当在行之间转换时,可在此方法中重写默认实现,基本无用
onChangeSort: false, //当改变排序时,可在此方法中重写默认实现,自行实现客户端排序
onSuccess: false, //成功后执行
onSubmit: false, // 调用自定义的计算函数,基本没用 

实现步骤

1、配置EF5.0 code first生成并初始化数据库

  首先在项目中添加对EF5.0的引用,获取方式可以通过nuget包管理器添加或者通过控制台添加,这里给出一种方式的截图。

MVC3+EF5.0 code first+Flexigrid+ajax请求+jquery dialog 增删改查

编写实体类(代码中有注释说明):

[Table("Students",Schema="xxxx")]//数据库映射表名及架构
    public class Student
    {
        [Key]//主键且自增长
        public int ID { get; set; }
        public string Name { get; set; }
        public int Age { get; set; }
        public string Address { get; set; }
        public string Mobile { get; set; }
        public string QQ { get; set; }
        public string Description { get; set; }
    }
View Code

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-12-29
  • 2021-04-09
  • 2022-01-20
  • 2022-12-23
  • 2022-01-27
猜你喜欢
  • 2021-10-18
  • 2021-10-31
  • 2021-05-26
  • 2021-04-16
  • 2021-07-22
  • 2022-12-23
相关资源
相似解决方案