Groovy轻松入门——Grails实战之Ajax篇

分类：Groovy作者：佚名

Ajax虽是“旧酒装新瓶”，但其威力着实不小。近两年来可谓红透半边天，它之所以能为大众接受，其中一个很大的原因就是提高了用户浏览体验，能更逼真的模拟出GUI界面。好了，Ajax的益处就说到这里，下面让我们看下Grails是如何帮助我们方便地应用Ajax的:

如果您对下面说设计的内容有点不解，那么您可以先看一下 Groovy轻松入门——Grails实战基础篇，然后开始我们的Ajax之旅。

1,在命令行中输入：“grails create-app AjaxDemo”（注意：不带引号“”）创建一个Grails project，我将它命名为AjaxDemo：

D:/Temp/grails_apps>grails create-app AjaxDemo

Welcome to Grails 0.5 - http://grails.org/
Licensed under Apache Standard License 2.0
Grails home is set to: D:/D/MY_DEV/grails-0.5

Base Directory: D:/Temp/grails_apps
Environment set to production
Note: No plugin scripts found
Running script D:/D/MY_DEV/grails-0.5/scripts/CreateApp.groovy
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/src
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/src/java
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/src/groovy
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/src/test
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/grails-app
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/grails-app/controllers
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/grails-app/jobs
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/grails-app/services
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/grails-app/domain
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/grails-app/taglib
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/grails-app/utils
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/grails-app/views
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/grails-app/views/layouts
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/grails-app/i18n
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/grails-app/conf
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/grails-tests
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/scripts
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/web-app
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/web-app/js
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/web-app/css
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/web-app/images
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF/classes
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/web-app/META-INF
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/lib
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/spring
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/hibernate
[propertyfile] Creating new property file: D:/Temp/grails_apps/AjaxDemo/application.properties
     [copy] Copying 2 files to D:/Temp/grails_apps/AjaxDemo
     [copy] Copying 2 files to D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF
     [copy] Copying 1 file to D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF
     [copy] Copying 5 files to D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF/tld
     [copy] Copying 119 files to D:/Temp/grails_apps/AjaxDemo/web-app
     [copy] Copying 1 file to D:/Temp/grails_apps/AjaxDemo/grails-app/conf
     [copy] Copying 1 file to D:/Temp/grails_apps/AjaxDemo/grails-app/conf
     [copy] Copying 1 file to D:/Temp/grails_apps/AjaxDemo/grails-app/conf
     [copy] Copying 1 file to D:/Temp/grails_apps/AjaxDemo/grails-app/conf
     [copy] Copying 13 files to D:/Temp/grails_apps/AjaxDemo/grails-app
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/plugins/core/grails-app/taglib
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/plugins/core/grails-app/utils
     [copy] Copying 7 files to D:/Temp/grails_apps/AjaxDemo/plugins/core/grails-app/taglib
     [copy] Copying 4 files to D:/Temp/grails_apps/AjaxDemo/plugins/core/grails-app/utils
     [copy] Copying 1 file to D:/Temp/grails_apps/AjaxDemo/spring
     [copy] Copying 1 file to D:/Temp/grails_apps/AjaxDemo
     [copy] Copying 1 file to D:/Temp/grails_apps/AjaxDemo
     [copy] Copying 1 file to D:/Temp/grails_apps/AjaxDemo
[propertyfile] Updating property file: D:/Temp/grails_apps/AjaxDemo/application.properties
Created Grails Application at D:/Temp/grails_apps/AjaxDemo
D:/Temp/grails_apps>


2，“cd AjaxDemo”，进入AjaxDemo目录，输入“grails create-domain-class User”，创建一个域类User：

D:/Temp/grails_apps/AjaxDemo>grails create-domain-class User

Welcome to Grails 0.5 - http://grails.org/
Licensed under Apache Standard License 2.0
Grails home is set to: D:/D/MY_DEV/grails-0.5

Base Directory: D:/Temp/grails_apps/AjaxDemo
Environment set to production
Running script D:/D/MY_DEV/grails-0.5/scripts/CreateDomainClass.groovy
     [copy] Copying 1 file to D:/Temp/grails_apps/AjaxDemo/grails-app/domain
Created  for User
     [copy] Copying 1 file to D:/Temp/grails_apps/AjaxDemo/grails-tests
