Java 在play framework 2.0中使用jquery

我想使用jQuery打开一个lightbox，但这是导致问题的原因。 这是我的应用程序。java代码：

    @(products: List[Products])

    @import helper._

        <script type="text/javascript" src="../public/javascripts/jquery-1.7.2.min.js"></script>
        <!-- Add mousewheel plugin (this is optional) -->
        <script type="text/javascript" src="../public/javascripts/jquery.mousewheel-3.0.6.pack.js"></script>

        <!-- Add fancyBox main JS and CSS files -->
        <script type="text/javascript" src="../public/javascripts/jquery.fancybox.js?v=2.0.6"></script>
        <link rel="stylesheet" type="text/css" href="../public/stylesheets/jquery.fancybox.css?v=2.0.6" media="screen" />


        <script type="text/javascript">
        $(document).ready(function() {

$('.fancybox').fancybox();

// my code
           });
// rest of the code

---

我认为你的JS路径是错误的

如果使用默认播放配置，则Javascript路径应如下所示：

<script type="text/javascript" src="/assets/javascripts/jquery-1.7.2.min.js"></script>
...

---

此路由只是在本地

public

文件夹和

/assets

Url之间进行绑定。

下面是使用ajax in-play框架的Jquery的简单示例。。。 首先配置路由

路线 此文件定义了所有应用程序路由（优先级较高的路由优先） ~~~~ 主页GET/controllers.Application.index GET/newUser controllers.Application.newUserSign GET/login controllers.Application.signInUser GET/newUserSignUP
controllers.Application.newUserSignUP1 POST/newUserSignUP
controllers.Application.newUserSignUP POST/signIn
controllers.Application.signIn POST/userDetail
controllers.Application.userDetail获取/注销
controllers.Application.logout POST/sendRequest
controllers.Application.sendRequest POST/friendDetail
controllers.Application.friendList POST/requestList
controllers.Application.requestList POST/acceptRequest
controllers.Application.acceptRequest获取/shwUserDetail controllers.Application.shwUserDetail

应用程序如下所示

包控制器

导入模型。用户导入play.api.\uImport play.api.mvc.\uImport net.liftweb.json.\uimport net.liftweb.json.JsonDSL import net.liftweb.json.Serialization.write导入

scala.collection.mutable.ListBuffer

