作为开发,你是否经常碰到下面需要转换用户ID成用户名称的情况:

可惜你的这些业务表出于最少冗余设计要求,只有UserId,而没有UserName,这时你不得不破坏你一个类封装一个表的美好想法,

在你的查询写上

1
SELECT a.*,b.Name FROM OrderInfo a LEFT JOIN UserInfo b ON a.UserID=b.ID

你如果用linq的话,可能代码更多一下:

1
2
3
4
5
6
7
8
var query = from A in db.OrderInfo
                       join B in db.UserInfo on A.UserId equals B.ID
                       select new
                       {
                          A.UserId,
                         ..........
                         B.Name
                       };

更麻烦的是,你对这个表写的Model无法再适用这个查询,你不得不重新创建和维护一个新的数据ViewModel(前台展示)与查询对应。

我在一个历史项目中查找到上百行的LEFT JOIN UserInfo b ON a.UserID=b.ID,增加了大量新的ViewModel,并使单个表查询的封装类看起来十分不好维护。

你可能需要下面这个更简洁的方法:查询不再left jion,查询到的UserId直接显示在前台,通过Ajax查询用户列表来更新成UserName。

具体的步骤:

1.查询用户ID,Name数据(这里是WebForm的.asmx查询,MVC自然更简单了)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
webservice:
 
[System.Web.Script.Services.ScriptService]
public class CommonAjax : System.Web.Services.WebService {
 
    public CommonAjax()
    {
 
        //如果使用设计的组件,请取消注释以下行
        //InitializeComponent();
    }
 
    [WebMethod]
    public string GetUserNameList(string ids)
    {
        return new PublicUseBLL().GetNameList_Json(ids);
    }
     
}
BLL:
  省略,调用DAL即可
 
DAL:
 public string GetNameList_Json(string ids)
        {
            StringBuilder sBuilder = new StringBuilder();
            string sql = "select ID,Name FROM PublicUser where Del=0 order by ID";
            if ( !string.IsNullOrEmpty(ids) )
            {
                sql = string.Format("select ID,Name FROM PublicUser where Del=0 and ID in({0})  order by ID",ids);
            }
            var ds = DbHelperSQL.Query(sql);
            int rows = ds.Tables[0].Rows.Count;
            DataRow dr;
            sBuilder.Append("[");
 
            if (rows > 0)
            {
                for (int i = 0; i < rows-1; i++)
                {
                    dr = ds.Tables[0].Rows[i];
                    sBuilder.Append(string.Format("[{0},\"{1}\"],", dr[0], dr[1]));
                }
                dr = ds.Tables[0].Rows[rows-1];
                sBuilder.Append(string.Format("[{0},\"{1}\"]", dr[0], dr[1]));
            }
            sBuilder.Append("]");
             
            return  sBuilder.ToString();
        }

 

封装查询和替换函数:

function replaceUserName() {
var arr = [];
var rel;
$('.re_name').each(function () {
rel = $(this).attr('rel');
if (typeof rel != 'undefined' && checkInteger(rel)) {
var bFind = false;
for (var i = 0; i < arr.length; i++) {
if (arr[i] == rel) {
bFind = true;
break;
}
}
if (bFind == false) {
arr.push(rel);
}
}
});
if (arr.length == 0) {
return false;
}
$.ajax({
type: "POST",
contentType: "application/json",
url: '/Ajax/CommonAjax.asmx/GetUserNameList',
data: '{"ids":"' + arr.join(',') + '"}',//data: '{"ids":""}',//
dataType: "json",
async: false,
success: function (res, status) {
if (res.d.indexOf('[') == 0 && res.d.lastIndexOf(']') == res.d.length - 1) {
var data = jQuery.parseJSON(res.d);
$('.re_name').each(function () {
rel = $(this).attr('rel');
if (typeof rel != 'undefined' && checkInteger(rel) ) {
rel = parseInt(rel);
for (var i = 0; i < data.length; i++) {
if (data[i][0] == rel) {
$(this).text(data[i][1]);
break;
}
}
}
});
} else {
alert(res.d);
}
}
});
}

在你显示ID的地方需要加上替换标志

1
'<td class="center re_name" rel="' + row['UserId'] + '">' + row['UserId'] + '</td>'

重点是有class: re_name 且rel的值是UserID

替换:如果你的数据展示是异步的

1
2
3
4
5
6
7
8
9
10
11
$.ajax({
               ........
                dataType: "json",
                async: false,
                success: function (res, status) {
                        .....
                        //实现数据转html后调用
                        replaceUserName();
                    
                }
            });

如果是绑定.net控件的方式更简单了,直接在jquery中实现

1
2
3
4
5
$(function() {
 
 replaceUserName();
 
}); 

这个你可以看到

完全没有感觉不到有替换过程。

更近一步,你可以用html5的localstorage来保存数据,如果浏览器不支持或者数据不在里面,再进行查询。

