2016-12-16 48 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

相关问题