下面案例作为自己学习SpringBoot的笔记,是一个简单SpringBoot后端代码;
包含 entity , dao ,controller
一、开发准备:
1)Jdk1.7及以上(官方建议使用最新版本的jdk,spring boot对最新版本的jdk也是支持最好的。) jdk安装省略。
2)Maven安装:使用maven能够快速的添加jar包,提高工作效率。
3)IDE:spring tool suit (STS),eclipse,idea等都可以,下面是用sts演示;
二、创建项目
注:以下程序示例是在安装maven和jdk1.8下进行的
创建过程如图:
第一步:创建项目(这里有jdk的版本和spring boot的版本)
spring.datasource.username=rootspring.datasource.password=你的数据库密码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
创建一个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(此处直接调用Dao层,没有经过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("删除执行"); 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("查询所有执行"); return userDao.findAll(); }}
至此就已经返回json数据了,运行一下程序进行测试
运行方法:找到含有mian 方法的类 运行 run Java application;
下面我们在谷歌浏览器中访问:
在地址栏输入 http://127.0.0.1:8080/getall
测试结果:
<!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 ,相关js依赖自行添加;
在浏览器中输入 : http://localhost:8080
映射自行配置,在后面的博客中我写
联系客服