資訊專欄INFORMATION COLUMN
摘要：寒假結(jié)束了，趁著寒假，自己玩了一下和去實(shí)現(xiàn)了一個簡單的后臺管理系統(tǒng)。項(xiàng)目比較簡單，十分適合入門，涉及到了輪播圖，表格，表單，柱形圖和折線圖，以及網(wǎng)頁的響應(yīng)式等。
寒假結(jié)束了，趁著寒假，自己玩了一下element和echarts去實(shí)現(xiàn)了一個簡單的后臺管理系統(tǒng)。
項(xiàng)目比較簡單，十分適合入門，涉及到了輪播圖，表格，表單，echarts柱形圖和折線圖，以及網(wǎng)頁的響應(yīng)式等。
src
|---common // 公用的文件
|---css
|---base.scss // 公用的css樣式
|---components // 組件
|---Carousel.vue // 輪播圖組件
|---Form.vue // 表單組件
|---Tables.vue // 表格組件
|---TheHeader.vue // header組件
|---TheNav.vue // 左側(cè)導(dǎo)航欄組件
|---TwoEcharts.vue // 柱形圖和折線圖組件
|---images
|---portrait.png // 頭像
|---router
|---index.js // 路由
|---views
|---CarouseTable.vue // 輪播圖和表格頁面
|---Echarts.vue // echarts圖表頁面
|---FormView.vue // 表單頁面
|---App.vue // 總app入口
|---main.js // app實(shí)例
技術(shù)棧
vue ^2.5.2、 vue-router
scss 中文網(wǎng)站： scss中文
Element (表格，表單，布局等) 官網(wǎng)：Element
Echarts (柱形圖和折線圖) 官網(wǎng)： Echarst
本文代碼地址：后臺管理系統(tǒng)源碼
# install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/110118.html
摘要：五六月份推薦集合查看最新的請點(diǎn)擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...
摘要：五六月份推薦集合查看最新的請點(diǎn)擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...
摘要：社區(qū)的認(rèn)可目前已經(jīng)是相關(guān)最多的開源項(xiàng)目了，體現(xiàn)出了社區(qū)對其的認(rèn)可。監(jiān)聽事件手動維護(hù)列表這樣我們就簡單的完成了拖拽排序。 完整項(xiàng)目地址：vue-element-admin 系類文章一：手摸手，帶你用vue擼后臺 系列一(基礎(chǔ)篇)系類文章二：手摸手，帶你用vue擼后臺 系列二(登錄權(quán)限篇)系類文章三：手摸手，帶你用vue擼后臺 系列三(實(shí)戰(zhàn)篇）系類文章四：手摸手，帶你用vue擼后臺 系列...
摘要：社區(qū)的認(rèn)可目前已經(jīng)是相關(guān)最多的開源項(xiàng)目了，體現(xiàn)出了社區(qū)對其的認(rèn)可。監(jiān)聽事件手動維護(hù)列表這樣我們就簡單的完成了拖拽排序。 完整項(xiàng)目地址：vue-element-admin 系類文章一：手摸手，帶你用vue擼后臺 系列一(基礎(chǔ)篇)系類文章二：手摸手，帶你用vue擼后臺 系列二(登錄權(quán)限篇)系類文章三：手摸手，帶你用vue擼后臺 系列三(實(shí)戰(zhàn)篇）系類文章四：手摸手，帶你用vue擼后臺 系列...
閱讀 794·2023-04-25 18:59
閱讀 1305·2021-09-22 16:00
閱讀 2023·2021-09-22 15:42
閱讀 3694·2021-09-22 15:27
閱讀 1322·2019-08-30 15:54
閱讀 1188·2019-08-30 11:16
閱讀 2589·2019-08-29 16:24
閱讀 1025·2019-08-29 12:14
