Spring Data JPA綜合練習

選取京東圖書展示頁面

編碼

  • 新建一個Book實體類
package com.example.entity;

import lombok.Data;

import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.Id;

/**
 * Created by 史冬陽 on 2018/9/20.
 */
@Entity
@Data
public class Book {
    @Id
    @GeneratedValue
    private Integer id;
    private String avatar;
    private String name;
    private String author;
    private String price;
    private String introduction;
}
  • 新建一個DAO層
package com.example.dao;

import com.example.entity.Book;
import org.springframework.data.jpa.repository.JpaRepository;

/**
 * Created by 史冬陽 on 2018/9/20.
 */

/**
 * Integer 唯一標識符 數(shù)據(jù)庫的主鍵
 */
public interface BookRepository extends JpaRepository<Book,Integer> {
}
  • 新建一個BookService接口
package com.example.service;

import com.example.entity.Book;

import java.util.List;

/**
 * Created by 史冬陽 on 2018/9/20.
 */
public interface BookService {
    Book save(Book book);
    List<Book> getAll();
    Book get(int id);
    void delete(int id);
}
  • 新建一個service層的實現(xiàn)類
package com.example.service.impl;

import com.example.dao.BookRepository;
import com.example.entity.Book;
import com.example.service.BookService;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import javax.annotation.Resource;
import java.util.List;

/**
 * Created by 史冬陽 on 2018/9/20.
 */
@Service
public class BookServiceImpl implements BookService {
    @Resource
    private BookRepository bookRepository;

    @Override
    @Transactional
    public Book save(Book book) {
        return bookRepository.save(book);
    }

    @Override
    public List<Book> getAll() {
        return bookRepository.findAll();
    }

    @Override
    @Transactional
    public Book get(int id) {
        return bookRepository.findById(id).get();
    }

    @Override
    @Transactional
    public void delete(int id) {
        bookRepository.deleteById(id);
    }
}
  • 新建一個test類
package com.example.service.impl;

import com.example.entity.Book;
import com.example.service.BookService;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.springframework.boot.test.context.SpringBootTest;
import org.springframework.test.context.junit4.SpringRunner;

import javax.annotation.Resource;

import static org.junit.Assert.*;

/**
 * Created by 史冬陽 on 2018/9/20.
 */
@RunWith(SpringRunner.class)
@SpringBootTest
public class BookServiceImplTest {
    @Resource
    private BookService bookService;

    @Test
    public void save() throws Exception {
        String[] names = {"獨家記憶","余生多關(guān)照","綠物語","時光行者的你","林深時見鹿","單向遷徙"};
        String[] authors = {"木浮生","原城","鐮足","桐華","宴生","張飲修"};
        String[] prices ={"23.8","24.3","26.2","28.5","20.6","33.6"};
        String[] introductions = {
                "世界上最美好的事情莫過于萤捆,我喜歡你的同時庸队,剛好你也喜歡我论矾。",
                "喜歡制造大悲或大喜的故事固以,從事自己熱愛的職業(yè)到千,結(jié)識自己喜愛的人包晰。",
                "不要被植物表面的柔軟和溫順欺騙,有時演侯,一縷委婉涌動的潔白姿染,數(shù)年后會引發(fā)無法挽救的巨大災(zāi)難。",
                "他說:“后來秒际,我遇見了一個將我的世界點亮的人悬赏。 他們都是時光里的傷心旅客,也是余生路上最好的旅伴娄徊。",
                "故事講述了少年顧延樹和少女鹿惜光幼年時曾相依相伴闽颇,卻無奈被命運分離,從此分隔兩地嵌莉,各自在不同的環(huán)境中堅強而隱忍地長大进萄,為了彼此成為更優(yōu)秀的人。 兩人從此經(jīng)歷了重重磨難和考驗锐峭,當年被迫分開的真相也漸漸浮出水面中鼠。",
                "突圍黑暗過往的自我救贖之作⊙伛回憶給自己援雇,童話給讀者。也許某一天椎扬,你終會耗盡一切惫搏,但,愛我蚕涤,本身就是一場單向遷徙筐赔。"};

        String[] avatars = {
                "http://peojfj6k8.bkt.clouddn.com/1.jpg",
                "http://peojfj6k8.bkt.clouddn.com/2.jpg",
                "http://peojfj6k8.bkt.clouddn.com/3.jpg",
                "http://peojfj6k8.bkt.clouddn.com/4.jpg",
                "http://peojfj6k8.bkt.clouddn.com/5.jpg",
                "http://peojfj6k8.bkt.clouddn.com/6.jpg"};

        for (int i=0; i<6; i++){
            Book book = new Book();
            book.setName(names[i]);
            book.setAuthor(authors[i]);
            book.setAvatar(avatars[i]);
            book.setPrice(prices[i]);
            book.setIntroduction(introductions[i]);
            System.out.println(bookService.save(book));


        }
    }

