java - 玩2.0模板重用页脚模板的正确方法-6ren

java - 玩2.0模板重用页脚模板的正确方法

转载作者：行者123 更新时间：2023-11-30 04:41:59

25

4

我有一个页脚模板，其中包含用于电子邮件订阅的输入和提交。页脚由每个页面使用。订阅成功后，会重定向回当前页面。但是，我发现我正在传递一个字符串值来指示当前页面是什么。为 Play 2.0 应用程序提供页脚模板的最佳方式是什么？

footer.scala.html

@(page: String)
<div id="footer">
    <div class="input-append">
        <form action="@routes.ApplicationController.saveSubscription(page)"
                                method="post">
        <input type="text" name="emailAddress" placeholder="Your Email" />
        <input class="btn" type="submit" value="Subscribe" />
        </form>
    </div> <!-- /input-append -->  
</div> <!-- /footer -->

ApplicationController.java

public class ApplicationController extends Controller {
    public static Result saveSubscription(String page) {
        ..........
        flash("success", "success message");
        if (page.equals("page1")) {
            return redirect(routes.ApplicationController.page1());
        } else if (page.equals("page2")) {
            return redirect(routes.ApplicationController.page2());
        } 
    }
}

page1.scala.html

@main("Page 1") {
    <div>
    <p>page 1</p>
    </div>
    @footer("page1")
}

page2.scala.html

@main("Page 2") {
    <div>
    <p>page 2</p>
    </div>
    @footer("page2")
}

编辑 1

我关注@virtualeyes，但似乎 subscribe.js 从未被调用过。这是新设置。

main.scala.html

<html>
    <head>
        <script type="text/javascript" src="@routes.Assets.at("javascripts/jquery.min.js")"></script>
    <script type="text/javascript" src="@routes.Assets.at("javascripts/vendor/jquery.validate.min.js")"></script>
    <script src="@routes.Assets.at("javascripts/main.js")" type="text/javascript"></script>
    <script src="@routes.Assets.at("javascripts/subscribe.js")" type="text/javascript"></script>

    </head>
    <body>
       @footer()
    </body>
</html>

footer.scala.html

<div id="footer">
    <div class="input-append">                  
      <form id="_form" action="@routes.ApplicationController.simpleSubscription()">
        <input type="text" name="emailAddress" placeholder="Your Email" />
        <input id="_process" class="btn" type="submit" value="Subscribe" />
      </form>
    </div> <!-- /input-append -->  
</div> <!-- /footer -->

路线

POST    /subscribe  controllers.ApplicationController.simpleSubscription()

现在我得到了他的错误:未找到操作对于请求“GET/subscribe?emailAddress=fdsaf%40rte.com”

我不确定是否是因为 method="post"被删除了。如果我把它放回去，那么结果将返回，但会重定向到/subscribe 页面。我还在 subscribe.js 设置了一个断点，但它似乎根本没有被调用。

编辑 2 - 工作

在我对 subscribe.coffee 进行了一些更改并删除了 main.coffee 之后，现在它可以工作了。

订阅.coffee

$('#_process').click (e) ->
  e.preventDefault()

  isValid = $('#_form').validate().form()
  if isValid
    $('#_process').spin()
    $.ajax
      type: "POST"
      url:  $('#_form').attr('action')
      data: $('#_form').serialize()
      success: (data) ->
        $('#_status > div').removeClass('alert-error').addClass('alert-success')
        $('#_status > div').html( data )
        $('#_status').fadeIn()
        fade = () -> $('#_status').fadeOut('slow')
        setTimeout fade, 2000
        $('#_process').spin('stop')

      error: (data) ->
        $('#_status > div').removeClass('alert-success').addClass('alert-error')
        $('#_status > div').html( data.responseText )
        $('#_status').fadeIn()
        fade = () -> $('#_status').fadeOut('slow')
        setTimeout fade, 2000
        $('#_process').spin('stop')

      complete: () -> $('#_process').spin('stop')

