本例运行演示了用 jersey 构建 restful 服务中,如何集成 angular,用mvc分层的方式访问 restful 服务。
2.angular 库 ,本例为1.2.3 版本
3.样式 bootstrap-3.1.1.min.js
1.完成项目结构
创建相应的目录结构
angularjs 、bootstrap 的js,css文件放别放入相应的目录,
在js目录下再创建 <code>app.js</code> 、<code>controller.js</code>
在partials目录下再创建 <code>create.html</code>、 <code>list.html</code> 、 <code>detail.html</code>
完整目录结构如下
在<code>list.html</code>填入如下内容,主要是显示用户列表<code>ng-repeat</code>为 angularjs 迭代器 ``作用是数据绑定:
修改<code>create.html</code>用来添加用户信息,<code>ng-model</code>是模型
修改<code>detail.html</code>用来显示用户信息并提供修改、删除等功能
修改<code>index.html</code>作为主页面,嵌入其他子页面,<code>ng-app</code>声明这个是模块,<code>ng-controller</code>说明他的控制器叫<code>listctrl</code>,<code>ng-view</code>用来存放子视图(页面)。
修改<code>app.js</code> ,声明模块<code>appmain</code>,提供路由功能,说明了调转到哪个页面,用哪个控制器
修改<code>controller.js</code>,控制器。主要是对业务逻辑的操作,常见的curd功能,http访问restful接口,并且返回数据
1.先运行项目
2.可以进行curd操作
ps:本案例力求简单把 angularjs 访问 restful 服务展示出来,在chrome,firefox,ie上做过测试。
<a href="http://waylau.com/jersey-sqlserver-hibernate4-spring3-jquery/"></a>