Created Tests for User
D:/Temp/grails_apps/AjaxDemo>


3，“grails generate-all User”，生成scaffolding code（如：list.gsp等）：

D:/Temp/grails_apps/AjaxDemo>grails generate-all User

Welcome to Grails 0.5 - http://grails.org/
Licensed under Apache Standard License 2.0
Grails home is set to: D:/D/MY_DEV/grails-0.5

Base Directory: D:/Temp/grails_apps/AjaxDemo
Environment set to production
Running script D:/D/MY_DEV/grails-0.5/scripts/GenerateAll.groovy
Compiling sources 


    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF/lib
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF/spring
     [copy] Copying 34 files to D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF/lib
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF/grails-app/i18n
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF/grails-app/views
     [copy] Copying 2 files to D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF/grails-app/views
    [mkdir] Created dir: D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF/templates/scaffolding
     [copy] Copying 5 files to D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF/templates/scaffolding
[native2ascii] Converting 7 files from D:/Temp/grails_apps/AjaxDemo/grails-app/i18n to D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF/grails-app/i1
8n
     [copy] Copying 1 file to D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF/spring
     [copy] Copying 1 file to D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF/classes
     [copy] Copying 1 file to D:/Temp/grails_apps/AjaxDemo/web-app/WEB-INF/classes
Generating views for domain class [User]
Generating list view for domain class [User]
list view generated at D:/Temp/grails_apps/AjaxDemo/./grails-app/views/user/list.gsp
Generating show view for domain class [User]
Show view generated at D:/Temp/grails_apps/AjaxDemo/./grails-app/views/user/show.gsp
Generating edit view for domain class [User]
Edit view generated at D:/Temp/grails_apps/AjaxDemo/./grails-app/views/user/edit.gsp
Generating create view for domain class [User]
Create view generated at D:/Temp/grails_apps/AjaxDemo/./grails-app/views/user/create.gsp
Generating controller for domain class [User]
Controller generated at ./grails-app/controllers/UserController.groovy
D:/Temp/grails_apps/AjaxDemo>


4，修改AjaxDemo/grails-app/controllers/UserController.groovy的内容为：

            
 class  UserController {
    def index  =  { redirect(action:list,params:params) }

     //  the delete, save and update actions only
     //  accept POST requests
    def allowedMethods  =  [delete: ' POST ' ,
                          save: ' POST ' ,
                          update: ' POST ' ]

    def list  =  {
         if ( ! params.max)params.max  =   10
        [ userList: User.list( params ) ]
    }

    def show  =  {
        [ user : User.get( params.id ) ]
    }

    def delete  =  {
        def user  =  User.get( params.id )
         if (user) {
            user.delete()
            flash.message  =   " User ${params.id} deleted. "
            redirect(action:list)
        }
         else  {
            flash.message  =   " User not found with id ${params.id} "
            redirect(action:list)
        }
    }

    def edit  =  {
        def user  =  User.get( params.id )

         if ( ! user) {
                flash.message  =   " User not found with id ${params.id} "
                redirect(action:list)
        }
         else  {
             return  [ user : user ]
        }
    }

    def update  =  {
        def user  =  User.get( params.id )
         if (user) {
             user.properties  =  params
             if (user.save()) {
                redirect(action:show,id:user.id)
            }
             else  {
                render(view: ' edit ' ,model:[user:user])
            }
        }
         else  {
            flash.message  =   " User not found with id ${params.id} "
            redirect(action:edit,id:params.id)
        }
    }

    def create  =  {
        def user  =   new  User()
        user.properties  =  params
         return  [ ' user ' :user]
    }

    def save  =  {
        def user  =   new  User()
        user.properties  =  params
         if (user.save()) {
            redirect(action:show,id:user.id)
        }
         else  {
            render(view: ' create ' ,model:[user:user])
        }
    }

     //  自己添加的Closure ajax定义
    def ajax  =  {}
    
     //  自己添加的Closure sayHello定义
    def sayHello  =  {
        render  " [${new Date()}] Hello, ${params.name} "
    }

}

添加sayHello闭包的目的很明显，因为客户端需要调用。那为什么还要添加ajax这个闭包呢？其实添加 ajax 这个闭包的目的是使http://localhost:8080/AjaxDemo/user/ ajax 这个请求合法化，否则会发生404错误，找不到页面：

