angularjs java mysql_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" 写在

的控件中

})

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

})

}

.jsp(.html)

显示数据在table中

更新form中的数据

Name:

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值