Springboot+JPA+Thymeleaf 校園博客完整小網站

本文所屬【 知識林】:http://www.zslin.com/web/article/detail/35

此項目是一個比較簡易的校園博客。
麻雀雖小五臟俱全,雖然是比較簡易的可是涉及的知識點仍是比較全面的。css

此項目涵蓋了【知識林】中SpringbootThymeleaf中全部知識點的內容。git

主要功能有:github

  1. 系統管理web

    • 系統初始化
    • 菜單管理
    • 角色管理
    • 用戶管理
    • 系統配置管理
  2. 用戶註冊spring

    • 郵件驗證碼實現
    • 用戶登錄
    • 找回密碼
  3. 博文分類管理數據庫

    • 添加分類
    • 修改分類
  4. 博文管理架構

    • 添加博文
    • 修改博文
  5. 博文評論(未實現)app


初始化系統

  • resources/application-dev.properties中配置了數據庫的相關配置,能夠修改spring.datasource相關的東西以修改數據庫編輯器

  • 啓動項目後訪問地址:/init進行初始化(須要輸入管理員暱稱、用戶名和密碼)網站

  • 訪問/admin登錄到後臺管理,在系統配置中可修改系統名稱、管理員郵箱(用於接收各事件的郵件通知)等。

  • 網站配置中能夠設置學校名稱用於前臺顯示。

用戶註冊

  • 經過郵箱註冊,註冊時須要發送驗證碼到註冊郵箱,驗證經過才能註冊。註冊時判斷郵箱地址是否已存在,若是存在則提示且不能再次註冊。

  • 找回密碼,忘記密碼是可經過申請郵箱地址找回,也經過發送驗證碼的方式,驗證碼驗證經過後生成一個隨機密碼發送至註冊郵箱中。

  • 使用郵箱地址和登錄密碼進行登錄

  • 登錄後可修改本身的基本信息,如:姓名、座右銘、我的介紹及登錄密碼等。

郵件發送能夠參考另外一篇文章《Springboot 之 JavaMailSender發送電子郵件》

博文管理

博文管理分爲博文分類管理和博文內容管理

  • 點「個人分類」便可進入分類管理,可對本身的分類進行新增、修改和刪除操做;

  • 點「個人博文」便可進入博文內容管理,可對本身發佈的博文進行修改,也可新增,在新增時能夠直接新增分類。

  • 在博文內容管理中使用wangEditor在線編輯器,已配置好圖片上傳的服務端程序;

後臺管理

後臺管理功能屬於系統管理人員操做,能夠參考另外一個純淨項目《完整項目基礎架構精簡版-實現權限管理》

  • 權限管理

在權限管理中有:菜單管理角色管理用戶管理,這三塊功能屬於系統功能,在系統初始化時自動生成。

菜單管理:可修改菜單名稱、排序、圖標(圖標來源於fontawesome.iov3.bootcss.com);

角色管理:可添加、修改、刪除角色,也可爲角色受權資源菜單;

用戶管理:可添加、修改、刪除用戶,也能夠爲用戶分配角色,只有分配有角色的用戶才能夠登錄系統,且只能訪問所擁有角色權限範圍內的功能。

  • 系統管理

系統配置:在系統管理中目前只有這一個功能,用於設置網站名稱、系統管理員郵箱地址(用於接收提示郵件,包括:用戶註冊通知用戶發佈博文的通知用戶修改博文的通知)等。

  • 系統應用

系統應用屬於網站管理功能

網站配置:目前可設置學校名稱,將顯示在前面頁面中;

博文管理:用於管理用戶發佈的博文信息,可設置博文的屬性(包括是否前臺顯示、是否爲推薦);

用戶管理:查看從前臺註冊的用戶(即網站用戶)。

未完成功能

在這個版本中暫時不寫博文點評功能,此功能在技術層面上講沒有任何難點,因此暫時不實現。

訪問

初始化頁面:http://sblog.zslin.com/init(已經初始化過不能再重複初始化)

前臺頁面:http://sblog.zslin.com

後臺管理:http://sblog.zslin.com/admin

後臺管理用戶名:admin

後臺管理用戶密碼:111111

說明

本項目在Github上的地址:https://github.com/zsl131/school-blog

本項目做者:知識林


項目截圖

本人頁面設計水平太差,先隨便設計點效果出來主要是演示後臺程序功能,因此頁面設計先暫時放一放。

用戶註冊頁面效果:

用戶註冊頁面

用戶信息信息、密碼修改頁面:

用戶信息信息、密碼修改頁面

添加分類頁面效果:

添加分類頁面效果

刪除信息提示效果:

刪除信息提示效果

添加博文頁面效果:

添加博文頁面效果

博文列表頁面效果:

博文列表頁面效果

404錯誤頁面效果:

404錯誤頁面效果

500錯誤頁面效果:

500錯誤頁面效果

後臺管理頁面效果:

後臺管理頁面效果

http://www.zslin.com/web/article/detail/35
相關文章
相關標籤/搜索