🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 配置 ## 微信官方小程序后台配置 ![](https://img.kancloud.cn/5e/05/5e0589179f48eaeff2eee0bc74050dad_2382x3670.png) 1.打开https://mp.weixin.qq.com/,登录小程序-开发-开发设置。 2.生成开发者密码(AppSecret),如果已经生成过,忘记AppSecret,可以重新生成。 3.填写服务器域名,默认填写部署项目的域名。 4.填写业务域名,默认填写部署项目的域名。 ## 项目后台配置 ![](https://img.kancloud.cn/58/c2/58c221686143d8d412d7cc787be2b574_1772x1600.png) 登录项目后台,打开菜单:微信-微信小程序-微信设置 从微信官方小程序后台复制的AppID和AppSecret填写进行,并保存。 ## 编译运行 1.使用微信小程序开发工具打开项目。 下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html ![](https://img.kancloud.cn/78/45/78458bc67e0c77428a6b1df39bd6c2dc_1664x1222.png) 2.复制文件config.example.js ——> /config.js 配置小程序接口域名,将baseURL的值改成服务端域名加/api/,注意,上线需要使用https。 ![](https://img.kancloud.cn/9d/98/9d9886fcc6768c0c5fb0a3b9ff7e11c9_1440x1506.png) 3.复制文件project.config.example.json ——> project.config.json 配置小程序AppID,将appid的值改成小程序的appid值。 4.点击编译即可。 # 说明 ## 目录结构 ├─likeb2b2c-mnp       根目录 │  ├─api      接口文件目录 │  ├─components     组件目录 │  │  ├─active-area   首页活动区域组件 │  │  ├─after-sales-list   售后列表组件 │  │  ├─coupon-list   优惠券列表组件 │  │  ├─coupon-obj   下单选择优惠券列表组件 │  │  ├─float-tab   悬浮按钮组件 │  │  ├─goods-list   商品列表组件 │  │  ├─goods-shop   店铺商品组件 │  │  ├─home-coupon   首优惠券组件 │  │  ├─loading-footer   上拉加载底部组件 │  │  ├─loading-view     加载页组件 │  │  ├─my-coupons我的优惠券组件 │  │  ├─navigation-bar   导航头组件 │  │  ├─order-goods订单商品列表组件 │  │  ├─price-slice   价格分割组件 │  │  ├─product-swiper    商品详情轮播组件 │  │  ├─progress     自定义滚动条组件 │  │  ├─pullloading     上拉加载组件 │  │  ├─recommend     推荐商品组件 │  │  ├─spec-popup     商品规格弹窗组件 │  │  ├─swipers广告位轮播组件 │  │  └─trigonometry    小三角组件 │  │   │  ├─images图片资源目录 │  ├─miniprogram\_npm    第三方依赖目录 │  ├─pages       页面文件目录 │  ├─styles     全局样式目录 │  │ │  ├─utils          工具类目录 │  │  ├─event.js     事件文件 │  │  ├─request.js    接口请求拦截   │  │  ├─type.js     枚举类型 │  │  ├─request.ts     接口请求拦截 │  │  ├─util.js     常用工具方法 │  │  └─wxutil.ts    微信相关 │  ├─wxParse    富文本目录 │  ├─app.js  小程序入口文件 │  ├─app.json     小程序全局配置文件 │  ├─app.wxss       小程序全局样式文件 │  ├─config.example.js    接口域名等配置文件 ## 页面说明 | 页面|名称|路径|带路径例子|参数解释| | --- | --- | --- | --- | --- | | 首页 | index | /pages/index/index | | | | 分类 | sort | /pages/sort/sort | | | | 购物车 | shop_cart | /pages/shop\_cart/shop\_cart | | | | 个人中心 | user | /pages/user/user | | | | 收货地址 | user\_address | /pages/user\_address/user\_address | /pages/user\_address/user\_address?type=1 | /pages/user_address/user_address?type=1从下单页进入地址页需要传参 | | 地址编辑/添加 | address\_edit | /pages/address\_edit/address\_edit | /pages/address\_edit/address\_edit?type=0&id=1 | type为0则为编辑地址,type为1则为添加地址,type为1时id不传 | | 登录 | login | /pages/login/login | | | | 帮助中心/商城咨询 | news\_list | /pages/news\_list/news\_list | /pages/news\_list/news\_list?type=1 | type为1则为帮助中心,不传为商城资讯 | | 用户评价列表 | goods\_evaluate | /pages/goods_evaluate/goods_evaluate | /pages/goods\_evaluate/goods\_evaluate?type=1 | 可传也可不传,0为选中第一个tab,1为选中第二个tab | | 商品评价 | goods\_reviews | /pages/goods\_evaluate/goods\_evaluate | /pages/goods\_evaluate/goods\_evaluate?id= | 对应的订单商品id | | 店铺主页 | store_home | /pages/store_home/store_home | /pages/store\_home/store\_home?id=1 | 店铺id | | 店铺信息 | store\_info | /pages/store\_info/store\_info | /pages/store\_info/store\_info?id=1 | 店铺id | | 全部评价 | user\_evaluation | /pages/user\_evaluation/user\_evaluation | /pages/user\_evaluation/user\_evaluation?id=9 | 商品id | |退款/售后| post\_sale | /pages/post\_sale/post\_sale | | | | 店铺街 | shop\_street | /pages/shop\_street/shop\_street | | | | 限时秒杀 |goods\_seckill| /pages/activity/goods\_seckill/goods\_seckill | | | | 领券中心 | user\_getcoupon | /pages/user_getcoupon/user_getcoupon | | | | 店铺排行 | store\_list | /pages/store\_list/store\_list | | | | 热销榜单 | hot\_list | /pages/hot\_list/hot\_list | | | | 商品搜索 | goods\_search | /pages/goods\_search/goods\_search | /pages/goods\_search/goods\_search?id=2&name=手机 | 当点击分类进入商品搜索时,需要传分类id和分类名字 | | 商品详情 | goods_details | /pages/goods\_details/goods\_details | /pages/goods\_details/goods\_details?id=1 |商品id| | 我的订单 | user\_order | /pages/user\_order/user\_order | /pages/user\_order/user\_order?type=pay |订单类型,可传可不传| | 订单详情 |order\_details| /pages/order\_details/order\_details | /pages/order\_details/order\_details?id=2 | 订单id | | 签到 | user\_sgin | /pages/user_sgin/user_sgin | | | | 我的优惠券 | user\_coupon | pages/user\_coupon/user\_coupon | | | |售后申请| apply\_refund | /pages/apply\_refund/apply\_refund | /pages/apply_refund/apply_refund?order_id=22&item_id=12 | 订单id,商品规格id | |售后详情|after\_sales\_detail|/pages/after_sales_detail/after_sales_detail|/pages/after\_sales\_detail/after\_sales\_detail?afterSaleId=33&order\_id=22|订单id,售后id| |提交快递单号|input\_express\_info|/pages/input\_express\_info/input\_express\_info|/pages/input\_express\_info/input\_express\_info?id=33|售后id| |文章详情|news\_details|/pages/news_details/news_details|/pages/news\_details/news\_details?id=1&type=1|文章id, type为1时为帮助详情| |物流信息|goods_logistics|/pages/goods\_logistics/goods\_logistics|/pages/goods\_logistics/goods\_logistics?id=2| 订单id| |积分明细|sign\_detail|/pages/sign\_detail/sign\_detail| | | |签到规则|sign_rule|/pages/sign_rule/sign_rule| | | |webview|webview|/pages/webview/webview|/pages/webview/webview?url=https://baidu.com|网页链接| |支付结果|pay_order|/pages/pay\_order/pay\_order|/pages/pay\_order/pay\_order?id=1|订单id| |个人设置|user\_profile|/pages/user_profile/user_profile| | | |下单|confirm\_order|/pages/confirm_order/confirm_order|/pages/confirm\_order/confirm\_order?type=cart&goods= \[{Item\_id: 10, num: 1}\]|type不传默认为立即购买, 传’cart’为购物车购买,goods是一个包含规格id和商品数量的数组| |服务协议|server_explan|/pages/server\_explan/server\_explan|{type: 0}| 0为服务协议,1为隐私政策, 2为售后保障 |