怎么将一张表的所有字段列表显示出来?

    在这里呢,本人又要举栗子了:

  相信大家从数据库里查出来数据应该没问题,本人在这里只说从后台拿过来的数据怎么在前端页面上进行显示,说实话本人是做后台的,但是公司方面没有专门的前端人员,辛亏本人之前也写过前端代码,不至于束手无策,当然,技术水平肯定是不能和专门的前端人员比的。

   大家先来看一下效果图吧,看看是不是你所需要的,如果不是,那就没必要再浪费你时间了。


    如果是你想要的效果,那么再来看一下代码吧:

    注意:效果图与代码无关,列表显示的内容不一样。

<table class="table table-hover">
									<thead>
										<tr>
											<th>序号</th>
											<th>项目</th>
											<th>结算时间</th>
											<th>结算金额</th>
											<th>状态</th>
											<th>工程范围</th>
											<th>合同编号</th>
											<th>出勤人数</th>
										</tr>
									</thead>
									<tbody id="dataContent" >
								
									</tbody>
								</table>

下面是一段js代码:

function loadData(data){
		
		 var sublist = data.entry.budgetInfo;
         for(var i=0;i<sublist.length;i++){ //循环遍历
        	 var order = i+1;
        	 var projectName = sublist[i].contractProject;
        	 var createTime = timestampToTime(sublist[i].createTime);
        	 var settlementCost = sublist[i].settlementCost;
        	 var auditingStatus = sublist[i].auditingStatus;
        	 
        	 
        	 var contractScope = sublist[i].contractScope;
        	 var contractNumber = sublist[i].contractNumber;
        	 var ttt = sublist[i].standingBudgetId;
        	 var detail="<a οnclick="+"jumpToBudgetDetail('"+ttt+"')"+">详情</a>";
        	 
        	 var strTol = '';
        	 var strPre = '<tr>';
        	 var strEnd = '</tr>';
        	 var strMiddle1 = "<td>"+order+"</td><td>"+projectName+"</td>";
        	 var strMiddle2 = "<td>"+createTime+"</td><td>"+settlementCost+"</td><td>"+auditingStatus+"</td><td>"+contractScope+"</td><td>"+contractNumber+"</td><td>"+detail+"</td>";
        	 strTol = strPre + strMiddle1 + strMiddle2 +strEnd;
        	 	$("#dataContent").append(strTol);
        	 
         }
        
	}
希望能够帮到你!共勉!


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

关阿炎

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值