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，直接连接数据库