AngularJS + Java---前台网页与后台数据库传递数据 基本结构

第一个关于这两种语言的项目，以下只是我自己的理解，欢迎指教:)

基本对应关系

1. controller

.jsp(.html)  ng-controller="controllerTest"

.js              angular.module('appTest',[]).controller('controllerTest',[])

/*ng-app="appTest" 指定angularJS的根元素*/

2.click

.jsp(.html) ng-click="functionTest()"

.js      　　 $rootScope.functionTest = function(){

$http.get("../loadData").success(function(data){

$rootScope.dataTest = data.

})

}

3.load/update

.js

$rootScope.functionLoad = function(){

　　$http.get("../loadData").success(function(data){ //与后台java中的路径对应

　　　　$rootScope.dataTest = data.data;

　　})

}

/*通过JSON传递数据*/
$rootScope.functionUpdate = function(){
　　var paraData = JSON.stringify({
　　　　name:$rootScope.name //ng-model="name" 写在<form></form>的控件中
　　})

　　$http.post("../updateData"，paraData).success(function(data){
　　　　
　　})
}

.jsp(.html)

显示数据在table中

<tbody>

    <tr ng-repeat="data in dataTest">

        <td ng-bind="data.name"></td>

    </tr>

</tbody>

更新form中的数据

<form>

　　<div>

    　　<label>Name:</label>

       <div>

           <input  ng-model="name"/>

       </div>

   </div>

</form>

Java中需要创建的interface/class

1.controller(class)

这个controller本身与angularJS中的controller没有关系，两者是根据url来进行连接的。

所以只要在js和java中GET/POST的路径相同，就可以触发java中的代码。

2.service(interface/class)

interface: import model;

class: import model; import dao;

返回dao中的结果

3.dao(interface/class)

import model;

Criteria语句，这部分也可以用sql来写

4.model(class)

为数据库中的table创建对应的class，直接连接数据库