@@ -50,11 +50,12 @@ <h3><a href="/resources">最新资源</a></h3>
5050
5151 < div class ="row box_white article-list ">
5252 < ul class ="nav nav-tabs " role ="tablist " id ="article-nav ">
53- < li role ="presentation " class ="active "> < a href ="/ "> 最新博文</ a > </ li >
54- < li role ="presentation " class =" rank " data-type ="today "> < a href ="# "> 今日热门</ a > </ li >
55- < li role ="presentation " class =" rank " data-type ="yesterday "> < a href ="# "> 昨日热门</ a > </ li >
56- < li role ="presentation " class =" rank " data-type ="week "> < a href ="# "> 一周热门</ a > </ li >
53+ < li role ="presentation " class ="active " data-type =" newest " > < a href ="javascript: "> 最新博文</ a > </ li >
54+ < li role ="presentation " data-type ="today "> < a href ="javascript: "> 今日热门</ a > </ li >
55+ < li role ="presentation " data-type ="yesterday "> < a href ="javascript: "> 昨日热门</ a > </ li >
56+ < li role ="presentation " data-type ="week "> < a href ="javascript: "> 一周热门</ a > </ li >
5757 </ ul >
58+ < div id ="article-list ">
5859 {{range .articles}}
5960 < article class ="article box_white ">
6061 < div class ="row ">
@@ -123,10 +124,13 @@ <h2><a href="/articles/{{.Id}}" target="_blank" title="{{.Title}}">
123124 < div class ="row "> 暂无博文,< a class ="btn btn-default btn-sm " href ="/articles/new "> 撰写文章</ a > </ div >
124125 </ article >
125126 {{end}}
127+
126128 {{if (len .articles) gt 0}}
127129 {{$article := index .articles 0}}
128130 < div class ="pull-right article-bottom "> < a href ="/articles?lastid={{add $article.Id -10}} " title ="查看更多 "> 查看更多>></ a > </ div >
129131 {{end}}
132+
133+ </ div >
130134 </ div >
131135 < div class ="row box_white book-list ">
132136 < div class ="title ">
@@ -321,12 +325,58 @@ <h3 class="title"><i class="glyphicon glyphicon-link"></i> 友情链接</h3
321325
322326 </ div >
323327</ div >
328+
329+ < script type ="text/x-jsrender " id ="article-tpl ">
330+ < article class = "article box_white" >
331+ < div class = "row" >
332+ [%if cover%]
333+ < div class = "pull-left" >
334+ < a href = "/articles/[%:id%]" target = "_blank" title = "[%:title%]" >
335+ < img class = "lazy" src = "[%:cover%]" width = "200" alt = "[%:title%]" style = "display: inline;" >
336+ </ a >
337+ </ div >
338+ < div style = "margin-left:220px;" >
339+ [%else%]
340+ < div >
341+ [%/if%]
342+ < h2 > < a href = "/articles/[%:id%]" target = "_blank" title = "[%:title%]" >
343+ [%:title%]
344+ </ a > </ h2 >
345+ < p class = "text" > [%:txt%]< a href = "/articles/[%:id%]" target = "_blank" title = "阅读全文" > 阅读全文</ a > </ p >
346+ </ div >
347+ </ div >
348+ < div class = "row" >
349+ < div class = "col-md-8 metatag" >
350+ < i class = "glyphicon glyphicon-th" > </ i >
351+ < span class = "source" title = "来源" > [%:name%]</ span >
352+ < i class = "glyphicon glyphicon-calendar" > </ i >
353+ < span class = "date" title = "发布日期" > [%:pub_date%]</ span >
354+ < i class = "glyphicon glyphicon-user" > </ i >
355+ < span class = "author" title = "作者" > [%:author_txt%]</ span >
356+ </ div >
357+ < div class = "col-md-4 metatag text-right" >
358+ < span class = "view" title = "阅读数" >
359+ < i class = "glyphicon glyphicon-eye-open" > </ i >
360+ 阅读:< span > [%:rank_view%]</ span > 次
361+ </ span >
362+ </ div >
363+ </ div >
364+ </ article >
365+ </ script >
366+
367+ < script type ="text/x-jsrender " id ="no-article-tpl ">
368+ < article class = "article box_white" >
369+ < div class = "row" > 该排行榜暂无博文</ div >
370+ </ article >
371+ </ script >
372+
324373{{end}}
325374{{define "css"}}
326375< link href ="/static/css/index.css?v=0.4 " rel ="stylesheet "/>
327376{{end}}
328377{{define "js"}}
329378< script type ="text/javascript " src ="/static/js/index.js?v=0.5 "> </ script >
379+ < script type ="text/javascript " src ="//cdnjs.cloudflare.com/ajax/libs/jsrender/0.9.84/jsrender.min.js "> </ script >
330380< script type ="text/javascript ">
331381// 需要加载的侧边栏
332382SG . SIDE_BARS = [
@@ -339,20 +389,40 @@ <h3 class="title"><i class="glyphicon glyphicon-link"></i> 友情链接</h3
339389 "/friend/links"
340390] ;
341391
392+ $ . views . settings . delimiters ( "[%" , "%]" ) ;
393+ // $.views.settings.debugMode(true);
394+
342395$ ( function ( ) {
343- $ ( '#article-nav .rank' ) . on ( 'click' , function ( evt ) {
396+
397+ var newestArticleHtml = '' ;
398+
399+ $ ( '#article-nav li' ) . on ( 'click' , function ( evt ) {
344400 evt . preventDefault ( ) ;
345401
346402 $ ( this ) . parent ( ) . children ( ) . removeClass ( 'active' ) ;
347403 $ ( this ) . addClass ( 'active' ) ;
348404
349405 var type = $ ( this ) . data ( 'type' ) ;
350406
407+ if ( type != "newest" && newestArticleHtml == '' ) {
408+ newestArticleHtml = $ ( '#article-list' ) . html ( ) ;
409+ } else {
410+ if ( type == "newest" ) {
411+ $ ( '#article-list' ) . html ( newestArticleHtml ) ;
412+ return ;
413+ }
414+ }
415+
351416 var params = { objtype : 1 , limit : 10 , rank_type : type }
352417 $ . getJSON ( '/rank/view' , params , function ( result ) {
353418 if ( result . ok ) {
354419 var data = result . data ;
355- console . log ( data ) ;
420+ if ( data ) {
421+ var rankArticlesHtml = $ . templates ( '#article-tpl' ) . render ( data ) ;
422+ $ ( '#article-list' ) . html ( rankArticlesHtml ) ;
423+ } else {
424+ $ ( '#article-list' ) . html ( $ ( '#no-article-tpl' ) . html ( ) ) ;
425+ }
356426 }
357427 } ) ;
358428 } ) ;
0 commit comments