公式の例を参照してください:http://spring.io/guides/gs/relational-data-access/
1。プロジェクトの準備
MySQLデータベースを作成した後、新しいテーブル「T_ORDER」を作成します
fortion_key_checks = 0; - ------------------------------------------------------------------------------------------------------------------ドロップテーブルは存在する場合、 `t_order`;作成テーブル「t_ord」(` order_id` varchar(36)not null、 `order_no` varchar(50)default_date_date_date_date null` Null、Primary Key( `order_id`))Engine = myisamデフォルトcharset = utf8;
pom.xmlを変更します
<Project XMLNS = "http://maven.apache.org/pom/4.0.0" xmlns:xsi = "http://www.w3.org/2001/xmlschema-instance" xsi:schemalocation = "http://maven.apach/4.0. http://maven.apache.org/xsd/maven-4.0.0.0.xsd "> <modelversion> 4.0.0 </modelversion> <groupid> com.github.carter659 </groupid> <artifactid> spring04 </artifactid> </viracis> <name> spring04 </name> <url> http://maven.apache.org </url> <parent> <parent> org.springframework.boot </groupid> <artifactid> spring-boot-boot-starter-parent </artifactid> <バージョン> 1.4.2.release </version </version </vers> </> <propeties> <project.build.sourceencoding> utf-8 </project.build.sourceencoding> <java.version> 1.8 </java.version> </properties> <dependencies> <shipencies> <dependency> <depthency> <Dependency> groupId> org.springframework.boot </groupid> <artifactid> spring-boot-devtools </artifactid> <optional> true </optional> </dependency> <septency> <groupid> org.springframework.boot </groupid> spring-boot-stortid> </artifactid> spring-boot-stortid> <Dependency> groupId> org.springframework.boot </groupid> <artifactid> spring-boot-starter-jdbc </artifactid> </dependency> <dependency> mysql </groupid> <artifactid> mysql-connector-java <groupId> commons-dbcp </groupid> <artifactid> commons-dbcp </artifactid> </dependency> </dependencies> <bultins> <plugin> <groupid> org.springframework.boot </groupid> <artifactid> spring-bootid </artifactid> </build> </project>
2。クラスファイルの書き込み:
app.javaを変更します
パッケージcom.github.carter659.spring04; import org.springframework.boot.springapplication; Import org.springframework.boot.autoconfigure.springbootapplication; */@SpringBootApplicationPublic class App {public static void main(string [] args){springApplication.run(app.class、args); }}新しいデータキャリアファイル「Order.java」を作成する
パッケージcom.github.carter659.spring04; import java.util.date;/** *ブログ出典:http://www.cnblogs.com/goodhelper/ * @author liu dong * */public class Order {public String id;パブリック文字列番号;公開日付;公共の数量; /** * omit get set */}新しいデータ永続性レイヤークラス「Orderdao.java」を作成する
パッケージcom.github.carter659.spring04; import java.util.arraylist; import java.util.list; import java.util.uuid; import org.springframework.beans.Annotation.Autowired; Import org.springframework.jdbc.core.core.core.core.corework org.springframework.jdbc.support.rowset.sqlrowset; Import org.springframework.stereotype.repository;/** *ブログ出典:http://www.cnblogs.com/goodhelper/ * @author jdbctemplate jdbctemplate; public list <Order> findall(){list <dorder> list = new arrayList <>();文字列sql = "select * from t_order"; sqlrowset rows = jdbctemplate.queryforrowset(sql、new object {] {}); while(rows.next()){Order Order = new Order(); list.add(注文); order.id = rows.getString( "order_id"); order.no = rows.getString( "order_no"); order.date = rows.getDate( "order_date"); order.quantity = rows.getint( "数量"); }返品リスト。 } public Order get(string id){Order Order = null;文字列sql = "select * from t_order Where where order_id =?"; sqlrowset rows = jdbctemplate.queryforrowset(sql、new object [] {id}); while(rows.next()){order = new Order(); order.id = rows.getString( "order_id"); order.no = rows.getString( "order_no"); order.date = rows.getDate( "order_date"); order.quantity = rows.getint( "数量"); } return order; } public string insert(Order Order){string id = uuid.randomuuid()。toString(); string sql = "t_orderに挿入(order_id、order_no、order_date、数量)値(?、?、?、?)"; jdbctemplate.update(sql、new object [] {id、order.no、new java.sql.date(order.date.gettime())、order.quantity}); IDを返します。 } public void update(Order Order){string sql = "update t_order set order_no =?、order_date =?、数量=?where order_id =?"; jdbctemplate.update(sql、new object [] {order.no、new java.sql.date(order.date.gettime())、order.quantity、order.id}); } public void delete(string id){string sql = "delete from t_order where where order_id =?"; jdbctemplate.update(sql、new object [] {id}); }}名前が示唆するように、データベースの操作は次のとおりです。
findall->すべてのデータをクエリします
取得 - > IDを使用してデータを取得します
挿入 - >データを挿入します
更新 - >データの変更
削除 - >データを削除します
新しいコントローラー「MainController.java」を作成する
パッケージcom.github.carter659.spring04; import java.util.hashmap; import java.util.map; import org.springframework.beans.factory.annotation.autowired; import org.springframework.stereoty.controller; org.springframework.web.bind.annotation.postmapping; import org.springframework.web.bind.annotation.requestbody; Import org.springframework.web.bind.annotation.Annotation.ResponseBody; Import com.mysql.jdbc.Stringutils; Orderdao Orderdao; @getMapping( "/")public string index(){return "index"; } @postmapping( "/save")public @responsebody map <string、object> save(@requestbody order order){map <string、object> result = new hashmap <>(); if(stringutils.isnullorempty(order.id))order.id = orderdao.insert(order); else {orderdao.update(order); } result.put( "id"、order.id);返品結果; } @postmapping( "/get")public @responsebodyオブジェクトget(string id){return orderdao.get(id); } @postmapping( "/findall")public @responsebody object findall(){return ordao.findall(); } @postmapping( "/delete")public @responsebody map <string、object> delete(string id){map <string、object> result = new hashmap <>(); Orderdao.delete(id); result.put( "id"、id);返品結果; }}3.新しいThymeleafテンプレートを作成します
新しいファイル「src/main/resources/templates/index.html」を作成する
<!doctype html> <html xmlns:th = "http://www.thymeleaf.org"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <タイトルsrc = "// cdn.bootcss.com/angular.js/1.5.6/angular.min.js"></script> <script>" text/javascript ">/*<![cdata [*/var app = angular.module( 'app'、[]); App.Controller( 'MainController'、function($ rotscope、$ scope、$ http){$ scope.data = {}; $ scope.rows = []; // add $ scope.add = function(){$ scope.data = {no: 'no.123456788890' } // $ scope.edit = function(id){for $ scope.rows){$ scope.rows [i]; $ scope.rows [i]; $ scope.get(r.id); $ http({url: '/get?id =' + id、method: 'post'、}) $ SCOPE.ROWS.PUSH(データ); /*]>*/</</script> </head> <body ng-app = "app" ng-controller = "maincontroller"> <h1> spring boot-combined </h1> <h4> <a href = "http:///www.cnblogs.com/goodhelper/ type = "button" value = "add" ng-click = "add()" /> <input type = "button" value = "save" ng-click = "save()" /> <br /> <h3>リスト情報:< /h3> <入力id = "ID" type = "hidden" ng-model = "data.id" <tr> <td> no。:</td> <td> <input id = "no" ng-model = "data.no"/> </td> <td>日付:</td> <td> <入力id = "ng-model =" data.date "/>> </td> <td> ng-model = "data.quantity"/> </td> </tr> </table> <br/> <h3>リスト:</h3> <table cellpacing = "1" style = "background-color:#a0c6e5"> <tr style = "text-align:center:#0076c8; background-color:#f4feigh <td> operation </td> <td> number </td> <td> date </td> <td>数量</td> </td> </tr> <ttr ng-repeat = "rows in rows" bgcolor = '#f4faff'> <td> <td> <input ng-click = "edit(row.id) ng-click = "del(row.id)" value = "delete" type = "button"/> </td> <td> {{row.no}} </td> <td> {{row.date}} </td> <td> {{row.Quantity}}}} </td> </tr </> < href = "http://www.cnblogs.com/goodhelper/">クリックして元のブログ</a> </body> </html>にアクセスしますAngularjsのAjaxを使用して、Spring Boot MVの背景方法を呼び出します。
4.データベース接続
新しい「src/main/resources/application.properties」ファイルを作成します
spring.datasource.initialize = falsespring.datasource.url = jdbc:mysql:// localhost:3306/demospring.datasource.username = rootspring.datasource.password = spring.datasource.driver-class-name = com.mysql.jdbc.driver
完全な構造は次のとおりです。
5。操作効果
ブラウザに「http:// localhost:8080/」を入力します
データの追加:
新しいデータを保存します:
データの編集:
データの削除:
完了の効果を削除します:
コード:https://github.com/carter659/spring-boot-04.git
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。