使用jquery和play framework 2.0

Question

我想使用jQuery打開一個燈箱，但它導致了問題。 這是我的Application.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

它給了我錯誤

ReferenceError：$未在firebug中顯示。 我甚至嘗試用jQuery更改$但仍然無法正常工作。 我也看到jQuery被加載到head部分。 幫幫我這個。

conf / routes文件：

# Routes
# This file defines all application routes (Higher priority routes first)
# ~~~~

# Home page
#GET     /                           controllers.Application.index()

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

# Products list (to fetch the list of all the products)
GET     /products                controllers.Application.list

GET     /products/:id           controllers.Application.findAll1(id:Integer)

Answer 1

我認為你的JS路徑是錯誤的。

如果您使用默認的Play配置，您的Javascript路徑應如下所示：

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

更好的是，使用反向路由，你應該使用：

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

靜態資產是通過conf/routes文件中定義的特殊路由提供的：

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

這條路線只是使您的本地之間的結合public文件夾和/assets的URL。

Answer 2

這是引用資產的新方法：

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

更多信息： https ： //www.playframework.com/documentation/2.5.x/Assets

Answer 3

這是Jquery在play框架中使用ajax的簡單示例...配置Route 1st

路線

此文件定義所有應用程序路由（優先級較高的路由優先

~~~~

主頁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 GET / logout
controllers.Application.logout POST / sendRequest
controllers.Application.sendRequest POST / friendDetail
controllers.Application.friendList POST / requestList
controllers.Application.requestList POST / acceptRequest
controllers.Application.acceptRequest GET / shwUserDetail controllers.Application.shwUserDetail

應用程序如下

包控制器

導入models.User import play.api._ import play.api.mvc._ import net.liftweb.json._ import net.liftweb.json.JsonDSL import net.liftweb.json.Serialization.write import

scala.collection.mutable.ListBuffer

object Application extends Controller {implicit val format = DefaultFormats def index = Action {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”）。head val fnm = a.get（“fnm”）。head val lnm = a.get（“lnm”）。head val email = a.get（“email”）。head val res = a.get（“res”）。head val num = a.get（“num”）。head val pwd = a.get（“pwd”）。head

 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 ur 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) 

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

// Ok（views.html.userInfoPage（data））。withSession（“id” - > id）}

def signInUser = Action {Ok（views.html.login（））} def shwUserDetail = Action {implicit request => 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 if（！session.get（“id”）。isEmpty）{val id = session。 get（“id”）。get // val password = b.get（“pwd”）。head

  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 

val sender_id = request.session.get（“id”）。get val data = models.UserModel.friendList（sender_id）

 Ok(views.html.requestConfirmation()) 

def requestList = Action {implicit request => val sender_id = request.session.get（“id”）。get val data = models.UserModel.requestList（sender_id）Ok（write（data））

  } 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))) } } 

痣就像

包模型導入play.api.db._ import play.api.Play.current

import anorm._ import anorm.SqlParser._

case class User（id：String，fnm：String，lnm：String，email：String，res：String，num：String，pwd：String）case class User1（sender_id：String，receiver_id：String）object UserModel {

def create（obj：User）= {

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

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

  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 } } } 

然后配置視圖頁面enter code here

將靜態資源從/ public文件夾映射到/ assets URL路徑GET / assets / *文件controllers.Assets.at（path =“/ public”，file）