2016-12-16 47 views
1

我正在學習如何開發一個節點應用程序。這是一個應用程序,人們可以發佈城市周圍發生的事件。我應該在ejs文件中使用腳本標記嗎?

我有一個ejs文件new.ejs,它允許用戶提交新事件。顯然有一個事件開始時間和結束時間。我想確保結束時間爲起始時間,所以我只是增加了一個腳本來做到這一點,如下所示:

  <!-- EVENT DATE AND TIME --> 
      <div class=row> 
       <!-- DATE --> 
       <div class="form-group col-md-4"> 
        <label for="date">Date *</label> 
        <input name="date" type="date" class="form-control" id="date"> 
       </div> 
       <!--START TIME --> 
       <div class="form-group col-md-4 "> 
        <label for="starttime">Start Time *</label> 
        <input name="starttime" type="text" class="form-control" id="starttime"> 
       </div> 
       <!--END TIME --> 
       <div class="form-group col-md-4 "> 
        <label for="endtime">End Time *</label> 
        <input name="endtime" type="text" class="form-control" id="endtime"> 
       </div> 
       <script type="text/javascript"> 
        $('#starttime').timepicker(); 
        $('#endtime').timepicker({ 
         'minTime': '12:00am', 
         'showDuration': true 
        }); 
        $('#starttime').on('changeTime', function() { 
         $('#endtime').timepicker('option', 'minTime', $(this).val()); 
        }); 
       </script> 
      </div> <!-- END OF ROW --> 

現在,這工作得很好,但它確實是我想要做的事。然而,我知道EJS被設計爲採用後端(節點)JavaScript代碼並將其渲染到視圖中。

我的問題是:

  1. 是加入一個黑客標籤之間前端代碼?即,這是否正確的編碼練習?如果不是,這樣做的更好方法是什麼?

  2. 現在,我的腳本標記之間只有少量代碼。當我繼續開發應用程序時,如果代碼變得太長會發生什麼?它應該保留在ejs文件中嗎?似乎太亂了......

回答

0
  1. 如果您的應用服務器端呈現(而不是單頁應用程序),那麼你的做法是合理的。

  2. 你可以把JS文件中的代碼在/public文件夾,並配置了節點服務器提供這些文件作爲靜態文件,並在引用這些JS文件.ejs文件添加<script>標籤。

我有一個這樣的實現示例項目。 This將成爲您的ejs文件(我的案例中的玉石),this是您放置腳本文件的地方。最後,將您的應用配置爲從類似this的目錄中提供靜態資源。

+0

謝謝你的回覆!這有幫助 – Asool

相關問題