如何製作adonis.js視圖？

我剛開始使用adonisjs爲了使網站動態，用塊代替重複的元素。在這種情況下，我使用視圖。問題是，我不明白我做錯了什麼。我有一個名爲mainpage.html的html頁面和adonis.html。在mainpage.html如何製作adonis.js視圖？

<!DOCTYPE html> 

{# resources/views/mainpage.html #} 
<html lang="en"> 
<head> 
<title>NextAnime</title> 
</head> 
<body> 
{% block latestEntries %} 
{% endblock %} 
</body> 
</html>

在adonis.html

{# resources/views/adonis.html #} 
{% extends 'mainpage' %} 

var rangeEntries = [0,1,2,3,4] 

{% block latestEntries %} 

    {% for i in range %} 
    <div class="row"> 
     <div class="col-xs-3"> 
      <a href="anotherpage.html"><img src="../../public/images/justanimage.jpeg" id="latest_entry_image" alt="Some problem"></a> 
     </div> 
     <div class="col-xs-9"> 
      <a href="anotherpage.html">name of anime</a> 
      <p>Chapters/Volumes :</p> 
      <p>Date</p> 
     </div> 
    </div><br> 
{% endfor %} 
{% endblock %}

PS：關於{％ '延伸' ％}部分的官方文檔不清晰。我是否將HomeDocument（mainpage）的名稱或我在HomeController.js文件（主）中分配的別名？

在HomeController.js：

class HomeController { 

    * index (request, response) { 
    const view = yield response.view('adonis') 
    response.send(view) 
    } 
    * main (request, response) { 
    const view = yield response.view('mainpage') 
    response.send(view) 
    } 
}

最後，如何我知道當我到達列表的末尾一般，在阿多尼斯，請。

來源

2016-04-03 Beta_K

我嘗試了以下兩種情況：

改變了HTML文檔的名稱（改成了mainpage1.html），但在{% extends '' %}沒有更改名稱（保持它作爲炫魅）。
更改{% extends '' %}中的名稱（將其更改爲mainPage1，但模板名稱爲mainPage.html）。

從我嘗試了，我的理解如下：

你將不得不把與模板的名稱了「的.html」 extenstion而延伸的模板（在這種情況下「 mainPage.html'，同時擴展了{% extends 'mainPage' %}）。當控制器使用response.send(view)發送響應時，它將使用除擴展名.html之外的模板名稱從resources/views/目錄中獲取模板。

請試用與模板擴展和包含相關的不同方法。

來源

2016-04-04 06:01:08 Madhukar

如何製作adonis.js視圖？

回答

相關問題