# 移动端 文件列表 ~~~ . ├── App.vue 文件主入口 ├── api 后台api调用地址 │ ├── activity.js 营销活动api │ ├── api.js 公共接口api │ ├── order.js 订单数据api │ ├── public.js 公共接口api │ ├── store.js 商品数据api │ └── user.js 用户信息api ├── components 组件 │ ├── Loading 加载中 │ ├── addressWindow 地址选择 │ ├── cartList 购物车弹框 │ ├── countDown 倒计时 │ ├── couponListWindow 优惠券列表弹框 │ ├── couponWindow 优惠券弹框 (弃用) │ ├── d_goodList 分类页模板3商品列表 │ ├── easy-upload 上传图片 │ ├── f_goodList 分类页模板4商品列表 │ ├── goodList 主页和商品搜索页商品列表 │ ├── jyf-parser 商品详情富文本解析器 │ ├── login_mobile 登录 │ ├── mpvue-calendar 日历 │ ├── orderGoods 订单商品 │ ├── payment 支付弹出层 │ ├── productConSwiper 商品详情banner │ ├── productWindow 商品详情sku弹出层 │ ├── promotionGood 首页宫格商品推荐列表 │ ├── recommend 热门推荐商品 │ ├── shareInfo 资讯详情分享 │ ├── shareRedPackets 商品详情分销气泡 │ ├── skeleton 骨架屏 │ ├── swipers 轮播图 │ ├── userEvaluation 商品评价 │ ├── vconsole.min.js 调试打印工具 │ └── wPicker 选择器 ├── config 配置 │ ├── app.js 请求地址和请求头配置 │ ├── cache.js 缓存信息 │ └── socket.js 套接字 ├── js_sdk JS-SDK │ └── Sansnn-uQRCode 二维码生成 ├── libs 执行子文件 │ ├── apps.js 授权登录获取token │ ├── chat.js 聊天通信配置 │ ├── iframe.js 判断是否是isIframe页面 │ ├── login.js 登录 │ ├── order.js 活动商品跳转和预下单 │ ├── routine.js 微信小程序获取信息 │ └── wechat.js 微信公众号获取信息 ├── main.js 项目入口文件 ├── manifest.json 应用配置文件 ├── mixins 混入 │ └── SendVerifyCode.js 验证码 ├── package-lock.json 描述模块的版本信息,模块来源及依赖 ├── pages 页面目录 │ ├── activity 营销活动 │ ├── auth 作者 │ ├── goods_cate 商品分类页 │ ├── goods_details 商品详情页 │ ├── goods_list 商品列表页 │ ├── goods_search 商品搜索页 │ ├── index 首页 │ ├── news_details 资讯详情 │ ├── news_list 资讯列表 │ ├── order_addcart 购物车 │ ├── order_details 订单详情 │ ├── order_pay_status 支付状态页 │ ├── user 个人中心 │ └── users 用户目录 ├── pages.json 页面文件的路径、窗口表现配置文件 ├── plugin 插件 │ ├── animate 动画库 │ ├── chat 聊天插件 │ ├── clipboard 复制插件 │ ├── dayjs 处理时间和日期的库 │ ├── image-tools 图像转换工具 │ └── jweixin-module 公众号H5的JS-SDK ├── static 静态文件 │ ├── css css样式目录 │ ├── html PC端打开时的html文件 │ ├── iconfont iconfont │ ├── images 图片资源 │ ├── img 图片资源 │ └── tabBar 底部导航图片 ├── store vuex │ ├── getters.js store的计算属性 │ ├── index.js store入口文件 │ └── modules store的模块 ├── uni.scss uniapp自带的的scss文件 ├── unpackage 打包后的目录 ├── utils 公共的js模块 │ ├── SubscribeMessage.js 消息通知 │ ├── base64src.js base64 │ ├── cache.js 设置,读取,检测缓存 │ ├── index.js 公共配置文件 │ ├── permission.js 权限 │ ├── request.js api请求方法 │ ├── util.js 工具函数 │ └── validate.js 输入验证,函数防抖 └── vue.config.js 主配置 ~~~ ## 移动端运行 (H5 和 微信小程序) 下载安装 [Hbuilder](https://www.dcloud.io/) 导入移动端项目 开源地址中对应的 app 目录  移动端访问 api 设置,下图设置包涵App的配置  在文件中修改对应java服务的api地址即可 > 注意: 配置文件放在移动端的包外面 是为了方便在调试过程中频繁修改地址域名,根据自己需求可以在 /app/config/app.js 修改 ### **运行H5**  第一次使用可能Hbuider要求登录等等,跟着操作即可 H5运行成功  ### **运行微信小程序** 需要在清单文件 manifest.json 配置文件中维护已有开发权限的微信小程序appid,这里的appid和webPC管理端配置的微信小程序appid一致  运行微信小程序到微信小程序开发工具  运行微信小程序成功  如果不能自动打开微信开发者工具,记得开启如下端口,如果还不能自动打开,尝试重启软件,或者设备。这里走运行是为了有热更新等方便调试,如果要发布上传代码,点击发行,否则会出现超包提示  # **视频教程列表** ***** <iframe src="//player.bilibili.com/player.html?aid=417665101&bvid=BV17V411J7kY&cid=326210603&page=1" scrolling="no" border="0" frameborder="no" height=400 width=600 framespacing="0" allowfullscreen="true"> </iframe>