项目选型:uniapp框架 目标端应用:小程序 评估内容:应用功能点-前端 页面及前端交互时间评估共计:37天(241+20=261小时/7=37) 接口联调预7天
搭建8小时
-
项目初始化搭建
4小时
配置代码转译工具less,bable 2小时 uni.request()封装,错误返回统一处理。 2小时
首页 22-26小时
- 当前城市定位
- 调研高德地图api在uniapp、小程序的兼容情况
4小时
- 定位经纬度解析成详细地址展示
2小时
getlocation()方法获取经纬度 经纬度转为详细地址展示,需要封装成共用方法 - 首页轮播图
- 查看uniapp文档swiper组件是否满足当前需求改动工作量
4小时
- 可以使用并改动工作量较少,将其封装成共用组件以便复用
2小时
- 改动量较大或者需要手动写js源码封装的
6小时
- 首页顶部固定图片展示,是整张图片直接使用还是需要通过代码定位组合使用
3小时
- 首页热销服务
- 图片文字组合和样式布局
2小时
- 热销服务接口编写
1小时
- 首页中部广告位预设,需要判断是否有广告并根据判断结果显示隐藏广告位占用空间
2小时
- 热销单品
- 页面样式组合布局
1小时
- 单品数据接口编写
1小时
城市选择9小时
- 当前城市定位和刷新
1小时
- 接收首页的城市传值
1小时
- 调用共用定位方法
0.5小时
- 所有城市列表选择插件(需要在插件市场调研选择合适的),修改至满足需求
6小时
- 城市选择后页面跳转传参逻辑
0.5小时
服务10小时
- 头部样式封装
2小时
- 左侧类型菜单栏
4小时
- 菜单栏页面样式布局
- 菜单tab选择交互(点击选中的类型背景图片改变)
- 菜单数据接口编写、接口联调、返回数据处理渲染
- 顶部图片展示
1小时
- 家庭保洁服务
3小时
- 标题栏和内容部分的样式布局
- 保洁服务接口编写
我的18小时
- 顶部导航栏
1小时
- 调用共用组件需要通过父子组价通信动态加载右侧设置图标
- 个人信息
12小时
- 头像展示、头像上传(包括从相机和相册选择上传,图片裁剪、旋转、缩放等功能)
- 动态更新用户数据
- 进入我的主页样式布局及页面跳转
- 中部菜单栏
1小时
- 样式布局和点击跳转交互
- 底部列表
4小时
- 列表样式排版布局
- 分享给好友(需要确认和调研分享方式:二维码、小程序分享接口api)
登录注册9小时
- 注册
6小时
- 根据用户当前微信uniId或者手机号判断是否注册过
- 分为手机号注册和微信快捷注册
- 包括获取用户的uniId、电话号码、验证手机号、验证码按钮和计时器。
- 用户验证接口、验证码接口、注册接口的编写
- 登录
3小时
- 选择登录方式包括:手机号验证登录、微信快捷登录。
- 用户登录状态时效性管理,登录、验证码、uniId接口调用和样式布局
- 法律文档
- 用户协议、法律声明及隐私政策页面样式布局
地址管理3小时
- 地址列表
3小时
- 默认地址和非默认地址样式区分
- 地址接口编写
添加服务地址4小时
- 地图显示
1小时
- 所在地区的联级选择
2小时
- 新增地址的回显
1小时
预约时间9小时
- 整个页面的样式布局
3小时
- 顶部日期选择
4小时
- 需要展示一个月,同时展示出周几和月份日期,做成右拉列表封装方法共用
- 中部时间表 每个时间点击的样式
2小时
订单详情页12小时
- 已评价、进行中、已接单、已完成
6小时
- 订单页相同部分样式布局及接口
- 头部导航栏样式封装成组件化 ??
- 服务状态、图片、文字动态化
- 服务项目、预约信息、服务信息、订单信息标题栏封装成共用组件(标题动态传值)
- 预约信息列表样式布局,预约信息接口编写
- 服务数据列表样式布局,联系按钮点击逻辑,服务信息接口编写
- 等待支付(差异样式布局)
4小时
- 订单信息列表样式布局,特殊字段不同颜色显示
- 复制按钮业务逻辑实现
- 订单接口编写
- 底部tabar栏
2小时
- 样式排版
- 联系客服需要调用拨打电话api
- 再来一单按钮实现跳转到下单的业务逻辑(传递相应参数)
订单列表9小时
- 订单导航栏调用封装组件
1小时
- 顶部tab栏样式布局和点击效果交互
2小时
- 内容列表,循环渲染相同部分的服务标题、服务信息和服务金额
6小时
- 动态渲染订单状态
- 内容列表底部按钮因为订单状态不同个数和按钮文字不同所有不能封装成组件,按钮点击跳转相应页面逻辑
- 订单数据接口编写(需要动态传参,tab栏切换数据局部刷新)
产品详情15小时
- 顶部导航栏封装成共用组件
2小时
?? - 导航栏下活动图展示,文字是否动态加载,时间根据当前时间计算剩余时间写计时器
4
- tag标签数据获取和展示
- 活动数据接口编写
- 领取优惠券样式和点击跳转和传参逻辑(是否需要传当前产品的id等用来调用优惠券接口)
- 用户评价
2小时
- 默认展示一条评论,查看更多按钮
- 评论接口编写,根据判断是否点击更多渲染评论条数
- 没有评论时需要预览评论区的空间
- 服务流程
1小时
- 服务详情
3小时
- 详情模块样式布局和区别渲染
- 服务详情内容接口编写
- 服务须知及常见问题
1小时
- 底部联系客服和立即预约
2小时
- 联系客服调用封装方法
产品详情-领取优惠券7小时
- 2/3屏自底部的弹窗
6小时
- 样式布局、弹出动画,点击遮罩层关闭和右上角关闭
- 优惠券列表样式,领取状态不同样式不同,点击效果不同
- 优惠券数据接口编写
- 弹窗底部优惠券使用说明
1小时
添加订单备注3小时
- 顶部导航栏
0.5小时
- 文字输入框,字数限制和当前字数展示
2小时
- 完成备注按钮
0.5小时
服务预约10小时
- 服务预约顶部导航栏
- 服务预约默认展示的模板样式
1小时
- 预约服务人员和选择服务人员
4小时
- 预约人数和选择人数做一致限制
- 预约人数数量限制 5个,判断最大值和默认最小值
- 选择服务人员的默认展示文字和选择后的头像展示,根据判断是否选择动作显示隐藏相应的样式
- 选择服务人员调用接口获取服务人员头像
- 服务订单相关信息
3小时
- 订单金额根据人数、规格相关因素改变及时改变
- 当前用户可用优惠券数量
- 用户可用优惠券接口编写
- 支付方式选择,点击选中交互样式,type记录
- 预约页面底部
2小时
- 价格计算
- 立即下单按钮
查看服务人员12小时
- 顶部导航栏(共用组件)和服务人员信息展示
4小时
- 信息接口包括服务人员信息和完成单量的动态加载
- 个人标签,tag样式
- 用户评论
4小时
- 评论列表样式布局,每条评论的高度不一样,有的有图片有的没有图片
- 底部加载更多数据按钮
- 评论数据接口编写
- 服务人员大图查看
4小时
- 点击服务人员信息图预览服务人员图片
- 点击大图任一地方取消预览关闭大图,
- 大图缩放功能
订单补单7小时
- 顶部导航栏,产品信息展示,产品信息接口
3小时
- 订单服务人员信息展示,服务人员信息接口
2小时
- 补单续时
2小时
- 时间段列表样式布局和点击样式交互
- 底部价格根据时间段选择不同动态刷新,立即下单参数传递给下一页面
补单确认4小时
- 补单详情展示,接收服务人员头像、时长、金额等参数展示
2小时
- 选择支付类型,点击时的交互
1小时
- 确认下单拉起相应支付页面
1小时
预约订单5小时
- 默认的产品信息展示
2小时
- 选择时间后回显到预约时间
1小时
- 订单金额、优惠券、备注信息
2小时
- 订单金额和优惠券信息都是接口返回
- 备注信息的回显
修改预约时间2小时
- 调用时间选择插件(上面预约时间页面相同部分,日期周几、时间点选择)
1小时
- 底部改为确认提交按钮
1小时
修改预约时间结果页1.5小时
- 页面样式布局
1小时
- 计时器回调函数跳转指定页面
0.5小时
评论列表8小时
- 评论内容列表展示,包含评论者的头像和评论星级,发布时间和获赞数,评论数量和图片
6小时
- 评论内容接口编写
2小时
评论详情9小时
- 去掉评论列表的获赞人数和评论量,新增 x人觉得有用,详细描述产品详情,大图展示和底部服务简介
4小时
- 接收评论列表传值编写接口调用指定评论详情进行展示
- 全部评论
5小时
- 全部评论列表展示
- 当前评论下的所有评论接口调用
- 底部按钮 点赞很有用和我要评价 目前小程序不支持评价 点赞需要调接口改变当前评论的获赞数量
领取优惠券5
??
- 活动图 涉及到接口获取动态图
2小时
- 优惠券类型列表展示
2小时
- 优惠券数据接口编写
- 底部图标电话样式
1小时
点击领取页面5.5小时
??
- 活动图 接口返回图片地址
2小时
- 领取优惠券需要登录验证
3小时
- 手机号验证,验证码获取和倒计时按钮,领券按钮样式
- 验证码接口、领券接口编写
- 优惠券活动说明
0.5小时
支付订单8小时
- 订单支付剩余时间倒计时
1小时
- 订单信息和金额样式展示
1小时
- 确认支付按钮,点击拉起微信支付
6小时
订单超时1小时
??
- 订单支付时间剩余时间内未支付
1小时
- 弹窗提醒
订单状态3小时
?? 详情页
- 包括支付成功、失败、退款成功页面
3小时
- 封装成共用组件,根据传值不同改变页面图标和顶部导航栏标题
选择人工8小时
- 顶部导航栏和tab切换栏及tab切换效果交互
2小时
- 最近帮我服务
2小时
- 最近服务为0时展示内容
- 服务历史记录接口调用,历史服务人员信息列表展示
- 预约按钮点击效果和记录点击动作
- 选择其他预约
4小时
- 服务人员信息列表展示,预约按钮和判断是否能预约
- 底部预约人数计算,确认按钮提交选择服务人员表单
申请退款5小时
- 顶部导航栏复用改动右侧提交字样
1小时
- 退款产品简介展示
2小时
- 要退款的订单产品信息由接口返回并渲染
- 退款原因复选框列表
2小时
- 复选框选中状态样式,复选框插件或者js原生实现
- 需判断提示用户至少选择一项
擦玻璃10小时
相似页面还有4个时间减半10*4/2=20小时
??
- 顶部导航栏封装
1小时
- 服务信息展示
3小时
- 调用接口渲染产品图片和产品详情信息
- 电话咨询按钮点击调用拨打api
- 服务流程封装成组件
2小时
- 服务详情
2小时
- 通过调用接口获取服务详情图片和数据对不同服务产品进行渲染,服务详情长列表可能会有定位问题
- 服务须知及常见问题 封装成组件共用
1小时
- 底部预约按钮
1小时
- 油烟机、沙发、清洁服务、日常保洁等页面布局相近,使用共用组件情况下一起算
入户图3小时
??
- 图片分类展示,调用接口
分享?? 限时 免单 首页_广告弹窗(1) https://docs.uninote.com.cn/book/1053903043/414