官术网_书友最值得收藏!

Refactoring the views folder

As we did before, let's change the views folder to the following new structure:

views

  • pages/
  • partials/
  1. Remove the default jade files form views folder.
  2. Create a file called layout.html inside the pages folder and place the following code:
          <!DOCTYPE html> 
          <html> 
          <head> 
          </head> 
          <body> 
              {% block content %} 
              {% endblock %} 
          </body> 
          </html> 
    
  3. Create an index.html inside the views/pages folder and place the following code:
          {% extends 'layout.html' %} 
          {% block title %}{% endblock %} 
          {% block content %} 
          <h1>{{ title }}</h1> 
              Welcome to {{ title }} 
          {% endblock %} 
    
  4. Create an error.html page inside the views/pages folder and place the following code:
          {% extends 'layout.html' %} 
          {% block title %}{% endblock %} 
          {% block content %} 
          <div class="container"> 
              <h1>{{ message }}</h1> 
              <h2>{{ error.status }}</h2> 
              <pre>{{ error.stack }}</pre> 
           </div> 
          {% endblock %} 
    
  5. We need to adjust the views path on app.js, and  replace the code right after var app = express(); function with the following code:
          // view engine setup 
          app.set('views', path.join(__dirname, 'views/pages'));
    

At this time we have completed the first step of starting our MVC application. In the previous chapter we used pretty much of the original structure created by the express command, but in this example we will use the MVC pattern in its full meaning, Model, View, Controller.

主站蜘蛛池模板: 高雄县| 成都市| 绥宁县| 常州市| 武鸣县| 博湖县| 修水县| 雅安市| 尼勒克县| 咸丰县| 西乡县| 南汇区| 乾安县| 锡林浩特市| 临江市| 丹东市| 平定县| 土默特左旗| 吕梁市| 司法| 隆子县| 青铜峡市| 隆尧县| 西吉县| 渝中区| 余江县| 秦安县| 泸西县| 利川市| 利川市| 景宁| 奉节县| 沙河市| 武穴市| 蛟河市| 綦江县| 海兴县| 大余县| 施甸县| 凌海市| 潼南县|