推薦一個基於nuxt.js和springboot的先後端分離的腳手架

u=2451219885,3897029502&fm=26&gp=0.jpg

前言

第一次發帖,好緊張啊,有沒有潛規則,用不用脫啊,該怎麼說啊,打多少字才顯的有文采啊,我寫的這麼好會不會太招遙,寫的這麼深奧別人會不會看不懂啊,好激動啊,怎麼才能裝成是常常發帖的樣子,好緊張啊。前端

背景

目前有不少優秀的開源java EE開發框架,在各自的場景都發揮着很重要的做用,想當初在ssm框架橫行的年代,也幫助了包括我在內的不少小白,在剛開始的時候,有一個好用的開發框架真的是事半功倍,不過java web發展至今,從jsp,servlet,ssh,ssm,以及發展到如今的spring bootspring cloud,技術的更新換代很快,開發方式也很快,隨着先後端分離的開發模式普及,前端工程師的職位也愈來愈重要,而市面上三大前端框架的出現,也讓前端程序員漲了一波工資,如今有一個問題是,在找別人的開源java快速開發框架的時候,或多或少會遇到如下問題:vue

  1. 框架使用的技術棧稍微老舊(相對我來說),有些還在用ssmssh,甚至也有使用jspfreemaker模板等並無先後端分離。
  2. 功能太少不能知足需求,有些功能比較遺憾,可是二次開發複雜。
  3. 界面老舊很差看,我感受多是後臺程序猿的通病,對界面沒啥要求。
  4. 二次開發困難,文檔少或沒有,代碼註釋少。
  5. 開源協議不支持商用。
  6. 不更新或者再也不維護。 所以,我決定本身寫一個快速開發的腳手架,整合一些經常使用的功能模塊,封裝一些經常使用的組件,搭配高顏值的UI,讓編程再也不是一件難事,讓你的界面賞心悅目,讓你有更多的時間去陪陪家人和孩子。 俗話說,沒有最好的技術,只有最適合本身的技術。

初衷

若是如下場景能引發你的共鳴:
  1. 若是你的項目追求最新的技術棧,核心框架爲基於spring bootmybatis-plus,spring sercurity等技術棧。
  2. 若是你喜歡在代碼中使用java 8的新特性lambda`stream還有optional`等。
  3. 若是你也喜歡異步編程。
  4. 若是你指望腳手架功能有用戶登陸註冊,第三方登陸,角色管理,數據字典,權限配置,參數校驗等。
  5. 若是你前端追求的技術棧是vue,vuex,axios,nuxt的話。
  6. 若是你對千篇一概的Element UI審美疲勞,而對Material Design風格情有獨鍾的話。
  7. 若是你指望你的網站可以響應式,而且最好還支持多種設備訪問。
  8. 若是你想集成travis-ci來實現持續集成和自動部署的話。
那麼不妨來試一試 zealsay款基於 springbootvue, nuxt快速開發腳手架吧,它必定能帶給你不同的體驗

選型

其實選型真是一個挺考驗人的過程,拋去一些我的偏好的話,還須要理性分析具體場景最爲合適的技術。

後臺方面

  • Spring Boot 2.1.6
  • Spring Security
  • Spring Validation(參數校驗優雅自如)
  • jwt (JSON Web Token)
  • jasypt 加密(沒什麼卵用,主要用來加密敏感數據,避免開源時候暴露了各類access_key,access_secret之類)
  • mapstruct (對象映射,各類dto和entity轉化利器)
  • Mybatis + Mybatis Plus (持久層開發利器)
  • Swagger 以及swagger bootstrap-ui (api文檔在線生成)
  • Redis (用戶登錄token,mybatis二級緩存)
  • Hikari (高性能鏈接池)
  • Undertow(高性能服務器容器,告別tomcat和jetty)
  • Logback (日誌記錄)
  • Junit Test (單元測試)
  • 第三方SDK或服務java

    • 七牛雲對象雲存儲
    • Github第三方登陸
    • Hitokoto 一言接口
    • 阿里雲短信服務
    • 郵箱Email服務

前端方面

  • Vue (前端煊赫一時的三大框架之一)
  • Nuxt (vue服務端渲染框架,封裝了axios等,只需簡單配置便可起步)
  • nuxt-auth (nuxt權限控制組件)
  • Vuetify (基於Material Design風格規範優美的主題,國內目前用的好像還挺少)
  • Vuex (全局狀態管理)
  • Vue-Router (路由管理)
  • axios (axios請求)
  • eslint (格式化)
  • sass (sass樣式語法)
  • vue-chartist (表格插件)
  • vue-scroll-reveal(滾動動畫)
  • vue-concise-slider(vue漂亮輪播)
  • mdi/font (mdi字體和圖標)
  • sweetalert2 (優美的彈窗)
  • vue-cropper (圖片裁剪)
  • mavon-editor (md編輯器)
  • xss(防xss攻擊)

體驗地址

zeasay輕應用開發腳手架 https://beta.zealsay.com 用戶名:admin 密碼: abc123
一個基於zealsay開發的博客系統https://blog.zealsay.com 後臺體驗帳號:visitor 密碼:abc123ios

項目地址

開發不易,喜歡的童靴們但願不吝給個star支持下哦!

github:git

  1. 後臺項目:zealsay_backend
  2. 前端項目: zealsay_front

gitee:程序員

  1. 後臺項目:zealsay_backend
  2. 前端項目: zealsay_front

預覽截圖

20200706183003
20200706183137
20200706183301
20200706183421
20200706183608
20200706183645
20200706183725
20200706184105
20200706184217
20200706184231

相關文章
相關標籤/搜索