一个Vue+Canvas的酷炫后台管理

又一个Vue+Cnavas酷炫的后台管理，依然先后端分离（用PC打开，还没适配移动端）。

项目地址： https://github.com/hzzly/canv...
demo地址： http://hjingren.cn/curriculum...
帐号：hzzly 密码：123456
欢迎你们的star啦~

技术栈

前台:

1. vue-cli

2. vue

3. vue-router

4. webpak

5. canvas

6. ajax

后台:

1. wamp

2. PHP(ThinkPHP)

3. mysql

功能说明

• 登陆

  • 用户登陆

  • 管理员登陆

• 注册

  • 用户注册

• Canvas

  • 流星滑过

  • 星星闪闪

  • 后台折线

  • 折线跟着鼠标滑动

• Vue

  • 弹出框组件

  • 路由切换动画

  • 经过Ajax调用后台接口

• 留言板(时间轴)

• 添加房屋信息

• 出租 求租

• 出售 求购

• 我的信息修改

• 密码修改

• ......

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

<!--more-->

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

3.留言板(时间轴特效)

目录结构

|——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

总结

这个项目尚未完成，后期将不按期更新，敬请期待。。

若是以为还行，欢迎star
项目地址： https://github.com/hzzly/canv...
项目后台(PHP)地址： https://github.com/hzzly/canv...

个人博客地址：https://hzzly.github.io/

好了，溜了溜了。。。