要從零開始開發(fā)一個(gè)開源項(xiàng)目，這個(gè)項(xiàng)目的目的很簡(jiǎn)單：新人可以練手，一步一步搭建項(xiàng)目，把時(shí)下流行的技術(shù)整合進(jìn)來，在用這些技術(shù)的特性來實(shí)現(xiàn)具體業(yè)務(wù)功能，而對(duì)于有經(jīng)驗(yàn)的老鳥可以把自學(xué)的技術(shù)在項(xiàng)目中得以實(shí)踐。

在這里插入圖片描述

琢磨了挺長(zhǎng)時(shí)間，前段時(shí)間工作比較忙、家中事情也比較多，導(dǎo)致最近才著手弄。

感興趣的同學(xué)可以關(guān)注一波，項(xiàng)目進(jìn)度可能會(huì)緩慢，但腳步絕不會(huì)停止

作為一個(gè)后端程序員，雖然平時(shí)也會(huì)做一些管理后臺(tái)的頁面，可那都是本著能用就行的原則，美觀都是次要的。但項(xiàng)目要對(duì)外開源這可是門面，不美美噠多沒面子，所以選一個(gè)酷炫的頁面模板成了首要任務(wù)，選了10個(gè)模板出來，大伙給參謀下。

源碼獲取方式：關(guān)注轉(zhuǎn)發(fā)之后私信回復(fù)【源碼】來免費(fèi)獲取到這10個(gè)后臺(tái)模板源碼

天分享的這一款，是一款強(qiáng)大的管理系統(tǒng)模板，基于materialize css框架的管理后臺(tái)模板。強(qiáng)大和易于定制的HTML管理系統(tǒng)模板。它有4個(gè)儀表板,無限的配色方案，9種獨(dú)特的演示，您可以輕松地定制這個(gè)模板，根據(jù)幫助文檔。

提示：下載鏈接在文章的尾部，需要的可直接為文章底部提??！

9種風(fēng)格分別有：左側(cè)菜單默認(rèn)布局、左側(cè)小菜單、水平菜單寬窄屏、水平菜單全屏、整體暗色風(fēng)格、整體亮色風(fēng)格、圖標(biāo)菜單樣式、窄屏樣式。9個(gè)模板都是支持PC端、平板電腦、手機(jī)端。響應(yīng)式布局。后臺(tái)的組件非常豐富、有郵箱、文章、日歷、表單、用戶組、購(gòu)物車等。可用于做企業(yè)網(wǎng)站管理后臺(tái)、社交網(wǎng)站管理后臺(tái)、商城電商類管理后臺(tái)。

網(wǎng)站的組件都是非常豐富的，至于用于怎樣的行業(yè)，就看您自己了！下面我們例舉幾個(gè)特點(diǎn)：

主要特色：
1、materialize框架
2、6配色方案
3、1000+頁面模板
4、300+UI組件
5、很多小部件
6、畫廊的選項(xiàng)
7、2000+字體圖標(biāo)
8、很多表的例子
9、容易定制
10、大量的圖表選項(xiàng)
11、多個(gè)文件上傳
12、驗(yàn)證表單
13、電子商務(wù)網(wǎng)頁
14、大日歷設(shè)計(jì)

一、左側(cè)菜單默認(rèn)布局、整體暗色風(fēng)格

這2款管理系統(tǒng)后臺(tái)模板左側(cè)布局是一樣的，前一款采用的是白色風(fēng)格、后一款是暗色系風(fēng)格，比較護(hù)眼，一般后臺(tái)都是具備切換風(fēng)格的功能，也就是色系、開發(fā)的時(shí)候，可以試著將2款結(jié)合在一起用。

二、左側(cè)小菜單、水平菜單寬窄屏

前一個(gè)采用的是左側(cè)小菜布局，鼠標(biāo)移動(dòng)上去顯示全部的文字及圖表，后面一個(gè)采用水平的布局方式，同理，鼠標(biāo)移動(dòng)上去顯示。我個(gè)人還是比較喜歡這種風(fēng)格的，簡(jiǎn)約、配色好看！

三、剩余的4種風(fēng)格

水平菜單全屏、整體亮色風(fēng)格、圖標(biāo)菜單樣式、窄屏樣式，這里就不做過多的介紹了，需要的可自行下載后，觀看哦！

過幾天，會(huì)分享一個(gè)賊好看的博客源碼，基于bootstrap4.3開發(fā)的，風(fēng)格采用2020年最流行的扁平化、卡片式風(fēng)格。

分享時(shí)間是七天，抓緊下載哦！

鏈接: https://pan.baidu.com/s/1gOZ0_1qItcRo-ouOrc4DHw 提取碼: 6qfe

往期精選文章：

白嫖，免費(fèi)送！4套布局物聯(lián)網(wǎng)管理后臺(tái)模板框架，基于Webstrot

介

Soybean Admin 是一個(gè)基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新優(yōu)雅的中后臺(tái)模版，它使用了最新流行的前端技術(shù)棧，內(nèi)置豐富的主題配置，有著極高的代碼規(guī)范，基于文件的路由系統(tǒng)以及基于 Mock 的動(dòng)態(tài)權(quán)限路由，開箱即用的中后臺(tái)前端解決方案，也可用于學(xué)習(xí)參考。

特點(diǎn)

最新流行技術(shù)棧：基于Vue3、Vite3、TS、NaiveUI和UnoCSS等最新技術(shù)棧開發(fā)；

極高水準(zhǔn)的代碼規(guī)范：代碼規(guī)范完善，代碼結(jié)構(gòu)清晰；

豐富的插件：常見的Web端插件示例實(shí)現(xiàn)；

主題配置：豐富的主題配置及暗黑主題適配；

基于文件的路由系統(tǒng)：自動(dòng)生成路由聲明、路由導(dǎo)入和路由模塊；

權(quán)限管理：完善的前后端權(quán)限管理方案。

截圖

相關(guān)鏈接

預(yù)覽地址：https://admin.soybeanjs.cn/login?redirect=/home

項(xiàng)目源碼：https://github.com/soybeanjs/soybean-admin

文檔源碼：https://github.com/soybeanjs/soybean-admin-docs