项目简介

canvas-vue

又一个Vue+Cnavas酷炫的后台管理，依然前后端分离。

技术栈

前台:

vue-cli vue vue-router webpak canvas ajax

后台:

wamp PHP(ThinkPHP) mysql

功能说明

登录

用户登录

管理员登录

注册

用户注册

Canvas

Vue

1.登录注册模块，流星与星星为canvas，登录注册切换动画为vue transition

后台管理页面，背景为canvas(会动的折线+跟着鼠标滑动) 功能模块切换为vue transition

留言板(时间轴特效)

目录结构 |——canvas-vue/ | |——build/ | |——confg/ | |——node_modules/ | |——src/ | | |——assets/ //静态文件 | | |——components/ //页面组件 | | | |——Menu.vue //登录注册加载页面 | | | |——Home.vue //后台首页 | | | |——Login.vue //登录页面 | | | |——Regist.vue //注册页面 | | | |——Navbar.vue //我的发布 | | | |——Messageboard.vue //留言板页面 | | | |——... //等等 | | |——router/ | | | |——index.js //页面路由 | | |——App.vue //父组件 | | |——main.js //入口文件 | |——static/ | |——.babelrc | |——.editorconfig | |——.gitgnore | |——index.html | |——package.json | |——README.md Build Setup # 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

项目首页 添加收藏