| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[13],{285:function(t,s,a){"use strict";a.r(s);var e=a(13),n=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("此项目主要用于智能鞋h5页面及智能鞋小程序，包括智能鞋App引用的h5页面")]),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://svn.webdev.ouj.com/biz/shoes/trunk/guide/frontend")])]),t._v(" "),s("h2",{attrs:{id:"h5上线目录"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#h5上线目录"}},[t._v("#")]),t._v(" h5上线目录")]),t._v(" "),s("ul",[s("li",[t._v("svn://svn.webdev.ouj.com/biz/shoes/trunk/xie-web")])]),t._v(" "),s("h2",{attrs:{id:"h5域名"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#h5域名"}},[t._v("#")]),t._v(" h5域名")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("环境")]),t._v(" "),s("th",[t._v("域名")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("正式环境")]),t._v(" "),s("td",[s("a",{attrs:{href:"https://m.funfet.com/index.html#/",target:"_blank",rel:"noopener noreferrer"}},[t._v("m.funfet.com"),s("OutboundLink")],1)])])])]),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("目标:微信小程序，h5页面")])]),t._v(" "),s("ol",[s("li",[t._v("由于项目存在跨端，不考虑小程序原生")]),t._v(" "),s("li",[t._v("跨端可选择的方案，(1)uni-app,(2)taro")])]),t._v(" "),s("p",[t._v("最终由于技术人员对Vue更熟悉，即开发效率更高，最终选择了基于Vue的跨端框架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 "),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("- "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("..")]),t._v(".\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v("- Guide "),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("- Rules "),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("- "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[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")])])])])}),[],!1,null,null,null);s.default=n.exports}}]);
|