对象应用程序扩展控制器{隐式val格式= DefaultFormats def index=操作{ Ok（views.html.index（））}def newUserSign=Action{ Ok（views.html.newUserSignUpForm（））}def newUserSignUP=Action{implicit request=> val a=request.body.asFormUrlEncoded val id=a.get（“id”）.头 val fnm=a.get（“fnm”）.头 val lnm=a.get（“lnm”）.头 val email=a.get（“email”）.head val res=a.get（“res”）头 val num=a.get（“num”）.head val pwd=a.get（“pwd”）.压头

重定向（routes.Application.shwUserDetail）.withSession（“id”->id）

//Ok（views.html.userInfoPage（data））.with session（“id”->id） }

def signInUser=Action{Ok（views.html.login（））}def shwUserDetail=操作{ 隐式请求=> val id=request.session.get（“id”）.get val usrDetail=models.UserModel.userDetail（id） Ok（views.html.userInfoPage（usrDetail））}def userDetail=Action{implicit request=> val b=request.body.asFormUrlEncoded 如果（！session.get（“id”）.isEmpty）{ val id=session.get（“id”）.get //val password=b.get（“pwd”）.head

val sender_id=request.session.get（“id”）.get val数据= models.UserModel.friendList（发送者id）

}def requestList=操作{隐式请求=> val sender_id=request.session.get（“id”）.get val data=models.UserModel.requestList（发送方id） 正常（写入（数据））

鼹鼠和我一样

包模型导入play.api.db.\uimport play.api.play.current

导入anrom.\uu导入anrom.SqlParser_

案例类用户（id:String，fnm:String，lnm:String，email:String， res:String，num:String，pwd:String）case类 User1（发送方id:String，接收方id:String）对象UserModel{

def创建（对象：用户）={

obj.id，“fnm”->obj.fnm，“lnm”->obj.lnm，“email”->obj.email，“res” ->obj.res，“num”->obj.num，“pwd”->obj.pwd）.executeUpdate（）

大宗报价

然后配置查看页面

在此处输入code

将静态资源从/public文件夹映射到/assets URL路径GET/assets/*file controllers.assets.at（path=“/public”，file）

---

这是参考资产的新方法：

@routes.Assets.versioned("javascripts/jquery-3.1.1.js")

更多信息请点击此处：

---

路径是正确的。我看到js文件甚至在标题部分被加载。我在问题中添加了请尝试我的解决方案，因为通过查看您的

路由

文件，我不知道您的js路径是否正常……请查看我上一次的编辑，以便使用反向路由；-）wtf是如此混乱……这是helpful不允许任何人使用。请遵循以下解决方案：

<script type="text/javascript" src="@routes.Assets.at("/javascripts/jquery-1.7.2.min.js")"></script>
...

# Map static resources from the /public folder to the /assets URL path
GET     /assets/*file               controllers.Assets.at(path="/public", file)

val obj = User(id, fnm, lnm, email, res, num, pwd);
if (models.UserModel.create(obj) > 0) {
  Ok(views.html.newUserWlcmPage())
} else {
  Ok(views.html.Error())
}

//Ok(" congratulation u r finally registered.. your  id is " + id + "  & your name is => " + fnm + " And you lives in ::" + res)   }   def newUserSignUP1 = Action {
Ok(views.html.newUserWlcmPage())   }
def signIn = Action { implicit request =>
val a = request.body.asFormUrlEncoded
val id = a.get("id").head
val pwd = a.get("pwd").head
val data = models.UserModel.userDetail(id, pwd)

  val data = models.UserModel.getAllUserDetail(id)
  Ok(write(data))
} else {
  Ok("")
}   }   def sendRequest = Action { implicit request =>
val b = request.body.asFormUrlEncoded.get
val receiver_id = b.get("receiver_id").get(0)
val sender_id = request.session.get("id").get
val data = models.UserModel.friendRequest(sender_id, receiver_id)
Ok(write(Map("sucess"->true)))   }   def logout() = Action {
println("You are successfully logout")
Ok(views.html.logout()).withNewSession   }   def friendList = Action { implicit request =>   val b = request.body.asFormUrlEncoded  

Ok(views.html.requestConfirmation())

  }
def acceptRequest = Action { implicit request =>
val b = request.body.asFormUrlEncoded.get
val friend_id = b.get("friend_id").get(0)
val user_id = request.session.get("id").get
val data = models.UserModel.acceptRequest(friend_id, user_id)
Ok(write(Map("sucess"->true)))   }    } 

DB.withConnection { implicit Connection =>

  val data = SQL("insert into user_detail values({id},{fnm},{lnm},{email},{res},{num},{pwd})").on("id" ->

  data
}   }   def userDetail(id: String, pwd: String): List[User] = {
DB.withConnection { implicit Connection =>
  val dat = SQL("select * from user_detail where id='" + id + "' and pwd='" + pwd +"'")
  var data = dat().map(row =>
    User(row[String]("id"),row[String]("fnm"), row[String]("lnm"), row[String]("email"),row[String]("res"),row[String]("num"),row[String]("pwd"))).toList
  data
}   }   def userDetail(id: String): List[User] = {
DB.withConnection { implicit Connection =>
  val dat = SQL("select * from user_detail where id='" + id + "'")
  var data = dat().map(row =>
    User(row[String]("id"),row[String]("fnm"), row[String]("lnm"), row[String]("email"),row[String]("res"),row[String]("num"),row[String]("pwd"))).toList
  data
}   }   def friendRequest(sender_id:String,receiver_id:String)={
DB.withConnection{ implicit c=>
  val result=SQL("insert into request_table values ({sender_id},{receiver_id})").on("sender_id"->sender_id,"receiver_id"->receiver_id).executeInsert()
  println("------------------------------------\n"+result);     
  result
}
  }   def getAllUserDetail(id: String) = {
DB.withConnection { implicit Connection =>
val dat = SQL("select * from user_detail where id!='" + id +"'")
var data = dat().map(row =>
 User(row[String]("id"),row[String]("fnm"), row[String]("lnm"), row[String]("email"),row[String]("res"),row[String]("num"),row[String]("pwd"))).toList
data
}    }
 def friendList(user_id: String) = {
DB.withConnection { implicit Connection =>
val dat = SQL("select * from friend_tbl where id!='" + user_id +"'")
var data = dat().map(row =>
 User(row[String]("id"),row[String]("fnm"), row[String]("lnm"), row[String]("email"),row[String]("res"),row[String]("num"),row[String]("pwd"))).toList
data
}    }   def requestList(sender_id: String) = {
DB.withConnection { implicit Connection =>
val dat = SQL("select receiver_id from request_table where sender_id='" + sender_id +"'")
var data = dat().map(row =>
 row[String]("receiver_id")).toList
 data
}    }   def acceptRequest(friend_id:String, user_id:String)={
DB.withConnection{ implicit c=

  val result=SQL("insert into friend_tbl values ({friend_id},{user_id})").on("friend_id"->friend_id,"user_id"->user_id).executeInsert()
  println("------------------------------------\n"+result);     
  result
}
  } }  

@routes.Assets.versioned("javascripts/jquery-3.1.1.js")