|
下面案例作為自己學(xué)習(xí)SpringBoot的筆記，是一個(gè)簡(jiǎn)單SpringBoot后端代碼；
包含 entity , dao ,controller
一、開(kāi)發(fā)準(zhǔn)備：
1）Jdk1.7及以上（官方建議使用最新版本的jdk，spring boot對(duì)最新版本的jdk也是支持最好的。） jdk安裝省略。
2）Maven安裝：使用maven能夠快速的添加jar包，提高工作效率。
3）IDE：spring tool suit （STS），eclipse，idea等都可以，下面是用sts演示；
二、創(chuàng)建項(xiàng)目
注：以下程序示例是在安裝maven和jdk1.8下進(jìn)行的
創(chuàng)建過(guò)程如圖：
第一步：創(chuàng)建項(xiàng)目（這里有jdk的版本和spring boot的版本）
第二步：添加依賴（AOP，MYSQL，JDBC，JPA）
第三步：
創(chuàng)建完成后為：
SpringBootDemoApplication這個(gè)類為包含一個(gè)main方法，啟動(dòng)項(xiàng)目的入口；
Application.properties 這個(gè)是spring boot的配置文件
Pom.xml 這個(gè)是放項(xiàng)目依賴的地方。
項(xiàng)目結(jié)構(gòu)如上，下面來(lái)看看內(nèi)部：
Pom：
下面開(kāi)始編寫示例代碼：
首先就應(yīng)該是Spring Boot連數(shù)據(jù)庫(kù)的配置，SpringBoot為我們做了很多自動(dòng)配置，我們只需要配置數(shù)據(jù)地址，用戶名和密碼即可，找到application.properties文件配置如下：
spring.datasource.username=root
spring.datasource.password=你的數(shù)據(jù)庫(kù)密碼
spring.datasource.driver-class-name=com.mysql.jdbc.Driver
spring.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)建一個(gè)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 實(shí)體類
* @Author: 追到烏云的盡頭找太陽(yáng)
* @Version: V1.00 （版本號(hào)）
* @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層十分簡(jiǎn)單，直接繼承Spring data Jpa可以獲取十八中默認(rèn)方法，代碼如下：
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層，沒(méi)有經(jīng)過(guò)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: 追到烏云的盡頭找太陽(yáng)
* @Version: V1.00 （版本號(hào)）
* @Create Date: 2017年5月5日下午9:30:14
* @Parameters:
* @Return:
*/
@RestController
public 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ù)了，運(yùn)行一下程序進(jìn)行測(cè)試
運(yùn)行方法：找到含有mian 方法的類 運(yùn)行 run Java application；
出現(xiàn)類似如圖所示，說(shuō)明程序編譯通過(guò)。
直接在后臺(tái)數(shù)據(jù)庫(kù)添加數(shù)據(jù)（也可以是用postman）因?yàn)闉g覽器默認(rèn)是使用get方法：
下面我們?cè)诠雀铻g覽器中訪問(wèn)：
在地址欄輸入 http://127.0.0.1:8080/getall
測(cè)試結(jié)果：
在controller中的add和delete方法測(cè)試結(jié)果
測(cè)試頁(yè)面代碼：
<!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>愛(ài)好</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="請(qǐng)輸入姓名" />
<br>
<span>年齡:</span> <input ng-model="age" type="text" placeholder="請(qǐng)輸入年齡" />
<br>
<span>愛(ài)好:</span> <input ng-model="hobby" class="hobby" type="text" placeholder="請(qǐng)輸入愛(ài)好" />
</div>
<input class="submit" ng-click="submit(name,age,hobby)" type="button" value="提交" />
</div>
</div>
</body>
</html>
用的是angularJs ,相關(guān)js依賴自行添加；
在瀏覽器中輸入 : http://localhost:8080
映射自行配置，在后面的博客中我寫
點(diǎn)擊添加按鈕：
添加后結(jié)果為：
點(diǎn)擊刪除小明：
至此簡(jiǎn)單的后臺(tái)已經(jīng)搭建完畢，SpringBoot能夠?qū)㈩愔苯愚D(zhuǎn)換為json數(shù)據(jù)，這只是SpringBoot眾多功能中的一個(gè)；后面我會(huì)將這兩次博客的源碼地址放上，如有錯(cuò)誤，請(qǐng)多指教！
|
