Spring Roo 3 实例训练[同时使用Javascript库dojo和jQuery并使用Rest服务]

简介: 前两篇讲解了ROO的一些基本知识,这篇来个实例看看整个的开发过程。 首先进入roo命令行,执行如下的脚本[建工程和必要的设置] project --topLevelPackage lesson persistence setup --provider HIBERNATE --database ...

前两篇讲解了ROO的一些基本知识,这篇来个实例看看整个的开发过程。

首先进入roo命令行,执行如下的脚本[建工程和必要的设置]

project --topLevelPackage lesson

persistence setup --provider HIBERNATE --database HYPERSONIC_IN_MEMORY

web mvc setup

security setup

entity --class ~.domain.Pet

field string --fieldName name

json add --class ~.domain.Pet

controller scaffold --class ~.web.PetController --entity ~.domain.Pet

建立一个起始框架

使用mvn tomcat:run可以在浏览器http://localhost:8080/lesson/ 查看默认的界面,已经可以进行增删改了

同时JSON服务也可以访问

http://localhost:8080/lesson/pets?form 加入一个记录

然后模仿JSON的访问

$ curl -i -H "Accept: application/json" http://localhost:8080/lesson/pets

HTTP/1.1 200 OK

Server: Apache-Coyote/1.1

Content-Type: application/text;charset=utf-8

Content-Length: 35

Date: Wed, 12 Oct 2011 06:03:15 GMT

[{"id":1,"name":"dog","version":0}]

增加的步骤:

添加jquery资源

lesson\src\main\webapp\scripts 放入jquery和easyui库和css等

配置apache tiles的布局

lesson\src\main\webapp\WEB-INF\layouts 放入jdefault.jspx ,layouts.xml修改

实现jquery等母板资源的加载

lesson\src\main\webapp\WEB-INF\tags\util 放入jload-scripts.tagx

具体的部分母板页实现页面

lesson\src\main\webapp\WEB-INF\views 放入

jheader.jspx

jindex.jspx

jfooter.jspx

work.jspx

同时修改views.xml

导航

webmvc-config.xml 加入<mvc:view-controller path="/main" view-name="main"/>

<mvc:view-controller path="/work" view-name="work"/>

image

其中的登录逻辑使用Spring Security,并修改为json服务的步骤:

登录服务LoginController

@RequestMapping(method = RequestMethod.POST)

@ResponseBody

public ResponseEntity<String> login(@RequestParam("j_username") String username,

@RequestParam("j_password") String password) {

LoginStatus s = loginService.login(username, password);

return new ResponseEntity<String>(s.toJson(), headers, HttpStatus.OK);

}

客户端界面

$.ajax({url: "${req}/api/login",

type: "POST",

dataType:"json",

beforeSend: function(xhr) {

xhr.withCredentials = true;

},

data: $("#loginForm").serialize(),

success: loginSucess,

error: loginFailed

});

详细代码参考:

https://skydrive.live.com/?cid=56b433ad3d1871e3&sc=documents&uc=1&id=56B433AD3D1871E3%21274# 

相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
构建高效后端服务:Node.js与Express框架的实战指南
【9月更文挑战第6天】在数字化时代的潮流中,后端开发作为支撑现代Web和移动应用的核心,其重要性不言而喻。本文将深入浅出地介绍如何使用Node.js及其流行的框架Express来搭建一个高效、可扩展的后端服务。通过具体的代码示例和实践技巧,我们将探索如何利用这两个强大的工具提升开发效率和应用性能。无论你是后端开发的新手还是希望提高现有项目质量的老手,这篇文章都将为你提供有价值的见解和指导。
|
3月前
|
JavaScript 前端开发 中间件
构建高效后端服务:Node.js与Express框架的完美搭档
【8月更文挑战第28天】在追求高性能、可扩展和易维护的后端开发领域,Node.js和Express框架的组合提供了一种轻量级且灵活的解决方案。本文将深入探讨如何利用这一组合打造高效的后端服务,并通过实际代码示例展示其实现过程。
|
3月前
|
缓存 NoSQL Java
【Azure Redis 缓存】示例使用 redisson-spring-boot-starter 连接/使用 Azure Redis 服务
【Azure Redis 缓存】示例使用 redisson-spring-boot-starter 连接/使用 Azure Redis 服务
|
1月前
|
JavaScript 前端开发 开发者
jQuery:JavaScript库的瑰宝
jQuery:JavaScript库的瑰宝
43 3
|
1月前
|
JavaScript 前端开发 API
深入了解jQuery:快速、高效的JavaScript库
【10月更文挑战第11天深入了解jQuery:快速、高效的JavaScript库
15 0
|
2月前
|
Java API 对象存储
微服务魔法启动!Spring Cloud与Netflix OSS联手,零基础也能创造服务奇迹!
这段内容介绍了如何使用Spring Cloud和Netflix OSS构建微服务架构。首先,基于Spring Boot创建项目并添加Spring Cloud依赖项。接着配置Eureka服务器实现服务发现,然后创建REST控制器作为API入口。为提高服务稳定性,利用Hystrix实现断路器模式。最后,在启动类中启用Eureka客户端功能。此外,还可集成其他Netflix OSS组件以增强系统功能。通过这些步骤,开发者可以更高效地构建稳定且可扩展的微服务系统。
56 1
|
1月前
|
JavaScript 前端开发
JavaScript - 测试 jQuery
JavaScript - 测试 jQuery
14 0
|
1月前
|
JavaScript 前端开发
JavaScript三级联动jQuery写法
JavaScript三级联动jQuery写法
|
1月前
|
JavaScript 前端开发
JavaScript 树状菜单栏jQuery写法
JavaScript 树状菜单栏jQuery写法
|
1月前
|
JavaScript 前端开发 API
【前端基础篇】JavaScript之jQuery介绍
【前端基础篇】JavaScript之jQuery介绍
59 0