footer.scala.html

 <div id="_status">
    <div class="alert alert-error"></div>
 </div>
 <div class="input-append">
    <form id="_form" action="@routes.ApplicationController.simpleSubscription">
       <input type="text" name="emailAddress" placeholder="Your Email" />
       <input id="_process" class="btn" type="submit" value="Subscribe" />
    </form>
    <div id="_spin"></div>
  </div> <!-- /input-append -->

The spin() function is from https://github.com/pshizzle/spin.coffee

最佳答案

AJAX 就是出路™

//footer.scala.html
<div id="footer">
  <div class="input-append">
    <form id="_form" action="@routes.ApplicationController.saveSubscription">
      <input type="text" name="emailAddress" placeholder="Your Email" />
      <input id="_process" class="btn" type="submit" value="Subscribe" />
      <img id="spinner" src="/assets/img/loader.gif" alt="loading..." />
    </form>
  </div>
</div>

<div id="status">
  <div class="alert alert-error"></div>
</div>
<style type="text/css">
  #spinner, #status { display: none; }
</style>

//ApplicationController.java
public class ApplicationController extends Controller {
  public static Result saveSubscription() {
    // save subscription
    ...
    // pseudo code
    if(success) 
      Ok( i18n("subscription success").toJson() );
    else
      Conflict( i18n("subscription fail").toJson() );
  }
}

//main.coffee
jQuery ->
  $.ajaxSetup
    type:     "POST"
    cache:    false
    dataType: "json"

  # prevent form submit on keypress
  $('form').find('input').keypress (e) -> e.preventDefault() if(e.which == 13)

  jParse = (data) -> 
    try jQuery.parseJSON(data)
    catch e
      data

  jText = (data) -> jParse(data.responseText)

  toSuccess = (msg) -> 
    $('#status > div').removeClass('alert-error').addClass('alert-success')
    $('#status > div').html( jParse(msg) )
    $('#status').fadeIn()

  toFail = (data) -> 
    $('#status > div').html( jText(data) )
    $('#status').fadeIn()

//subscribe.coffee
jQuery ->
  $('#_process').click (e) ->
    e.preventDefault()

    isValid = $('#_form').validate().form() // assumes jQuery validation plugin
    if isValid
      $('#spinner').show()
      $.ajax
        data: $('#_form').serialize()
        success: (msg) ->
          toSuccess(msg)
          fade = () -> $('#status').fadeOut('slow')
          setTimeout fade, 2000

        error: (data) -> toFail(data)

        complete: () -> $('#spinner').hide()

关于java - 玩2.0模板重用页脚模板的正确方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12061144/

25

4

0

文章推荐： c++ - 在基类中创建派生类的对象

文章推荐： android - tabwidget 中的 Activity 生命周期

文章推荐： c++ - 如何避免 cast operator() 和 access operator[] 冲突？

文章推荐： Android DDMS 来电似乎不适用于具有 Google API 级别 11 的 AVD