HTTP ERROR: 404

Not Found

RequestURI=/AjaxDemo/user/ajax

Powered by Jetty://


所以被客户端请求的 每个 gsp页面，都需要在相应的Controller中添加以gsp文件名为变量名的Closure，如上面的ajax.gsp和ajax = {}所示，其中Closure中可以添加相关代码，我们这里仅仅是做Ajax的演示，所以就不需要代码



5，在AjaxDemo/grails-app/views/user目录下，新建ajax.gsp，用来演示remoteLink的用法，内容为：

< g:javascript  library ="prototype"   />


< div  id ="hello" > Content will be displayed here </ div >

< g:remoteLink  action ="sayHello"  params ="[name:'BlueSUN']"  update ="hello" >Say Hello </ g:remoteLink >

params表示要传递的参数，而update表示返回结果显示的地方，注意update="hello"中的hello对应于div的id，表示结果将显示于div所在处。

点击链接后的界面：

[Fri May 11 17:46:47 CST 2007] Hello,BlueSUN

Say Hello

6，修改AjaxDemo/grails-app/views/user/ ajax.gsp，演示formRemote的用法，内容为：

< g:javascript  library ="prototype"   />


< div  id ="hello" > Content will be displayed here </ div >
< div  id ="error" ></ div >

< g:remoteLink  action ="sayHello"  params ="[name:'BlueSUN']"  update ="hello" > Say Hello </ g:remoteLink >

< hr  />

< g:formRemote  name ="test"  url ="[controller:'user',action:'sayHello']"  update ="[success:'hello',failure:'error']" >
     < input  type ="text"  name ="name"  value ="BlueSUN"   />
     < input  type ="submit"  value ="Say Hello"   />
</ g:formRemote  >
原本用params传递的参数，现在可以以form的形式传递了，将想传递的内容输入name的textfield中即可。

默认值我设为BlueSUN，现在我将值改为terry，点击Say Hello按钮，结果如下：

[Fri May 11 18:16:17 CST 2007] Hello,terry

Say Hello



7，修改AjaxDemo/grails-app/views/user/ ajax.gsp和AjaxDemo/grails-app/controllers/UserController.groovy，演示remoteField的用法：
ajax.gsp:

< g:javascript  library ="prototype"   />


< div  id ="hello" > Content will be displayed here </ div >
< div  id ="error" ></ div >

< g:remoteLink  action ="sayHello"  params ="[name:'BlueSUN']"  update ="hello" > Say Hello </ g:remoteLink >

< hr  />

< g:formRemote  name ="test"  url ="[controller:'user',failure:'error']" >
     < input  type ="text"  name ="name"  value ="BlueSUN"   />
     < input  type ="submit"  value ="Say Hello"   />
</ g:formRemote  >

< hr  />

< g:remoteField  action ="sayHello2"  update ="hello"   name ="name"  value =""   />

UserController.groovy:
            
 class  UserController {
    def index  =  { redirect(action:list,params:params) }

     //  the delete, save and update actions only
     //  accept POST requests
    def allowedMethods  =  [delete: ' POST ' ,
                          save: ' POST ' ,
                          update: ' POST ' ]

    def list  =  {
         if ( ! params.max)params.max  =   10
        [ userList: User.list( params ) ]
    }

    def show  =  {
        [ user : User.get( params.id ) ]
    }

    def delete  =  {
        def user  =  User.get( params.id )
         if (user) {
            user.delete()
            flash.message  =   " User ${params.id} deleted. "
            redirect(action:list)
        }
         else  {
            flash.message  =   " User not found with id ${params.id} "
            redirect(action:list)
        }
    }

    def edit  =  {
        def user  =  User.get( params.id )

         if ( ! user) {
                flash.message  =   " User not found with id ${params.id} "
                redirect(action:list)
        }
         else  {
             return  [ user : user ]
        }
    }

    def update  =  {
        def user  =  User.get( params.id )
         if (user) {
             user.properties  =  params
             if (user.save()) {
                redirect(action:show,id:user.id)
            }
             else  {
                render(view: ' edit ' ,model:[user:user])
            }
        }
         else  {
            flash.message  =   " User not found with id ${params.id} "
            redirect(action:edit,id:params.id)
        }
    }

    def create  =  {
        def user  =   new  User()
        user.properties  =  params
         return  [ ' user ' :user]
    }

    def save  =  {
        def user  =   new  User()
        user.properties  =  params
         if (user.save()) {
            redirect(action:show,id:user.id)
        }
         else  {
            render(view: ' create ' ,model:[user:user])
        }
    }

     //  自己添加的Closure ajax定义
    def ajax  =  {}
    
     //  自己添加的Closure sayHello定义
    def sayHello  =  {
        render  " [${new Date()}] Hello, ${params.name} "
    }
    
     //  自己添加的Closure sayHello2定义
    def sayHello2  =  {
        render  " [${new Date()}] Hello, ${params.value} "
    }

}
由于 用remoteField传递过来的参数名为value，又为了保留以前的演示，所以再定义一个sayHello2闭包，注意是params.value而非params.name

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

