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

转载于:https://www.cnblogs.com/break-dawnn/p/6029330.html

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

Java前台线程与后台线程
Java前台线程与后台线程上一篇博客在main()方法中,创建并启动了四个新的线程后,main()方法中的代码执行完毕,此时,方法会结束,main线程也就随之结束了通过程序的运行结果可以看出,虽然 ...
达梦数据库导出数据表结构为excel或html或文本（写文档用）
达梦数据库导出数据表结构为excel或html或文本(写文档用) 项目中用的是国产达梦数据库,项目做了一期后应该是要数据库设计文档.其中就有一个需要表结构(字段,字段精度,说明...) 因为是国产数据 ...
layui实现前台页面和后台数据库的同步修改和删除操作
首先来看看展示效果吧: 如下图,点击编辑按钮,弹出修改信息的框,将信息修改后,点击确定按钮,实现后台数据库和前台页面同时修改成我们在框内重新写的值: 修改功能的前后台代码如下 : 前台页面:Index ...
java web mysql视图_Javaweb项目-下拉列表显示后台数据库的数据
下面将演示前端下拉列表显示后台数据库中class表的说有班级的名称环境: Tomcat-8.5.40 mysql-8.0.13 eclipse-4.9.0 springmvc框架一.从mysql中 ...
比对两个数据库中数据表结构异同
介绍一个工具用于对比两个数据库数据表结构异同---schema sync(官网:http://schemasync.org/) 是由python写成, 比较两个库结构的时候生成一个patch脚本和一个 ...
cmd查看mysql数据库表_cmd中查看MySQL数据库表数据及结构
0. 1 .cmd进入mysql安装的bin目录(C:\Program Files\XXXXXX\MySQL Server 5.6\bin) mysql -hlocalhost -uroot -p 回 ...
html网页如何获取后台数据库的数据(html + ajax + php + mysql)
目录 html代码 php文件代码还得在vscode上的php配置以及php环境搭建基于PhpStudy完成web配置登录数据库 mysql的table准备将html文件和php文件项目放入W ...
android 后台数据获取,android post方式给后台服务器传递数据
请求方式GET和POST的简单分别: get方式是把参数附加到URL地址后面,如: post是将请求参数放到请求体中,以流的方式传到服务器,另外上传文件时,一定是post方式下面的代码是用post方 ...
java插入时间 mssql_JAVA操作数据库Datetime数据
在JDK 1.1后,java.util.Date 类型的大多数方法已经不推荐使用了.代替它的是Calendar. 而在java.sql.Date 和 java.util.Date之间,有些微妙的关系. ...

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

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

最新文章

热门文章

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

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

最新文章

热门文章

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

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