scala - 玩!框架数据库脚本应用程序错误
我正在尝试创建一个数据库来处理我在 Play 中的任务!框架。这是我所拥有的: 在build.sbt中: libraryDependencies ++= Seq( jdbc, cache,
scala - 玩!错误重载方法值映射与替代方案？
在我的游戏中定义一个表单!当编译器吐出这个奇怪的错误时 Controller :重载方法值映射与替代:...[一堆废话]...Error occurred in an application invo
constraints - 玩! - 最大约束不起作用
我的应用程序有问题，@Max约束注释。我的 Controller 方法定义如下: public static void save(@Required @Max(255) String content
playframework - 玩!如何在模板标签中检索具有实体和字段名称作为参数分别传递的字段值？
我想创建一个像这样的标签: #{some_tag entity:user, field:'name'} 并期望它通过使用如下表达式生成带有用户名的输出: ${_entity._field} 我知道这行
java - 玩!删除时的框架参照完整性约束
我创建了一些 Model 对象来代表一家拥有多个客户的公司，以及一个由公司和客户组合以及多个发票行组成的发票对象。我创建了以下模型对象: @Entity public class Company ex
scala - 玩!框架或类型安全堆栈
Playframework 现在是 typesafe-stack 的一部分。那么，如果我要使用像主要语言一样的 Scala ，我现在应该下载什么？ TypsafeStack 还是 PlayFrame
jpa - 玩!框架立即保存？
在玩!如果你这样称呼: void method() { User u = User(); u.name = "bob"; u.save(); while(true){/* endless loop *
jpa - 玩!框架历史数据变化
我正在 Play 中构建一个应用程序!包含大量我想跟踪更改的数据的框架。在企业解决方案中，我可能会使用数据库触发器将更改复制到历史表中以跟踪这些更改。我不熟悉 Play!/JPA 中的类似范例，但也许
javascript - 。玩();不适用于html5音频
我一直在学习JavaScript技能，但是遇到一个问题，当单击此处是我的代码时，音频没有被播放。 Your browser does no
java - 玩!保存模型操作后的行为
我想实现在某些模型保存后在表中插入一行的行为。我当前的解决方案简而言之是:(这只是我的代码示例，因此请不要评论数据库或描述符模型的正确性)。我有一个监听器，用于在更新/插入实体上插入行为行 Desc
java - 玩! - 独特的模型领域
如何使我的模型类字段独一无二？例如。如果已经登录，我想为用户显示正确的消息。我必须自己编写验证检查并使用它，或者可以使用 JPA @UniqueConstraint？最佳答案我是这样做的: @En
hash - 玩!哈希密码返回错误结果
我使用的是 Play 1.2.1。我想对我的用户密码进行哈希处理。我认为 Crypto.passwordHash 会很好，但事实并非如此。 passwordHash 文档说它返回 MD5 密码哈希值。
java - 玩!框架强化流程
我一直在研究戏剧!框架模块并希望扩展它，添加一些功能。我发现了一个从Enhancer(play.classloading.enhancers.Enhancer)扩展的类，但不明白为什么Play!采用了
java - 玩!验证不起作用
我使用的是 Play Framework 1.2.5。我有几个与 NAme 和 Age 字段相关的验证。年龄验证无法正常工作。即使年龄大于 18 岁，我也会收到错误消息。下面是action方法中的验
java - 玩!模板语法
我使用的是 Play Framework 1.2.5。两者有什么区别: @{Application.render()} 和 @Application.render() 第一个最好用在表单 Action
java - 玩!表格总是有错误
我是新来的!我被一些总是有错误的表格所困扰。即使所有字段都已填写，我也无法弄清楚问题是什么。路线 GET /products/ controllers.Pr
java - 玩!框架保存表单中的行列表
我显示可编辑的数据库表行的列表。我想允许用户编辑显示表中的数据并同时保存所有更新。我应该如何取回 Controller 的更新列表？最佳答案由于 Play 可以绑定(bind)到 POJO，也可以
java - 玩! - 动态结束作业
那么，假设我从 Controller 异步启动一个作业，然后渲染一些模板。 MyJob job = new MyJob(); job.doJob(); render(); 我的工作看起来像: 导入 p
java - 玩!框架升级复杂性
当前使用的 Play Framework 为 2.0.4。当我尝试使用此命令升级到 2.6.21 时: addSbtPlugin("com.typesafe.play"% "sbt-plugin"%
java - 玩!框架日志记录仅适用于系统级别
我目前正在与 Play 合作!框架和看来日志记录只适用于游戏!仅但对于具有 LOGGER 初始化的类不起作用。这是 logback.xml ${application.hom

首页

博学

6Ren·AI

商城

java - 玩2.0模板重用页脚模板的正确方法