亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

一個(gè)Vue+Canvas的酷炫后臺(tái)管理

harriszh / 2367人閱讀

摘要：又一個(gè)酷炫的后臺(tái)管理，依然前后端分離用打開，還沒(méi)適配移動(dòng)端。如果覺(jué)得還行，歡迎項(xiàng)目地址項(xiàng)目后臺(tái)地址我的博客地址好了，溜了溜了。。。

又一個(gè)Vue+Cnavas酷炫的后臺(tái)管理，依然前后端分離（用PC打開，還沒(méi)適配移動(dòng)端）。

項(xiàng)目地址： https://github.com/hzzly/canv...
demo地址： http://hjingren.cn/curriculum...
賬號(hào)：hzzly 密碼：123456
歡迎大家的star啦~

技術(shù)棧

前臺(tái):

vue-cli


vue


vue-router


webpak


canvas


ajax

后臺(tái):

wamp


PHP(ThinkPHP)


mysql
功能說(shuō)明

登錄

用戶登錄

管理員登錄

注冊(cè)

用戶注冊(cè)

Canvas

流星滑過(guò)

星星閃閃

后臺(tái)折線

折線跟著鼠標(biāo)滑動(dòng)

Vue

彈出框組件

路由切換動(dòng)畫

通過(guò)Ajax調(diào)用后臺(tái)接口

留言板(時(shí)間軸)

添加房屋信息

出租 求租

出售 求購(gòu)

個(gè)人信息修改

密碼修改

......

1.登錄注冊(cè)模塊，流星與星星為canvas，登錄注冊(cè)切換動(dòng)畫為vue transition

2.后臺(tái)管理頁(yè)面，背景為canvas(會(huì)動(dòng)的折線+跟著鼠標(biāo)滑動(dòng)) 功能模塊切換為vue transition

3.留言板(時(shí)間軸特效)

目錄結(jié)構(gòu) 
|——canvas-vue/
|   |——build/
|   |——confg/
|   |——node_modules/
|   |——src/
|   |   |——assets/                 //靜態(tài)文件
|   |   |——components/             //頁(yè)面組件
|   |   |   |——Menu.vue            //登錄注冊(cè)加載頁(yè)面
|   |   |   |——Home.vue            //后臺(tái)首頁(yè)
|   |   |   |——Login.vue           //登錄頁(yè)面
|   |   |   |——Regist.vue          //注冊(cè)頁(yè)面
|   |   |   |——Navbar.vue          //我的發(fā)布
|   |   |   |——Messageboard.vue    //留言板頁(yè)面
|   |   |   |——...                 //等等
|   |   |——router/                 
|   |   |   |——index.js            //頁(yè)面路由
|   |   |——App.vue                 //父組件
|   |   |——main.js                 //入口文件
|   |——static/                     
|   |——.babelrc
|   |——.editorconfig
|   |——.gitgnore
|   |——index.html
|   |——package.json
|   |——README.md
總結(jié)

這個(gè)項(xiàng)目還沒(méi)有完成，后期將不定期更新，敬請(qǐng)期待。。

如果覺(jué)得還行，歡迎star
項(xiàng)目地址： https://github.com/hzzly/canv...
項(xiàng)目后臺(tái)(PHP)地址： https://github.com/hzzly/canv...

我的博客地址：https://hzzly.github.io/

好了，溜了溜了。。。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/82131.html

相關(guān)文章

  • 一個(gè)純CSS3實(shí)現(xiàn)的酷炫翻書效果

    摘要：的三維元素比正常大，而時(shí)則比正常小，大小程度由該屬性的值決定屬性指定了觀察者與平面的距離，使具有三維位置變換的元素產(chǎn)生透視效果。 showImg(https://segmentfault.com/img/bVzAjp); 項(xiàng)目地址：https://github.com/BUPT-HJM/c...demo地址：https://bupt-hjm.github.io/cs...歡迎大家的st...

    fizz 評(píng)論0 收藏0

  • 一個(gè)純CSS3實(shí)現(xiàn)的酷炫翻書效果

    摘要：的三維元素比正常大，而時(shí)則比正常小，大小程度由該屬性的值決定屬性指定了觀察者與平面的距離，使具有三維位置變換的元素產(chǎn)生透視效果。 showImg(https://segmentfault.com/img/bVzAjp); 項(xiàng)目地址：https://github.com/BUPT-HJM/c...demo地址：https://bupt-hjm.github.io/cs...歡迎大家的st...

    xfee 評(píng)論0 收藏0

  • 玩轉(zhuǎn)你的圖片，各種圖片效果的Canvas實(shí)現(xiàn)

    摘要：前陣子因業(yè)務(wù)需求，需要對(duì)圖片進(jìn)行一些特殊處理，例如反相，高亮，黑白等，都是使用來(lái)實(shí)現(xiàn)要實(shí)現(xiàn)上述所說(shuō)的各種效果，最核心的事情便是對(duì)圖片的對(duì)象進(jìn)行改動(dòng)。后兩個(gè)代表的是圖片的寬高，不用多說(shuō)。 前陣子因業(yè)務(wù)需求，需要對(duì)圖片進(jìn)行一些特殊處理，例如反相，高亮，黑白等，都是使用Canvas來(lái)實(shí)現(xiàn) ImageData 要實(shí)現(xiàn)上述所說(shuō)的各種效果，最核心的事情便是對(duì)圖片的ImageData對(duì)象進(jìn)行改動(dòng)。 ...

    alexnevsky 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<