132 lines
6.9 KiB
Markdown
132 lines
6.9 KiB
Markdown
|
# 移动端 文件列表
|
|||
|
|
~~~
|
|||
|
|
.
|
|||
|
|
├── App.vue 文件主入口
|
|||
|
|
├── api 后台api调用地址
|
|||
|
|
│ ├── api.js 公共接口api
|
|||
|
|
│ ├── order.js 订单数据api
|
|||
|
|
│ ├── public.js 公共接口api
|
|||
|
|
│ ├── product.js 商品数据api
|
|||
|
|
│ ├── merchant.js 商户数据api
|
|||
|
|
│ └── user.js 用户信息api
|
|||
|
|
├── components 组件
|
|||
|
|
│ ├── accredit 授权弹窗
|
|||
|
|
│ ├── base 公共组件
|
|||
|
|
│ │ ├──easy-loadimage 图片懒加载
|
|||
|
|
│ │ ├──recommend 推荐商品
|
|||
|
|
│ │ ├──tui-skeleton 骨架屏
|
|||
|
|
│ ├── couponListWindow 优惠券列表弹框
|
|||
|
|
│ ├── goodList 主页和商品搜索页商品列表
|
|||
|
|
│ ├── jyf-parser 商品详情富文本解析器
|
|||
|
|
│ ├── merchantList 商户列表
|
|||
|
|
│ ├── merHome 商户头部信息
|
|||
|
|
│ ├── productConSwiper 商品详情banner
|
|||
|
|
│ ├── productWindow 商品详情sku弹出层
|
|||
|
|
│ ├── shareInfo 资讯详情分享
|
|||
|
|
│ ├── shareRedPackets 商品详情分销气泡
|
|||
|
|
│ ├── skeleton 骨架屏
|
|||
|
|
│ ├── WaterfallsFlow 瀑布流
|
|||
|
|
│ ├── WaterfallsFlowItem 瀑布流
|
|||
|
|
│ ├── navBar 头部导航小标
|
|||
|
|
│ ├── emptyPage 缺省图
|
|||
|
|
│ ├── svipPrice 价格组件
|
|||
|
|
│ ├── vconsole.min.js 调试打印工具
|
|||
|
|
├── config 配置
|
|||
|
|
│ ├── app.js 请求地址和请求头配置
|
|||
|
|
│ ├── cache.js 缓存信息
|
|||
|
|
│ └── socket.js 套接字
|
|||
|
|
├── js_sdk JS-SDK
|
|||
|
|
│ └── Sansnn-uQRCode 二维码生成
|
|||
|
|
├── libs 执行子文件
|
|||
|
|
│ ├── apps.js 授权登录获取token
|
|||
|
|
│ ├── iframe.js 判断是否是isIframe页面
|
|||
|
|
│ ├── login.js 登录
|
|||
|
|
│ ├── order.js 活动商品跳转和预下单
|
|||
|
|
│ ├── follow.js 商户、作者关注/取消
|
|||
|
|
│ ├── routine.js 微信小程序获取信息
|
|||
|
|
│ └── wechat.js 微信公众号获取信息
|
|||
|
|
├── main.js 项目入口文件
|
|||
|
|
├── manifest.json 应用配置文件
|
|||
|
|
├── mixins 混入
|
|||
|
|
│ └── SendVerifyCode.js 验证码
|
|||
|
|
├── package-lock.json 描述模块的版本信息，模块来源及依赖
|
|||
|
|
├── pages 页面目录
|
|||
|
|
│ ├── address 地址相关页
|
|||
|
|
│ ├── auth 作者
|
|||
|
|
│ ├── goods 商品相关页
|
|||
|
|
│ ├── goods_cate 商品分类页
|
|||
|
|
│ ├── index 首页
|
|||
|
|
│ ├── merchant 商户相关页
|
|||
|
|
│ ├── order_addcart 购物车
|
|||
|
|
│ ├── user 个人中心
|
|||
|
|
│ └── users 用户目录
|
|||
|
|
├── pages.json 页面文件的路径、窗口表现配置文件
|
|||
|
|
├── plugin 插件
|
|||
|
|
│ ├── animate 动画库
|
|||
|
|
│ ├── clipboard 复制插件
|
|||
|
|
│ ├── dayjs 处理时间和日期的库
|
|||
|
|
│ └── jweixin-module 公众号H5的JS-SDK
|
|||
|
|
├── static 静态文件
|
|||
|
|
│ ├── css css样式目录
|
|||
|
|
│ ├── easy-loadimage 图片懒加载图片
|
|||
|
|
│ ├── 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模块
|
|||
|
|
│ ├── animationType.js APP端跳转样式
|
|||
|
|
│ ├── ase.js 滑块
|
|||
|
|
│ ├── crypto-js.js 滑块
|
|||
|
|
│ ├── base64src.js base64
|
|||
|
|
│ ├── consumerType.js 客服选择
|
|||
|
|
│ ├── cache.js 设置，读取，检测缓存
|
|||
|
|
│ ├── index.js 公共配置文件
|
|||
|
|
│ ├── permission.js 权限
|
|||
|
|
│ ├── request.js api请求方法
|
|||
|
|
│ ├── setTheme.js 设置主题色
|
|||
|
|
│ ├── SubscribeMessage.js 小程序订阅消息
|
|||
|
|
│ ├── 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>
|