天天看點

用Jersey建構RESTful服務9--Jersey+SQLServer+Hibernate4.3+Spring3.2+AngularJS一、總體說明二、環境三、配置四、運作

本例運作示範了用 jersey 建構 restful 服務中,如何內建 angular,用mvc分層的方式通路 restful 服務。

2.angular 庫 ,本例為1.2.3 版本

3.樣式 bootstrap-3.1.1.min.js

1.完成項目結構

用Jersey建構RESTful服務9--Jersey+SQLServer+Hibernate4.3+Spring3.2+AngularJS一、總體說明二、環境三、配置四、運作

 建立相應的目錄結構

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>

完整目錄結構如下

用Jersey建構RESTful服務9--Jersey+SQLServer+Hibernate4.3+Spring3.2+AngularJS一、總體說明二、環境三、配置四、運作

在<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操作

用Jersey建構RESTful服務9--Jersey+SQLServer+Hibernate4.3+Spring3.2+AngularJS一、總體說明二、環境三、配置四、運作
用Jersey建構RESTful服務9--Jersey+SQLServer+Hibernate4.3+Spring3.2+AngularJS一、總體說明二、環境三、配置四、運作

ps:本案例力求簡單把 angularjs 通路 restful 服務展示出來,在chrome,firefox,ie上做過測試。

<a href="http://waylau.com/jersey-sqlserver-hibernate4-spring3-jquery/"></a>