[适合前端新手vue项目]超级可爱的宠物APP

最新推荐文章于 2025-03-11 11:28:52 发布

Diana_Dai

最新推荐文章于 2025-03-11 11:28:52 发布

阅读量1.5k

点赞数 1

分类专栏：笔记

本文链接：https://blog.csdn.net/Diana_Dai/article/details/109910262

版权

这是一个适合前端新手的项目，使用Vue框架构建了一款超级可爱的宠物APP。项目包括登录注册功能，Mockjs模拟数据，Swiper实现轮播效果，并通过vue-cli、vue-router、vuex和axios等技术栈实现移动端页面。UI设计精美，注重用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[适合前端新手项目]超级可爱的宠物APP > <

基于网上找的UI设计图，实现简单的移动端静态页面；利用VUE框架进行管理；Mock实现模拟数据；添加了token登录和注册功能
本项目用到的技术栈： vue-cli + vue-router + vuex + axios + Mockjs + Swiper

为什么做这个项目

因为在自学前端，刚刚跟着尚硅谷的<vue前端硅谷外卖>课程学了一遍vue用法，但是无奈基于饿了么的APP页面实在是一点美感都没有，
于是自己上网扒了一个有趣且有设计感的图作为练手项目。如果你也和我一样对设计图有一定的要求，那可以试试这个项目。

UI设计图

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NNNK9hfy-1605970018820)(/img/UI-MODEL.png)]
原图链接

效果图

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EKbFtYxr-1605970018821)(/img/Login.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ookohdJy-1605970018821)(/img/homepage.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-17MELAy0-1605970018821)(/img/pet.png)]

最低0.47元/天解锁文章