    @Test
    public void getAll() throws Exception {

    }

    @Test
    public void get() throws Exception {

    }

    @Test
    public void delete() throws Exception {

    }

}
  • 新建一個Controller層
package com.example.controller;

import com.example.service.BookService;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.annotation.Resource;

/**
 * Created by 史冬陽 on 2018/9/20.
 */
@Controller
@RequestMapping(value = "/book")
public class BookController {
    private static final String BOOK_DETAIL_PATH_NAME = "bookDetail";
    private static final String BOOK_LIST_PATH_NAME = "bookList";

    @Resource
    BookService bookService;

    /**
     * 獲取 Book 列表
     * 處理 "/book" 的 GET 請求,用來獲取 Book 列表
     * 數(shù)據(jù)存入ModelMap揖铜,返回Thymeleaf頁面
     */
    @GetMapping()
    public String getBookList(ModelMap map) {
        map.addAttribute("bookList",bookService.getAll());
        return BOOK_LIST_PATH_NAME;
    }

    /**
     * 獲取 Book
     * 處理 "/book/{id}" 的 GET 請求
     */

    @GetMapping(value = "/{id}")
    public String getBook(@PathVariable Integer id, ModelMap map) {
        map.addAttribute("book", bookService.get(id));
        return BOOK_DETAIL_PATH_NAME;
    }

    }
  • 圖書列表頁面
<html xmlns:th="http://www.thymeleaf.org">
<html lang="zh-CN">
<head>
    <script type="text/javascript" th:src="@{https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js}"></script>
    <link th:href="@{https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css}" rel="stylesheet"/>
    <meta charset="UTF-8"/>
    <title>書籍列表</title>
</head>
<style>
    .top-set{
        width: 1400px;
        margin-left: 56px;
    }
    .price-set{
        color: #E3393C;
        font-size: 16px;
    }
    .name-set{
        font-size: 14px;
        color: black;
    }
    .amount-set{
        color: #649cd9;
        font-size: 14px;
    }
    .location-set{
     font-size: 12px;

    }
</style>

<body>
<div >
    <img src="http://peojfj6k8.bkt.clouddn.com/topPic.png" class="top-set">
</div>


<div class="container">

    <h3>Spring Data JPA練習 </h3>


    <div class="row" >
        <div class="col-xs-6 col-sm-3"  th:each="book : ${bookList}">
            <div class="thumbnail">

                <img th:src="@{${book.avatar}}">
                <div class="caption location-set">
                    <p th:text="¥+' '+${book.price}" class="price-set"></p>
                    <p class="name-set "><a th:href="@{/book/{bookId}(bookId=${book.id})}" th:text="${book.name}"></a></p>
                    <p><text class="amount-set">7.2萬+</text><text>條評論</text></p>

                    <!--<h4 th:text="${book.author}"></h4>-->

                </div>
            </div>
        </div>

    </div>


</div>

</body>
</html>
  • 圖書詳情頁面
<html xmlns:th="http://www.thymeleaf.org">
<html lang="zh-CN">
<head>
    <script type="text/javascript" th:src="@{https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js}"></script>
    <link th:href="@{https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css}" rel="stylesheet"/>
    <meta charset="UTF-8"/>
    <title>書籍詳情</title>
