feat：v1.4前端更新

2025-06-24 14:43:09 +08:00
parent 0268aa5033
commit 35fec82e4a
1026 changed files with 118424 additions and 56490 deletions
--- a/app/README.md
+++ b/app/README.md
@@ -0,0 +1,138 @@
+# 移动端 文件列表
+~~~
+.
+├── 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 目录
+![](https://gitee.com/xghc/picture/raw/master/img/20211101092846.png)
+
+移动端访问 api 设置,下图设置包涵App的配置
+![](https://gitee.com/xghc/picture/raw/master/img/20211101093058.png)
+在文件中修改对应java服务的api地址即可
+
+> 注意： 配置文件放在移动端的包外面 是为了方便在调试过程中频繁修改地址域名，根据自己需求可以在 /app/config/app.js 修改
+
+### **运行H5**
+![](https://gitee.com/xghc/picture/raw/master/img/h5_chrome.jpg)
+第一次使用可能Hbuider要求登录等等，跟着操作即可
+
+H5运行成功
+
+![](https://gitee.com/xghc/picture/raw/master/img/20211101093546.png)
+
+### **运行微信小程序**
+需要在清单文件 manifest.json 配置文件中维护已有开发权限的微信小程序appid，这里的appid和webPC管理端配置的微信小程序appid一致
+![](https://gitee.com/xghc/picture/raw/master/img/screenshot_1627954225089.png)
+运行微信小程序到微信小程序开发工具
+![](https://gitee.com/xghc/picture/raw/master/img/screenshot_1627954441599.png)
+运行微信小程序成功
+![](https://gitee.com/xghc/picture/raw/master/img/screenshot_1627954579617.png)
+如果不能自动打开微信开发者工具，记得开启如下端口，如果还不能自动打开，尝试重启软件，或者设备。这里走运行是为了有热更新等方便调试，如果要发布上传代码，点击发行，否则会出现超包提示
+![](https://gitee.com/xghc/picture/raw/master/img/screenshot_1627954636514.png)
+# **视频教程列表**
+*****
+
+<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>