SpringBoot簡(jiǎn)單的SpringBoot后端實(shí)例

更新時(shí)間：2024年03月05日 10:09:12 作者：喵喵@香菜

這篇文章主要介紹了SpringBoot簡(jiǎn)單的SpringBoot后端實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

一、開(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="external nofollow"  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

映射自行配置，在后面的博客中我寫