玩转板簧罩结合AngularJs和JDBC(4)

时间：2021-09-06 来源：互联网编辑：宝哥软件园浏览：次

参考官方例子：http://春季。io/指南/GS/关系数据访问/

一、项目准备

在建立关系型数据库数据库后新建表"订单"

设置外键检查=0;-"t_order "的表结构- -如果存在“t _ order”，则删除表；CREATE TABLE ` t _ order `(` order _ id ` varchar(36)NOT NULL，` order _ no ` varchar(50)DEFAULT NULL，` order_date` datetime DEFAULT NULL，'数量；` int(11) DEFAULT NULL，PRIMAry KEY(` order _ id `))ENGINE=MyISAM DEFAULT CHARSET=utf8；订单记录修改pom.xml

项目xmlns=' http://aven。阿帕奇。org/POM/4。0 .0 ' xmlns : xsi=' http://www。w3。org/2001/XMLSchema-instance ' xsi 3360 schema location=' http://aven。阿帕奇。org/POM/4。0 .0 http://maven.apache.org/xsd/maven-4.0.0.xsd'模型版本4 .0 .0/模型版本idcom集团。github。Carter 659/组id artifactIdspring 04/二、编写类文件：

修改App.java

包裹。com。github。卡特659。04年春天；导入组织。弹簧框架。靴子。弹簧应用；导入组织。弹簧框架。靴子。自动配置。回弹应用程序；/** * 博客出处：http://www .cn博客。com/GoodHelper/* * @作者刘冬* */@回弹应用公共类app { public static void main(String[]args){ spring application。运行(App。类，args)；}}新建数据载体类文件“Order.java”

包裹。com。github。卡特659。04年春天；导入Java。乌提尔。日期；/** * 博客出处：http://www .cn博客。com/好帮手/* @作者刘冬* */公共类订单{公共字符串id；公共字符串号；公开日期；公共国际数量；/** * 省略获取设置*/}新建数据持久层类“OrderDao.java”

包裹。com。github。卡特659。04年春天；导入Java。乌提尔。ArrayList导入Java。乌提尔。列表；导入Java。乌提尔。UUID；导入组织。弹簧框架。豆子。工厂。注释。自动连线；导入组织。弹簧框架。JDBC。核心。JDBC模板；导入组织。弹簧框架。JDBC。支持。行集。sqlrowset导入组织。弹簧框架。刻板印象。存储库；/** * 博客出处：http://www .cn博客。com/好帮手/* @作者刘冬* */public list order find all(){ list order list=new ArrayList()；字符串sql='从订单中选择* ';SqlRowSet row=jdbctemplate。queryforowset(SQL，新对象[]{ })；while(划。next()){ Order Order=new Order()；名单。添加(顺序)；秩序。id=行数。getStrIng(' order _ id ')；秩序。no=行数。getStrIng(' order _ no ')；秩序。日期=行。get date(' order _ date ')；秩序。数量=行数。GetInt('数量')；}返回列表；}公共订单获取（字符串id){ 0订单=空；字符串sql='从订单中选择*其中' order_id=？'；SqlRowSet row=jdbctemplate。queryforowset(SQL，新对象[]{ id })；while(划。next()){ Order=new Order()；秩序。id=行数。getStrIng(' order _ id ')；秩序。no=行数。getStrIng(' order _ no ')；秩序。日期=行。get date(' order _ date ')；秩序。数量=行数。GetInt('数量')；}退货单；}公共字符串插入（顺序){字符串id=UUID.randomUUID().toString()；字符串sql='插入到t_order (order_id，order_no，order_date，数量)值(?) ';jdbcTemplate.update(sql，新对象[] { id，order.no，new Java。SQL。日期(订单。约会。gettime())，顺序。数量})；返回id；}公共作废更新(订单订单){字符串SQL='更新订单集订单号=？order_date=？数量=?其中' order_id=？'；jdbcTemplate.update(sql，新对象[] { order.no，新Java。SQL。日期(订单。约会。gettime())、订单、数量、订单。id })；}公共void delete(String id){ String SQL='从订单中删除，其中' order_id=？'；jdbcTemplate.update(sql，new Object[]{ id })；}}其中对数据库的操作，顾名思义：

findAll -查询所有数据

得到-通过编号获取数据

插入-插入数据

更新-修改数据

删除-删除数据

新建控制器“MainController.java”

包裹。com。github。卡特659。04年春天；导入Java。乌提尔。HashMap导入Java。乌提尔。地图；导入组织。弹簧框架。豆子。工厂。注释。自动连线；导入组织。弹簧框架。刻板印象。控制器；导入组织。弹簧框架。网络。绑定。注释。getmapping导入组织。弹簧框架。网络。绑定。注释。后期映射；导入组织。弹簧框架。网络。绑定。注释。RequestBody导入组织。弹簧框架。网络。绑定。注释。反应体；导入com。MySQL。JDBC。stringutils@Controllerpublic类主控制器{ @ Autowired私订Dao下单Dao；@ GetMapping("/")公共字符串索引(){返回“索引”；} @ post mapping('/save ')public @ response body MapString，Object save(@ RequestBody Order Order){ MapString，Object result=new HashMap()；if(stringutils。isnullorempty(订单。id))订单。id=订单道。插入(订单)；else {订购刀。更新(订单)；} result.put('id '，order。id)；返回结果；} @ post映射("/get ")public @ response body Object get(字符串id){ return orderdao。get(id)；} @ post mapping('/find all ')public @ response body Object find all(){ return order Dao。find all()；} @ post mapping('/delete ')public @ response body MapString，Object delete(String id){ MapString，Object result=new HashMap()；秩序岛。删除(id)；result.put('id，id)；返回结果；}}三、新建百里香叶模板

新建文件" src/main/resources/templates/index。html "

！DOCTYPE html html xmlns : th=' http://www .百里香叶。org ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=UTF-8 '/标题玩转弹簧靴——结合JDBC/标题脚本src=' http://cdn。bootscs。com/angular。js/1。5 .6/棱角分明。量滴js '/script脚本类型=' text/JavaScript '/*！[CData[*/var app=angular。模块(' app '，[])；app.controller('MainController '，function($rootScope，$scope，$ http){ $ scope。数据={ }；$ scope。rows=[]；//添加$ scope。add=function(){ $ scope。数据={否。 '不。1234567890 '，数量： 100，'日期： ' 2016-12-30 ' }；} //编辑$ scope。edit=function(id){ for(var I in $ scope。row){ var row=$ scope。行[I]；if(id==row。id){ $ scope。数据=行；返回；} } } //移除$ scope。remove=function(id){ for(var I在$范围内。row){ var row=$ scope。行[I]；if(id==row。id){ $ scope。行。拼接(，1)；返回；} } } //保存$ scope。save=function(){ $ http({ URL : '/save '，方法： '开机自检'，数据：美元scope.data }).成功（函数(r) { //保存成功后更新数据$ scope。get(r . id)；});} //删除$ scope。del=function(id){ $ http({ URL : '/delete？id=' id，方法： 'POST '，}).成功（函数(r) { //删除成功后移除数据$ scope。移除(r . id)；});} //获取数据$ scope。get=function(id){ $ http({ URL : '/get？id=' id，方法： 'POST '，}).成功(函数(数据){ for(var I在$范围内。row){ var row=$ scope。行[I]；if(数据。id==row。id){ row。否=数据。没有；划船。日期=数据。日期；划船。数量=数据。数量；返回；} } $scope.rows.push(数据);});} //初始化载入数据$http({ url : '/findAll '，方法： 'POST' }).成功(函数（行){ for(行中的var I){ var row=row[I]；$ scope。行。推(排)；} });});/*]]*//脚本/头体ng-app=' app ' ng-控制器='主控制器' h1玩转弹簧靴——结合JDBC/h1 H4cn博客。' com/GoodHelper/'刘冬的博客/a /h4输入类型='按钮'值='添加ng-click=' add()'/input type=' button ' value='保存ng-click='save()'/br/br/h3清单信息：/h3输入id=' id ' type=' hidden ' ng-model=' data。id/table单元格间距=' 1 ' style='底色： # a0c6e 5 ' tr TD编号：/TD TD TD input id=' no ' ng-model=' data。编号'/TD/TD日期：/TD TD input id=' date ' ng-model=' data。日期'/TD/TD数量：/TD TD输入id='数量' ng-型号='数据。数量'/TD/tr/表br/H3清单列表：/h3表格单元格间距=' 1 ' style=' background-color : # a0c6e 5 ' tr style=' text-align : center；颜色： # 0076C8背景-颜色： # F4FAFFfont-weight: bold' td操作运输署/运输署编号运输署/运输署日期运输署/运输署数量/TD/tr ng-repeat=' row中的行bgcolor=' # F4FAFF ' t input ng-click=' edit(行。id)'值='编辑type=' button '/input ng-click=' del(row。id)'值='删除type=' button '/TD TD { { row。no } }/TD TD { { row。日期} }/TD TD { { row。数量} }/TD/tr/table br/a href=' http://www .cn博客。' com/好帮手/'点击访问原版博客/a/body/html使用angularjs的创建交互式、快速动态网页应用的网页开发技术调用弹簧靴平均变化的后台方法。

四、数据库连接

新建" src/main/resources/application。属性"文件

春天。数据源。initialize=假弹簧。数据源。网址=JDBC :我的SQL ://localhost :3306/演示春天。数据源。用户名=root spring。数据源。密码=弹簧。数据源。驱动程序类名称。MySQL。JDBC。驾驶员完整的结构为：