三表查询

效果图如下:
在这里插入图片描述
首先看一下布局如下:

<table id="moretable" class="table table-bordered text-center table-striped">
            <thead>
                <tr class="bg-primary text-white">
                    <th>学生ID</th>
                    <th>学生姓名</th>
                    <th>学生性别</th>
                    <th>家庭地址</th>
                    <th>学校名称</th>
                    <th>专业名称</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>

Table-bordered:表格边框||table-striped:表格隔行换色。
数据库字段如下:
第一张表:学院表
在这里插入图片描述
第二张表:专业表

在这里插入图片描述

第三张表:学生表
在这里插入图片描述
其次是把SQL数据库里面的数据通过Models引入到我们的项目中,实例化:Models.morechartEntities myModal2 = new Models.morechartEntities();
接下来就到了Javascript部分:

$(function () {
同一控制下可以不用指定控制器,可直接调用方法,data指接收返回回来的数据
    $.get("moreInfor", function (data) {
        console.log(data);
        var str = "";
    $.each(data, function (index) {each循环,第一个要遍历的数据,第二个回调的函数
                    字符串拼接
                    str += '<tr οndblclick="amend(this)"><td>'
                        + '<input type="checkbox" name="studentID" type="checkbox" value=" ' + data[index].studentID + '" />'
                        + '</td><td>' + data[index].studentName
                        + '</td><td>' + data[index].studentSex
                        + '</td><td>' + data[index].studentAddress
                        + '</td><td>' + data[index].schoolName
                        + '</td><td>' + data[index].zhuanyeName
                        + '</td></tr>';
                    console.log(data[index].studentname);
                })
把str添加到table表格里的tbody里面创建tr
                $("#moretable tbody").append(str);
            });

控制器中的方法如下:

public ActionResult moreInfor()
        {   创建一个变量,通过myModal2查找出studentchart表
            var list = (from tbstudent in myModal2.studentchart
join把表连接起来 equals等于
                       join tbschool in myModal2.school on tbstudent
.schoolID equals tbschool.schoolID
                       join tbzhuanye in myModal2.zhuanyechart on tbstudent
.zhuanyeID equals tbzhuanye.zhuanyeID
                 查询需要的数据
select new {
                           tbstudent.studentID,
                           tbstudent.studentName,
                           tbstudent.studentSex,
                           tbstudent.studentAddress,
                           tbschool.schoolName,
                           tbzhuanye.zhuanyeName,
                       }).ToList();
ToList返回一个包含输入序列中的元素
            return Json(list, JsonRequestBehavior.AllowGet);返回数据
        }

  • 9
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值