减少leftJoin的使用 (转)

作为开发，你是否经常碰到下面需要转换用户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来保存数据，如果浏览器不支持或者数据不在里面，再进行查询。

 

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

转载于:https://www.cnblogs.com/a164266729/p/3411953.html