2024-01-20 12:29:18 +08:00
|
|
|
|
# 移动端 文件列表
|
2023-12-20 21:41:47 +08:00
|
|
|
|
~~~
|
|
|
|
|
|
.
|
|
|
|
|
|
├── 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>
|