很简单,几乎一劳永逸了吧!

减少leftJoin的使用 (转)的更多相关文章

  1. Drawable实战解析:Android XML shape 标签使用详解(apk瘦身,减少内存好帮手)

    Android XML shape 标签使用详解   一个android开发者肯定懂得使用 xml 定义一个 Drawable,比如定义一个 rect 或者 circle 作为一个 View 的背景. ...

  2. 初学seaJs模块化开发,利用grunt打包,减少http请求

    原文地址:初学seaJs模块化开发,利用grunt打包,减少http请求 未压缩合并的演示地址:demo2 学习seaJs的模块化开发,适合对seajs基础有所了解的同学看,目录结构 js — —di ...

  3. 小小改动帮你减少bundle.js文件体积(翻译)

    我已经从事过好多年的SPA开发工作,我发现很多的程序猿都从来不往 bundle.js 文件的体积上动脑筋,这让我有点懵逼. “安心洗路,等俺把代码混淆压缩后就一切666了”,若是有人这么说,我会翻白眼 ...

  4. Effective前端5:减少前端代码耦合

    什么是代码耦合?代码耦合的表现是改了一点毛发而牵动了全身,或者是想要改点东西,需要在一堆代码里面找半天.由于前端需要组织js/css/html,耦合的问题可能会更加明显,下面按照耦合的情况分别说明: ...

  5. LVM 管理减少swap分区空间增加到根分区

    简介 LVM是 Logical Volume Manager(逻辑卷管理)的简写,它是Linux环境下对磁盘分区进行管理的一种机制,它由Heinz Mauelshagen在Linux 2.4内核上实现 ...

  6. Arduino下LCD1602综合探究(下)——如何减少1602的连线,LiquidCrystal库,LiquidCrystal库中bug的解决方法

    一.前言: 上文中,笔者系统的阐述了1602的两种驱动方式,并简单的提到了Arduino的LiquidCrystal库.本文紧接上文,对以下两个问题进行更加深入的探讨:如何能够使1602对Arduin ...

  7. SQL Server SQL性能优化之--pivot行列转换减少扫描计数优化查询语句

    原文出处:http://www.cnblogs.com/wy123/p/5933734.html 先看常用的一种表结构设计方式: 那么可能会遇到一种典型的查询方式,主子表关联,查询子表中的某些(或者全 ...

  8. FindBugs 入门——帮你减少代码中的bug数

    FindBugs 入门 FindBugs 作用 开发人员在开发了一部分代码后,可以使用FindBugs进行代码缺陷的检查.提高代码的质量,同时也可以减少测试人员给你报的bug数. 代码缺陷分类 根据缺 ...

  9. CDN的combo技术能把多个资源文件合并引用,减少请求次数

    CDN的combo技术能把多个资源文件合并引用,减少请求次数.比如淘宝的写法: <link rel="stylesheet" href="//g.alicdn.co ...

随机推荐

  1. hadoop2.2.0的WordCount程序

    package com.my.hadoop.mapreduce.wordcount; import java.io.IOException; import org.apache.hadoop.conf ...

  2. HDU 1874-畅通project续(最短路Dijkstra+优先队列)

    畅通project续 Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total ...

  3. 图表插件--jqplot交互演示样例

    简单交互 在之前的学习中,我们已经能够绘制各种类型的图表,也能够给图表加入不同的组件,如标题.图例等等.但这些图表仅仅能用于展示数据,一旦希望对图表有所操作--比方查看数据明细--就显得束手无策了.事 ...

  4. repo简介

    高通的Android JellyBean库已经建立完成,目前已经可以正常访问,可以正常提交.Repo获取代码注意:1. 首先应有一个repo脚本,并将脚本放到环境变量里,此脚本的配置方法a) 进入用户 ...

  5. mysql存储过程、函数和触发器的创建 [转]

    http://blog.itpub.net/559237/viewspace-438942/ 今天花了半天时间来研究mysql的存储过程函数和触发器的创建,觉得和oracle的大同小异,只是语法上更艰 ...

  6. android 绘图

    在main.xml文件中代码如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout ...

  7. [React] React Router: Route Parameters

    A router library is no good if we have to hardcode every single route in our application. In this le ...

  8. MVC实现类似QQ的网页聊天功能-Ajax(上)

    说到QQ聊天,程序员首先想到的就是如何实现长连接,及时的接收并回馈信息.那么首先想到的就是Ajax,Ajax的运行机制是通过XMLHttpRequest向服务器发出异步请求,并接受数据,这样就可以实现 ...

  9. Python顺序与range和random

    range([start,] stop[, step]) start是开始,stop是停下,step是步长. >>> range(10) range(0, 10) >>& ...

  10. <a>标签中href="javascript:;"

    javascript: 是一个伪协议,其他的伪协议还有 mail:  tel:  file:  等等. 1 <a id="jsPswEdit" class="set ...