SmartAdmin是一套互聯(lián)網(wǎng)企業(yè)級(jí)的通用型中后臺(tái)解決方案！使用最前沿的前后臺(tái)技術(shù)棧SpringBoot和Vue，前后端分離，用一套漂亮的代碼和一套整潔的代碼規(guī)范，同時(shí)又讓開(kāi)發(fā)者節(jié)省大量的時(shí)間，減少加班，快樂(lè)工作，熱愛(ài)生活。

文檔地址

文檔：http://smartadmin.1024lab.net/

在線(xiàn)預(yù)覽

在線(xiàn)預(yù)覽：?http://preview.smartadmin.1024lab.net
演示用戶(hù)1：demo 密碼：123456
演示用戶(hù)2：demo1 密碼：123456

疑惑

有人問(wèn)：又是個(gè)“輪子”？ 輪子靠譜嗎？為什么要選擇你這個(gè)輪子？
1024Lab回答：它不是“輪子”，而是一套代碼，一套規(guī)范，一套開(kāi)發(fā)理念，一套思想。

理念與思想

• 我們分享的不是代碼，不是徒勞無(wú)功的堆砌功能，而是你必須的基礎(chǔ)功能，比如Vue前端權(quán)限、心跳、動(dòng)態(tài)Reload、Keepalived標(biāo)簽頁(yè)等等，可能還有一些正是你當(dāng)前項(xiàng)目中缺失的功能。
• 我們分享的不僅有代碼，還有一套經(jīng)過(guò)幾十人驗(yàn)證過(guò)的前、后端代碼。細(xì)節(jié)決定成敗，好的規(guī)范能讓我們敲下的每行代碼更鏗鏘有力！
• 我們推崇高質(zhì)量的代碼，身為開(kāi)發(fā)，代碼即利劍，鍵盤(pán)上一套行云流水，宛如俠客，事了拂衣去，深藏身與名。
• 我們推崇團(tuán)隊(duì)的高度配合默契、互相幫助，從不加班，而不是一看到別人的代碼就頭皮發(fā)麻，留其996.ICU
• 我們熱愛(ài)編程，熱愛(ài)代碼，保持謙遜，不斷學(xué)習(xí)，快樂(lè)工作，熱愛(ài)生活。
• 請(qǐng)相信并認(rèn)真閱讀下面的每一個(gè)點(diǎn)，讓你感受不一樣的編碼體驗(yàn)

演示圖

技術(shù)體系

• 前端：Vue + Vue-Router + Vuex + ViewUI(iview) + vue-enum
• 后端：SpringBoot2 + Mybatis-plus + jwt + druid + mysql
• 前端代碼規(guī)范smart-front-standard -guide
• 基于阿里規(guī)范之上的后端規(guī)范smart-backend-standard-guide

前端特點(diǎn)

• 高質(zhì)量的代碼、代碼結(jié)構(gòu)、和代碼注釋
• 漂亮的UI，菜單欄、標(biāo)簽頁(yè)等等
• 優(yōu)化基于Keepalive的標(biāo)簽頁(yè)，做到標(biāo)簽頁(yè)該緩存的時(shí)候緩存，比如左右切換等，不該緩存的時(shí)候不緩存，比如新建，表單提交結(jié)束等
• 前端常量維護(hù): vue-enum，拒絕出現(xiàn)魔法數(shù)字，代碼不可維護(hù)的現(xiàn)象
• 全新的基于前端的權(quán)限設(shè)計(jì)（忘掉傳統(tǒng)的權(quán)限設(shè)計(jì)吧，已經(jīng)不適合這個(gè)前端時(shí)代）
• 體驗(yàn)、交互更好用的員工、部門(mén)、角色、菜單管理
• 基于websocket的在線(xiàn)人數(shù)
• 支持一級(jí)、二級(jí)、三級(jí)菜單
• 支持菜單搜索功能
• 其他功能：郵件、富文本、消息、系統(tǒng)配置等等
• 定時(shí)任務(wù)
• 寫(xiě)不完了，太多好的細(xì)節(jié)需要你的發(fā)現(xiàn)

后端特點(diǎn)

• 高質(zhì)量的Java代碼、分包結(jié)構(gòu)、和代碼注釋
• 業(yè)內(nèi)獨(dú)創(chuàng)的請(qǐng)求返回碼維護(hù)，非常值得一看
• 基于一個(gè)注解和controller的權(quán)限設(shè)計(jì)放棄更復(fù)雜的shiro
• 完整的數(shù)據(jù)權(quán)限支持
• 四層架構(gòu)（controller, service, manager, dao）
• 代碼閱讀性強(qiáng)、擴(kuò)展性極高的員工、部門(mén)、角色、菜單管理
• 基于LRU策略的內(nèi)存級(jí)權(quán)限緩存
• 自定義枚舉表單驗(yàn)證，BigDecimal驗(yàn)證等
• 配合前端vue-enum的swagger文檔注解
• 心跳服務(wù)，讓你發(fā)現(xiàn)有哪些機(jī)器再跑，哪些人在偷偷的跑你的Job
• 自定義的quartz job添加和修改，方便測(cè)試人員測(cè)試
• smart-reload，為系統(tǒng)預(yù)留鉤子，動(dòng)態(tài)加載，在不重啟程序前提下執(zhí)行一些代碼，你懂的
• 其他功能：郵件、富文本、消息、系統(tǒng)配置等等
• 以上只是一些舉例，更多燦若繁星的驚喜和細(xì)節(jié)，等待著你的發(fā)現(xiàn)！

前端代碼規(guī)范

• 文件、文件夾、目錄結(jié)構(gòu)、組建、變量等等怎么命名
• html、css、less等如何規(guī)范
• vue項(xiàng)目目錄結(jié)構(gòu)如何劃分
• router和store該怎么劃分?jǐn)U展性更好
• vue組件規(guī)范該選擇哪些
• 以及更多，數(shù)不勝數(shù)讓你覺(jué)得實(shí)用，同時(shí)身心愉悅的規(guī)范

后端代碼規(guī)范

• 好多種分包，哪種更合理一些
• 四層架構(gòu)（controller, service, manager, dao） 是什么，為什么要有四層
• 各個(gè)層的代碼該怎么寫(xiě)才能讓團(tuán)隊(duì)配合默契，高度一致
• vo, bo, dto, entity 怎么區(qū)分和使用
• spring的 @Transactional 你用對(duì)了嗎
• 方法參數(shù)個(gè)數(shù)、注釋、todo這些也要有規(guī)范，你遵守過(guò)嗎
• 以上舉例，只是滄海一粟，更多的細(xì)節(jié)等待你的發(fā)現(xiàn)！

ps：以上規(guī)范基礎(chǔ)都是以團(tuán)隊(duì)出發(fā)，讓團(tuán)隊(duì)開(kāi)心快樂(lè)的寫(xiě)代碼，而不是為了代碼規(guī)范而規(guī)范

總結(jié)

以上是生活随笔為你收集整理的【开源项目】二、Smart Admin 通用型中后台解决方案的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。