下面案例作為自己學(xué)習(xí)SpringBoot的筆記,是一個簡單SpringBoot后端代碼;
包含 entity , dao ,controller
一、開發(fā)準備:
1)Jdk1.7及以上(官方建議使用最新版本的jdk,spring boot對最新版本的jdk也是支持最好的。) jdk安裝省略。
2)Maven安裝:使用maven能夠快速的添加jar包,提高工作效率。
3)IDE:spring tool suit (STS),eclipse,idea等都可以,下面是用sts演示;
二、創(chuàng)建項目
注:以下程序示例是在安裝maven和jdk1.8下進行的
創(chuàng)建過程如圖:
第一步:創(chuàng)建項目(這里有jdk的版本和spring boot的版本)
spring.datasource.username=rootspring.datasource.password=你的數(shù)據(jù)庫密碼spring.datasource.driver-class-name=com.mysql.jdbc.Driverspring.datasource.url=jdbc:mysql://127.0.0.1:3306/dbgirl#JPA 配置spring.jpa.properties.hibernate.hbm2ddl.auto=update#Spring mvc 配置前綴spring.mvc.view.prefix=classpath:/templates/# … 后綴spring.mvc.view.suffix=*.html
創(chuàng)建一個bean:
package com.b505.bean;import javax.persistence.Column;import javax.persistence.Entity;import javax.persistence.GeneratedValue;import javax.persistence.Id;import javax.persistence.Table;/** * @Name: * @Description: user 實體類 * @Author: 追到烏云的盡頭找太陽 * @Version: V1.00 (版本號) * @Create Date: 2017年5月5日下午9:29:18 * @Parameters: * @Return: */@Entity@Table(name = "user")public class User { @Id @GeneratedValue private Integer id; @Column(name = "name") private String name; @Column(name = "age") private int age; @Column(name = "hobby") private String hobby; //省略set get方法}
編寫Dao層,Dao層十分簡單,直接繼承Spring data Jpa可以獲取十八中默認方法,代碼如下:
package com.b505.dao;import org.springframework.data.jpa.repository.JpaRepository;import com.b505.bean.User;public interface UserDao extends JpaRepository<User, Integer> {}
編寫controller(此處直接調(diào)用Dao層,沒有經(jīng)過service)
代碼如下:
package com.b505.web;import java.util.List;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestMethod;import org.springframework.web.bind.annotation.RequestParam;import org.springframework.web.bind.annotation.RestController;import com.b505.bean.User;import com.b505.dao.UserDao;/** * @Name: * @Description: user控制類 * @Author: 追到烏云的盡頭找太陽 * @Version: V1.00 (版本號) * @Create Date: 2017年5月5日下午9:30:14 * @Parameters: * @Return: */@RestControllerpublic class UserController { @Autowired private UserDao userDao; //刪除 @RequestMapping(value ="/delete" ,method = RequestMethod.POST) public void weekdaylDelete(@RequestParam("id") Integer id){ System.out.println("刪除執(zhí)行"); userDao.delete(id); } //添加 @RequestMapping(value ="/add" ,method = RequestMethod.POST) public void weekdayAdd(@RequestParam("name") String name, @RequestParam("age") Integer age,@RequestParam("hobby") String hobby ){ User user = new User(); user.setName(name); user.setAge(age); user.setHobby(hobby); userDao.save(user); } //查詢所有 @RequestMapping(value ="/getall" ,method = RequestMethod.GET) public List<User> girlList(){ System.out.println("查詢所有執(zhí)行"); return userDao.findAll(); }}
至此就已經(jīng)返回json數(shù)據(jù)了,運行一下程序進行測試
運行方法:找到含有mian 方法的類 運行 run Java application;
下面我們在谷歌瀏覽器中訪問:
在地址欄輸入 http://127.0.0.1:8080/getall
測試結(jié)果:
<!DOCTYPE html><html lang="en" ng-app="myApp" ng-controller="myController"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/angular.min.js"></script> <link href="css/directive_bind.css" rel="stylesheet" type="text/css" /> <script src="js/service_http.js"></script></head><body><!--表格--><div class="box"><div class="portlet-title"> <div class="caption"> <img class="icon-reorder" src="images/record.png"></img> 人員信息管理 </div></div><table class="table table-bordered" ng-style="myStyle"> <!-- ng-style 綁定myStyle屬性,獲取表格的css樣式--> <tr> <td>姓名</td> <td>年齡</td> <td>愛好</td> <td></td> </tr> <tr ng-repeat="day in days" > <td ng-class-even="'even'"> {{day.name}} </td> <td> {{day.age}} </td> <td> {{day.hobby}} </td> <td> <button class="delete" ng-click="removeDay(day.id)"><img src="images/Delete (1).png" />刪除 </button> </td> </tr></table> <button ng-click="add()">添加人員信息</button> <div id="table1" ng-show='menuState.show'> <div class="portlet-title1"> <div class="caption"> <img class="icon-reorder" src="images/record.png"></img> 添加信息 </div> </div> <div class="content" > <span>姓名:</span> <input ng-model="name" type="text" placeholder="請輸入姓名" /> <br> <span>年齡:</span> <input ng-model="age" type="text" placeholder="請輸入年齡" /> <br> <span>愛好:</span> <input ng-model="hobby" class="hobby" type="text" placeholder="請輸入愛好" /> </div> <input class="submit" ng-click="submit(name,age,hobby)" type="button" value="提交" /> </div></div></body></html>
用的是angularJs ,相關(guān)js依賴自行添加;
在瀏覽器中輸入 : http://localhost:8080
映射自行配置,在后面的博客中我寫