| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[17],{290:function(t,s,a){"use strict";a.r(s);var e=a(13),r=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"智能运动鞋落地页"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#智能运动鞋落地页"}},[t._v("#")]),t._v(" 智能运动鞋落地页")]),t._v(" "),s("blockquote",[s("p",[t._v("请编辑过的人员留下你的姓名")])]),t._v(" "),s("ul",[s("li",[t._v("文档编辑人员 冯垣玮(2022/10/28)")])]),t._v(" "),s("h2",{attrs:{id:"说明"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#说明"}},[t._v("#")]),t._v(" 说明")]),t._v(" "),s("p",[t._v("范肆智能鞋购买平台")]),t._v(" "),s("h2",{attrs:{id:"项目地址"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#项目地址"}},[t._v("#")]),t._v(" 项目地址")]),t._v(" "),s("ul",[s("li",[t._v("svn://dev.webdev.ouj.com/biz/mini_mall/template/uni-app-pro")])]),t._v(" "),s("h2",{attrs:{id:"技术选型"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#技术选型"}},[t._v("#")]),t._v(" 技术选型")]),t._v(" "),s("blockquote",[s("p",[t._v("目标:微信小程序")])]),t._v(" "),s("p",[t._v("可选择的方案，(1)原生 (2)uni-app (3)taro")]),t._v(" "),s("p",[t._v("考虑以后有h5端的需求，使用跨端框架可节约开发成本，最终选择技术人员更熟悉的跨端框架uni-app。")]),t._v(" "),s("h2",{attrs:{id:"最终的技术栈"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#最终的技术栈"}},[t._v("#")]),t._v(" 最终的技术栈")]),t._v(" "),s("blockquote",[s("p",[t._v("uniapp + scss + uviewui(2.0.31) + 原生小程序内置 Api")])]),t._v(" "),s("h2",{attrs:{id:"node版本"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#node版本"}},[t._v("#")]),t._v(" node版本")]),t._v(" "),s("blockquote",[s("p",[t._v('"node": "16.13.0"')])]),t._v(" "),s("h2",{attrs:{id:"开发工具"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#开发工具"}},[t._v("#")]),t._v(" 开发工具")]),t._v(" "),s("blockquote",[s("p",[t._v("XBuilder X (3.6.3.20220917)")])]),t._v(" "),s("h2",{attrs:{id:"项目架构"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#项目架构"}},[t._v("#")]),t._v(" 项目架构")]),t._v(" "),s("div",{staticClass:"language-Bash extra-class"},[s("pre",{pre:!0,attrs:{class:"language-bash"}},[s("code",[t._v("- api "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# http请求")]),t._v("\n- components "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 公共组件(自定义)")]),t._v("\n- config "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 项目变量配置文件")]),t._v("\n- mixins "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 全局mixin")]),t._v("\n- node_modules\n- pages\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("- Activity "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 商城活动相关，如抽奖码活动（搁置中）")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("- Index "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 商城首页")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("- Login "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 登录")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("- Product "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 商品相关")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("-Detail "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 商品详情")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("-Eval "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 商品评价")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("-Index "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 商品页")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("-Video "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 商品视频查看")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("- User "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 用户相关")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("-AccSet "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 账户设置")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("-Address "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 收货地址")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("-Cart "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 购物车")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("-Coupon "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 优惠券")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("-Index "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 个人中心")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("-Order "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 订单相关（订单列表，订单详情，售后服务,用户评价）")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("-Suggest "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 投诉反馈")]),t._v("\n- static "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 存放应用引用的本地静态资源")]),t._v("\n- store "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 全局存储")]),t._v("\n- styles "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 定义的全局scss")]),t._v("\n- utils "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 工具类")]),t._v("\n- App.vue "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 应用配置，用来配置App全局样式以及监听")]),t._v("\n- main.js "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# Vue初始化入口文件")]),t._v("\n- manifest.json "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 配置应用名称、appid、logo、版本等打包信息")]),t._v("\n- pages.json "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 配置页面路由、导航条、选项卡等页面类信息")]),t._v("\n- uni.scss "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# uni-app内置的全局常用样式变量 ")]),t._v("\n\n")])])]),s("h2",{attrs:{id:"备注"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#备注"}},[t._v("#")]),t._v(" 备注")]),t._v(" "),s("h3",{attrs:{id:"商品数据缓存"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#商品数据缓存"}},[t._v("#")]),t._v(" 商品数据缓存")]),t._v(" "),s("ul",[s("li",[t._v("把第一次加载商品信息的数据进行缓存，下次进入该商品页便可不用重新加载数据，可避免白屏加载，提升用户体验。")])]),t._v(" "),s("h3",{attrs:{id:"商品只能购买一件问题"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#商品只能购买一件问题"}},[t._v("#")]),t._v(" 商品只能购买一件问题")]),t._v(" "),s("ul",[s("li",[t._v("因为需要对接erp的商品，订单，售后等信息，确保订单结构一致。（可优化购买多件）")])]),t._v(" "),s("h3",{attrs:{id:"订单商品过多展示问题"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#订单商品过多展示问题"}},[t._v("#")]),t._v(" 订单商品过多展示问题")]),t._v(" "),s("ul",[s("li",[t._v("若是一个订单存在多个商品，商品会根据顺序排列出来，样式不够美观。")])]),t._v(" "),s("h3",{attrs:{id:"频繁点击跳转生成多个跳转页面问题"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#频繁点击跳转生成多个跳转页面问题"}},[t._v("#")]),t._v(" 频繁点击跳转生成多个跳转页面问题")]),t._v(" "),s("ul",[s("li",[t._v("使用节流函数进行处理")])]),t._v(" "),s("h3",{attrs:{id:"兼容ipad"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#兼容ipad"}},[t._v("#")]),t._v(" 兼容ipad")]),t._v(" "),s("ul",[s("li",[t._v("使用@media进行兼容")])]),t._v(" "),s("h3",{attrs:{id:"关于商品详情tab描点问题"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#关于商品详情tab描点问题"}},[t._v("#")]),t._v(" 关于商品详情tab描点问题")]),t._v(" "),s("blockquote",[s("p",[t._v("因为是内嵌H5页面，无法获取H5里面的图片加载是否完成，描点无法准确定位")])]),t._v(" "),s("p",[t._v("处理思考：")]),t._v(" "),s("ul",[s("li",[s("p",[t._v("更改现在的切换模式")])]),t._v(" "),s("li",[s("p",[t._v("弃用H5内嵌")])]),t._v(" "),s("li",[s("p",[t._v("减少图片大小，增加响应速度，再用定时处理（用户第一次进入小程序由于图片未缓存，用定时处理，然后通过vuex记录用户已经进来过一次，即图片已缓存。第二次进入则无需定时但 是缺点明显，用户第一次进入无法判断图片加载完成时间）")])])])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
