vue手撸移动端后台(3)项目设计

本文将介绍如何使用 Vue 框架手动搭建一个移动端后台系统,涉及首页按钮跳转、用户管理、文章管理等功能。项目设计包括:首页根据设备类型跳转,用户管理的列表展示和增删功能,文章管理的列表缓存和左滑删除,以及导航栏设计、防重复提交、组件通信、页面过渡效果、页面传值和图片上传等基础功能。

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

我们也不做一个超级大项目,但是简单的设计还是要的,当然你可以直接略过看后面的。
在这里插入图片描述
不是很清晰,列一下:

  • 首页:几个按钮(用户管理,文章管理),进入下一页【首页判断下是手机打开还是pc打开的,跳转到不同的页面】
  • 用户管理:顶部navbar,返回首页,或者进入新增用户页面,用户管理列表
  • 文章管理:顶部navbar,左滑删除,列表缓存,等。

需要做到的几个点:

  • 左滑列表,出现删除,删除数据后,列表清理。
  • 防止按钮重复提交
  • NavBar统一设计,左侧返回,右侧自定义
  • 非父子组件间的通信
  • 进入新页面,顶部进度条
  • 页面传值
  • 图片上传
  • tab切换

其他的边做边加吧。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值