20180829系统超时问题回顾
背景：    8月29日，凌晨4点左右，某服务告警，其中一个节点直接down掉，收到告警的同事让运维重启。    9点左右，内存监控上发现内存异常，堆内存涨速很快，即便GC也没有什么效果，频繁GC。    9点38，服务各种超时，影响整个app使用。处理方式：    当时由于很想要
Common tasks that you can perform with the Groovy Script test step
https://support.smartbear.comeadyapi/docs/soapui/steps/groovy.htmlGettestcaseobjectToobtaintheobjectwhichreferstothecontainingtestcase,usethefollowingcodesnippet:Groovy def case=testRunner.testCase; Byusingthe tes
Beanshell vs JSR223 vs Java JMeter脚本：性能关闭你一直在等待！
有几个选项可用于执行自定义JMeter脚本并扩展基线JMeter功能。查看最流行的扩展机制，比较性能并分析哪一个是最好的。  这是乐队之战，JMeter风格。 BeanshellV.JSR223V.JavaRequestSampler 在我们之前的帖子中，  JMeterPerformance和TuningTips  （ 由fantastik
Groovy和Java互调
Scala和Java为静态语言，Groovy为动态语言Scala:函数式编程，同时支持面向对象Groovy:jvm上的脚本，较好兼容java语法，Groovy加强了Java集成。 可配置化的优势，可以将一些简单的逻辑公开给外部编辑和使用，增强了互操作性，复杂逻辑来说，可配置化代码的调试则会比较麻烦 Scala和Java
soapui groovy脚本汇总
出处：https://www.jianshu.com/p/ce6f8a1f66f4一、一些内部元件的访问testRunner.testCase开头1、向下访问testRunner.testCase.testSteps[testStepName]testRunner.testCase.getTestStepByName("新增一个空间")2、向上访问，用于访问同一项目中的其他testSuites和testCase下
groovy.lang.GroovyRuntimeException: Conflicting module versions
在运行groovy的junit方法时，报了这个错误：java.lang.ExceptionInInitializerError atorg.codehaus.groovy.reflection.ClassInfo.isValidWeakMetaClass(ClassInfo.java:271) atorg.codehaus.groovy.reflection.ClassInfo.getMetaClassForClass(ClassInfo.java:241) atorg.codeha
Groovy常用语法汇总
基本语法1.Grovvy的注释分为//和/**/和java的一样.2.Grovvy语法可以不已分号结尾.3.单引号,里面的内容严格的对应java中的String,不对$符号进行转义.defs1='iamastudent$'printlns1iamastudent$4.双引号“”的内容中如果有$号的话,会先对表达式先求值.de
2019年3月编程语言排行榜：Java稳居第一
Tiobe发布了最新一期（3月份）编程语言欢迎度榜单，其榜单根据互联网上有经验的程序员、课程和第三方厂商的数量，并使用搜索引擎（如Google、Bing、Yahoo!）以及Wikipedia、Amazon、YouTube统计出排名数据。TOP5几乎没有变化，Java和C语言牢牢占据前两名。Python相较去年上升一位进入TOP3，C++下
java – 在CrafterCMS中,如何添加一个验证某个范围的数字控件？
我有一个Google地图组件,作者可以在其中指定纬度和经度.我正在使用带有正则表达式的常规“输入”类型控件来验证它们是否是数字,但是,当试图解决指定范围的问题时(经度验证该值在[-180,180]内并且纬度[-90,90])但是,通过正则表达式进行验证似乎很麻烦,而且利用inputtype=“numb
java – Spring Boot与Groovy模板 – 无法迭代ModelAndView中的列表
我正在为未来的应用程序评估SpringBoot,并希望使用Groovy模板来实现其纯粹的可读性.不幸的是,我在迭代我添加到控制器返回的ModelAndView对象的对象列表时遇到了麻烦.这是我的控制器：@RestController@RequestMapping("/ships")publicclassShipsController{@Autowired
java – 从groovy调用Spring组件
我有一个基于Spring的java应用程序,其中包含一些有用的组件.作为系统的一部分,我有一个groovy脚本,来处理一些报告.我想从groovy脚本中调用spring组件.当我用Java编写时,我需要在@Component中使用@Autowired注释,即@ComponentclassReporter{@AutowiredSearchServicesearchS
spring – Grails – 覆盖resources.groovy中的bean属性值
在Grailsi18n插件definedthusly中定义了一个messageSourcebean：messageSource(PluginAwareResourceBundleMessageSource){basenames=baseNames.toArray()fallbackToSystemLocale=falsepluginManager=manager....}是否可以覆盖我的resources.groovy中的fa
java – 是否有工具将数据库表反向工程为JPA Groovy实体类？
我正在寻找一种方法来反向工程RDBMS表(MSSQLServer)并生成JPA@EntityGroovy类.我们目前没有选择使用Grails和/或GORM,因此Grailsdb-reverse-engineer插件似乎很接近但不太正确.它生成符合GORM的类而不是JPA实体类.我们目前有一个gradle构建,它利用org.hibernate.tool.ant.Hibe
Android Studio 中运行 groovy 程序
https://blog.csdn.net/Gdeer/article/details/83062523一、直接运行groovy程序因为groovy插件和android插件不兼容，所以不能在原始项目上使用groovy。 新建module，创一个JavaLibrary，取名lib。  修改lib/build.gradleapplyplugin:'java-library'depe
nGrinder中快速编写groovy脚本02-解读最基本的GET请求脚本
一、自动生成GET请求脚本1、配置Createascript在ngrinder管理台主页，点击script–>Createascript，并填写脚本名称和请求的url，如下所示：点击Create按钮，nGrinder会自动生成对应的脚本结构，如果没有参数需要设置的话，可以直接运行了。二、详细解析GET请求脚本ngrinder自动生成的脚本
如何将Groovy列表强制转换为对象？
我正在关注使用列表和地图作为构造函数的this博文.为什么以下列表无法强制反对？classTest{staticclassTestObject{privateinta=1;protectedintb=2;publicintc=3;intd=4;Strings="s";}stati
groovy-2.4.11.jar时出错; invalid LOC header (bad signature)
Information:java:Errorsoccurredwhilecompilingmodule'security'Information:javac1.8.0_131wasusedtocompilejavasourcesInformation:2019/6/98:31-Buildcompletedwith1errorand0warningsin3s116msError:java:读取E:\repository\org
nGrinder中快速编写groovy脚本01-脚本结构
ngrinder中的groovy脚本结构类似junit，同时在junit的基础之上封装了自己的注解，用来控制脚本的运行。一、运行逻辑图如下：此处只列出了groovy脚本的逻辑，jython脚本是类似的，在此不再单独介绍。二、各注解的使用比较三、关注点在ngrinder中，通常使用单进程多线程就足够大部分测试了，所以：
java – 有可能用Spock模拟枚举吗？
我有一个switch语句来处理javaenumfoo,并使用spock编写一些groovy单元测试.我已经添加了一个测试,它验证当前是否处理了每种类型的foo而没有抛出异常.现在我想测试一个无法识别的foo类型会导致抛出异常.要做到这一点,我将不得不嘲笑枚举,并已经看到这里概述的解决方案：MockingJ
java – org.hibernate.AnnotationException：没有为实体指定标识符
我有一个groovy实体ClientInvoiceAttachmentExt,它扩展了java实体ClientInvoiceAttachment.ClientInvoiceAttachment具有@Id注释,但仍然看到“没有为实体指定的标识符”错误这是我的堆栈跟踪[Mar0317:11:54]ERROR|org.springframework.web.context.ContextLoader|Contex
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot