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# 

相关文章
|
14天前
|
Web App开发 JavaScript 前端开发
构建高效后端服务:Node.js与Express框架的实战指南
【9月更文挑战第6天】在数字化时代的潮流中,后端开发作为支撑现代Web和移动应用的核心,其重要性不言而喻。本文将深入浅出地介绍如何使用Node.js及其流行的框架Express来搭建一个高效、可扩展的后端服务。通过具体的代码示例和实践技巧,我们将探索如何利用这两个强大的工具提升开发效率和应用性能。无论你是后端开发的新手还是希望提高现有项目质量的老手,这篇文章都将为你提供有价值的见解和指导。
|
24天前
|
JavaScript 前端开发 中间件
构建高效后端服务:Node.js与Express框架的完美搭档
【8月更文挑战第28天】在追求高性能、可扩展和易维护的后端开发领域,Node.js和Express框架的组合提供了一种轻量级且灵活的解决方案。本文将深入探讨如何利用这一组合打造高效的后端服务,并通过实际代码示例展示其实现过程。
|
27天前
|
缓存 NoSQL Java
【Azure Redis 缓存】示例使用 redisson-spring-boot-starter 连接/使用 Azure Redis 服务
【Azure Redis 缓存】示例使用 redisson-spring-boot-starter 连接/使用 Azure Redis 服务
|
25天前
|
监控 JavaScript 前端开发
深入浅出Node.js: 打造高效的后端服务
【8月更文挑战第27天】在这个数字化飞速发展的时代,后端技术成为支撑互联网服务的基石。Node.js作为其中的佼佼者,以其非阻塞I/O模型、事件驱动架构和丰富的生态系统,赢得了开发者的青睐。本文将带领读者深入理解Node.js的核心概念,通过实际案例分析其应用模式,并探讨如何利用Node.js构建高效、可扩展的后端服务。无论你是初学者还是有经验的开发者,都能在这篇文章中找到提升你的Node.js技能的灵感和知识。
|
25天前
|
Web App开发 JavaScript 中间件
构建高效后端服务:Node.js与Express框架的深度整合
【8月更文挑战第27天】 在现代Web开发中,后端服务的高效性至关重要。本文深入探讨了如何利用Node.js的非阻塞I/O特性和Express框架的简洁性来打造高性能的后端服务。我们将通过具体案例,展示如何在不牺牲代码可读性和可维护性的前提下,实现高效的请求处理和服务端逻辑。文章旨在为开发者提供一个清晰的指导,帮助他们在构建后端服务时做出更明智的技术选择。
|
1月前
|
JavaScript 前端开发 数据可视化
图像裁剪库Cropper.js的学习使用
图像裁剪库Cropper.js的学习使用
41 4
|
1月前
|
JavaScript 前端开发 开发者
jQuery:JavaScript库的瑰宝
jQuery:JavaScript库的瑰宝
45 4
|
1月前
|
存储 缓存 JavaScript
构建高效后端服务:Node.js与Express框架的实战应用
【8月更文挑战第2天】在数字化时代的浪潮中,后端服务的构建成为了软件开发的核心。本文将深入探讨如何利用Node.js和Express框架搭建一个高效、可扩展的后端服务。我们将通过实际代码示例,展示从零开始创建一个RESTful API的全过程,包括路由设置、中间件使用以及数据库连接等关键步骤。此外,文章还将触及性能优化和安全性考量,旨在为读者提供一套完整的后端开发解决方案。让我们一同走进Node.js和Express的世界,探索它们如何助力现代Web应用的开发。
|
1月前
|
移动开发 JavaScript 前端开发
专为webkit内核而生的javascript库mango正式发布
专为webkit内核而生的javascript库mango正式发布
|
1月前
|
SQL JavaScript 前端开发
websql数据库javascript操作库--websqlWrapper
websql数据库javascript操作库--websqlWrapper