3

「about_me」、「contact_us」、「home」など、同じテンプレートスタイルに従う必要がある複数のページが必要なVelocityテンプレートを使用しています。これらのページはすべて同じヘッダー、左メニュー、および異なるもののみを持ちます内容です。たとえば、< div id="page-content" > の 1 つを除いて、それらすべての HTML はまったく同じです。

<html>
  <head>
    .. some common css and js 
  </head>

   <body>
    <div id="main-content">
     <div id="header"> 
       Main Menu Bar on top 
     </div>
     <div id="left-menu"> 
       Menus on the left
     </div>
     <div id="page-content"> 
       I could be contact us, or home or about us.
     </div>
    </div>
   </body>
</html>

私が行った方法の 1 つは、ヘッダーとサイド メニューに個別の .vm ファイルを用意し、aboutus.vm、contactus.vm、home.vm のそれぞれにインポートすることですが、これには多くの重複コードがあります。すべてをテンプレートとして定義し、「ページ コンテンツ」だけを .vm ファイルで定義する方法はありますか?

4

1 に答える 1