</head>
<body>
<div class="container">
    <div>
        <img src="http://peojfj6k8.bkt.clouddn.com/detail-top.jpg" style="margin-left: -200px;height: 195px; width: 1546px">
    </div>
    <div class="col-md-4">
        <div style="border: 1px solid gainsboro; margin-top: 30px">
            <img th:src="@{${book.avatar }}" style="width: 300px;height: 350px" >
        </div>
    </div>
    <div class="col-md-5" style="margin-top: 30px">
        <p th:text="${book.name}" style="font-weight: bolder; font-size: 22px"></p>
        <p th:text="${book.author}" style="font-size: 12px"></p>
        <p>京東價:</p>
        <p th:text="${book.price}" style="color: red;font-size: 18px;margin-top: -35px;margin-left: 50px"></p>
        <p>書籍介紹:</p>
        <p th:text="${book.introduction}" style="margin-top: -29px;margin-left: 65px;color: grey"></p>
        <p style="color: grey">增值業(yè)務(wù)</p>
        <p style="color: red; margin-top: -30px;margin-left: 65px">禮品包裝</p>
        <p style="color: grey">重量</p>
        <p style="color: grey;margin-top: -30px; margin-left: 65px">0.3kg</p>
        <p style="color: grey">白條分期:</p>
        <a class="btn btn-default" href="#" role="button" style="color: grey">不分期</a>
        <button class="btn btn-default" type="submit" style="color: grey">¥7.06起x3期</button>
        <input class="btn btn-default" type="button" value="¥3.6起x6期" style="color: grey">
        <input class="btn btn-default" type="submit" value="¥1.86起x12期" style="color:grey;">
        <button type="button" class="btn btn-danger" style="margin-top: 30px">加入購物車</button>
        <button type="button" class="btn btn-default" style="color: red; border: 1px solid red; margin-top: 30px; margin-left: 30px">購買電子書免費</button>
        <p style="color: grey; font-size: 10px; margin-top: 20px">溫馨提示:支持七天無理由退貨</p>
    </div>

    <div class="col-md-3">
        <img src="http://peojfj6k8.bkt.clouddn.com/right.png" style="width: 250px;height: 250px">
    </div>
</div>
</body>
</html>

展示效果圖

  • 圖書列表頁面


  • 圖書詳情頁面


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末茴丰,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌贿肩,老刑警劉巖峦椰,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異汰规,居然都是意外死亡汤功,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進店門溜哮,熙熙樓的掌柜王于貴愁眉苦臉地迎上來滔金,“玉大人,你說我怎么就攤上這事茂嗓○腥洌” “怎么了?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵在抛,是天一觀的道長。 經(jīng)常有香客問我萧恕,道長刚梭,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任票唆,我火速辦了婚禮朴读,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘走趋。我一直安慰自己衅金,他們只是感情好,可當我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布簿煌。 她就那樣靜靜地躺著氮唯,像睡著了一般。 火紅的嫁衣襯著肌膚如雪姨伟。 梳的紋絲不亂的頭發(fā)上惩琉,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天,我揣著相機與錄音夺荒,去河邊找鬼瞒渠。 笑死,一個胖子當著我的面吹牛技扼,可吹牛的內(nèi)容都是我干的伍玖。 我是一名探鬼主播,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼剿吻,長吁一口氣:“原來是場噩夢啊……” “哼窍箍!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤仔燕,失蹤者是張志新(化名)和其女友劉穎造垛,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體晰搀,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡五辽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了外恕。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片杆逗。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖鳞疲,靈堂內(nèi)的尸體忽然破棺而出罪郊,到底是詐尸還是另有隱情,我是刑警寧澤尚洽,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布悔橄,位于F島的核電站,受9級特大地震影響腺毫,放射性物質(zhì)發(fā)生泄漏癣疟。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一潮酒、第九天 我趴在偏房一處隱蔽的房頂上張望睛挚。 院中可真熱鬧,春花似錦急黎、人聲如沸扎狱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽淤击。三九已至,卻和暖如春荣回,著一層夾襖步出監(jiān)牢的瞬間遭贸,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工心软, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留壕吹,地道東北人。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓删铃,卻偏偏與公主長得像耳贬,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子猎唁,可洞房花燭夜當晚...
    茶點故事閱讀 42,901評論 2 345

推薦閱讀更多精彩內(nèi)容

  • (ps:將數(shù)據(jù)庫內(nèi)容返回到web頁面) 1.pom.xml <!-- Web 依賴 --> org.springf...
    逍遙_6b76閱讀 639評論 0 6
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理咒劲,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,601評論 18 139
  • 這是我喜歡你的不知道多少個白天黑夜了從九月份開學我遇見的就是一個高高瘦瘦的男生從我的身邊路過 剛開始我覺得只是個毫...
    知覺先生閱讀 199評論 0 0
  • 如果你只做一個乖女孩, 除了一個乖字蛔屹, 其他什么都得不到削樊。 ——小解 在和喜歡的人確定關(guān)系之前, 曖昧可以說是一條...
    一只小解閱讀 848評論 0 0
  • 我是一個非常孤獨死板de人。 心地很善良育叁,但能力不強迅脐。 曾經(jīng)也想過自殺, 所以我一直認真自殺的人都特別善良豪嗽, 總把...
    洪吉娃兒閱讀 241評論 2 1