脚本宝典收集整理的这篇文章主要介绍了

一个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

canvas-login

<!--more-->

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

admin

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

msgboard

目录结构

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

好了,溜了溜了。。。

总结

以上是脚本宝典为你收集整理的

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

全部内容,希望文章能够帮你解决

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

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过