花了2小時(shí),搭建了一個(gè)物聯(lián)網(wǎng)項(xiàng)目,值了 ~
今天給大家分享一個(gè)生活物聯(lián)網(wǎng)小項(xiàng)目,感興趣的可以部署起來(lái)玩玩。
一. 整體介紹
前端采用Vue、Element UI。
后端采用Spring Boot、Spring Security、Redis & Jwt。
權(quán)限認(rèn)證使用Jwt,支持多終端認(rèn)證系統(tǒng)。
支持加載動(dòng)態(tài)權(quán)限菜單,多方式輕松權(quán)限控制。
高效率開發(fā),使用代碼生成器可以一鍵生成前后端代碼。
二. 內(nèi)置功能
用戶管理:用戶是系統(tǒng)操作者,該功能主要完成系統(tǒng)用戶配置。
部門管理: 配置系統(tǒng)組織機(jī)構(gòu)(公司、部門、小組),樹結(jié)構(gòu)展現(xiàn)支持?jǐn)?shù)據(jù)權(quán)限。
崗位管理: 配置系統(tǒng)用戶所屬擔(dān)任職務(wù)。
菜單管理: 配置系統(tǒng)菜單,操作權(quán)限,按鈕權(quán)限標(biāo)識(shí)等。
角色管理: 角色菜單權(quán)限分配、設(shè)置角色按機(jī)構(gòu)進(jìn)行數(shù)據(jù)范圍權(quán)限劃分。
字典管理: 對(duì)系統(tǒng)中經(jīng)常使用的一些較為固定的數(shù)據(jù)進(jìn)行維護(hù)。
參數(shù)管理: 對(duì)系統(tǒng)動(dòng)態(tài)配置常用參數(shù)。
通知公告: 系統(tǒng)通知公告信息發(fā)布維護(hù)。
操作日志: 系統(tǒng)正常操作日志記錄和查詢;系統(tǒng)異常信息日志記錄和查詢。
登錄日志: 系統(tǒng)登錄日志記錄查詢包含登錄異常。
在線用戶: 當(dāng)前系統(tǒng)中活躍用戶狀態(tài)監(jiān)控。
定時(shí)任務(wù): 在線(添加、修改、刪除)任務(wù)調(diào)度包含執(zhí)行結(jié)果日志。
代碼生成: 前后端代碼的生成(java、html、xml、sql)支持CRUD下載 。
系統(tǒng)接口: 根據(jù)業(yè)務(wù)代碼自動(dòng)生成相關(guān)的api接口文檔。
服務(wù)監(jiān)控: 監(jiān)視當(dāng)前系統(tǒng)CPU、內(nèi)存、磁盤、堆棧等相關(guān)信息。
緩存監(jiān)控: 對(duì)系統(tǒng)的緩存信息查詢,命令統(tǒng)計(jì)等。
在線構(gòu)建器: 拖動(dòng)表單元素生成相應(yīng)的HTML代碼。
連接池監(jiān)視: 監(jiān)視當(dāng)前系統(tǒng)數(shù)據(jù)庫(kù)連接池狀態(tài),可進(jìn)行分析SQL找出系統(tǒng)性能瓶頸。
三. 大致圖示
我之前是做嵌入式開發(fā)的,所以單片機(jī)之類的基本嵌入式設(shè)備,家里有很多。沒有單片機(jī)的同學(xué),可以找其他模擬和仿真方案:

四. 效果展示
項(xiàng)目的效果圖如下,不論是 UI 設(shè)計(jì)還是功能體驗(yàn)都是非常不錯(cuò)的!這也是我玩這個(gè)項(xiàng)目的原因。
下面這兩張圖是 APP 端的效果圖。


下面這兩張是 Web 管理后端的效果圖。



是不是感覺還挺不錯(cuò)的?想要學(xué)習(xí)項(xiàng)目搭建的朋友,一定不要錯(cuò)過。這個(gè)項(xiàng)目涉及到的技術(shù)點(diǎn)還是很多的,既有前端又有后端,挺鍛煉人。

可以看出:
基于 Spring Boot、Mysql、Redis、Mqtt 等技術(shù)開發(fā)。
基于國(guó)內(nèi)比較火的 Vue 開發(fā)。
基于 Android 進(jìn)行開發(fā)
另外,硬件端基于 ESP-IDF、Arduino、FreeRTOS 等技術(shù)開發(fā)。
看起來(lái)挺炫酷吧,其實(shí)很簡(jiǎn)單。大家在搭建項(xiàng)目時(shí)一定要注意,利用已有的開源組件,不要盲目地從零開始。
最后奉上項(xiàng)目的源碼地址、安裝指導(dǎo),老規(guī)矩了,放在隔壁小號(hào)了,感興趣的識(shí)別下面二維碼,關(guān)注后回復(fù)“物聯(lián)網(wǎng)”
識(shí)別下方二維碼,關(guān)注后回復(fù)【物聯(lián)網(wǎng)】
沒有任何套路!
