一个Vue+Canvas的酷炫后台管理
又一个Vue+Cnavas酷炫的后台管理,依然前后端分离(用PC打开,还没适配移动端)。https://hzzly.github.io/2017/03/21/%E4%B8%80%E4%B8%AAVue-Canvas%E7%9A%84%E9%85%B7%E7%82%AB%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86/项目地址: https://github.co
·
又一个Vue+Cnavas酷炫的后台管理,依然前后端分离(用PC打开,还没适配移动端)。https://hzzly.github.io/2017/03/21/%E4%B8%80%E4%B8%AAVue-Canvas%E7%9A%84%E9%85%B7%E7%82%AB%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86/
项目地址: https://github.com/hzzly/canvas-vue
demo地址: http://hjingren.cn/curriculum-design/
账号: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.登录注册模块
2.后台管理页面
3.留言板(时间轴特效)
目录结构
|
|
技术点
- 登录注册切换动画–vue的transition转换动画
|
|
- 登录注册星星与流星–canvas
|
|
总结
这个项目还没有完成,后期将不定期更新,敬请期待。。
如果觉得还行,欢迎star
项目地址: https://github.com/hzzly/canvas-vue
项目后台(PHP)地址: https://github.com/hzzly/canvas-vue-backstage
好了,溜了溜了。。。
更多推荐
已为社区贡献259条内容
所有评论(0)