最近,LZ刚毕业进入公司,老大就让搞个前端培训,其实就是给你两个框架,然后自学框架,再完成两个任务,都是前端的,目前最痛苦的就是搞Jquery!已经被它搞懵逼了!废话不扯了!看笔记。
1,从后台获取数据,在前端显示出来,由于公司将一些东西给封装了,所以,有些方面会涉及不到。
<div id="GTdata_returnStock" class="rank_list3">
{@each list as item,index}
<dl id="${item.id}"><dt><em>1</em><b>${item.name}</b></dt><dd><span> {@if item.nsy>0}<em class="ared">{@else}<em class="agreen">{@/if}${item.nsy}</em></span><span>{@if item.ysy>0}<em class="ared">{@else}<em class="agreen">{@/if}${item.ysy}</em></span></dd></dl>
{@/each}
</div>
代码中, {@each list as item,index}中的list是js文件中获得的数据,这里只是重命名为item和index;因为这段代码显示的是银行收益率相关的东西,需要根据收益率的正负,相应收益率显示红色(正)或者绿色(负),代码如: {@if item.nsy>0}<em class="ared">{@else}<em class="agreen">{@/if} ,此中用到了if-else语句,{@if } {@else}{@/if},这里面要注意的是之前LZ这样写了多用个$符合,导致无法进行判断。
2,点击图标进行页面的跳转控制。