Appearance
概述
移动端前端源码位于 view/uniapp/(旧目录命名 view/uni-app/)。基于 Vue 2 + Uni-app 构建,一套代码同时支持发布为:
- 微信小程序
- 微信公众号 H5 / 手机浏览器 H5
- Android / iOS 原生 App
核心配置 (config/app.js)
在打包和运行前,需在 config/app.js 中配置后端请求接口地址:
javascript
module.exports = {
// 请求接口地址
HTTP_REQUEST_URL: 'https://你的域名',
// WebSocket 长链接地址
VUE_APP_WS_URL: 'wss://你的域名/ws'
};常用页面路径清单
| 页面名称 | 页面路径 | 典型参数示例 | 参数说明 |
|---|---|---|---|
| 首页 | /pages/index/index | - | 首页 |
| 商品分类 | /pages/goods_cate/goods_cate | - | 分类导航 |
| 商品列表 | /pages/goods_list/index | ?sid=10 | sid: 分类 ID |
| 商品详情 | /pages/goods_details/index | ?id=100 | id: 商品 ID |
| 购物车 | /pages/order_addcart/order_addcart | - | 购物车列表 |
| 订单确认 | /pages/users/order_confirm/index | ?cartId=1,2 | cartId: 购物车记录 ID |
| 订单详情 | /pages/order_details/index | ?order_id=wx123456 | order_id: 订单号 |
| 订单列表 | /pages/users/order_list/index | ?status=0 | status: 0待付款/1待发货/2待收货/3待评价 |
| 个人中心 | /pages/user/index | - | 用户中心 |
| 登录页 | /pages/users/login/index | - | 手机号/密码登录 |
| 地址管理 | /pages/users/user_address_list/index | - | 收货地址列表 |
| 优惠券中心 | /pages/users/user_get_coupon/index | - | 领券中心 |
| 积分明细 | /pages/users/user_integral/index | - | 积分变动记录 |
| 分销中心 | /pages/users/user_spread_user/index | - | 推广与佣金管理 |
源码目录结构
view/uniapp/
├── api/ # 统一接口请求定义
├── components/ # 通用业务组件
├── config/ # 核心环境与接口配置 (app.js)
├── libs/ # 登录、授权、公众号等底层封装
├── pages/ # 主包页面
│ ├── index/ # 首页
│ ├── goods_details/ # 商品详情
│ ├── user/ # 个人中心
│ └── users/ # 用户相关子页面(订单/地址/分销/钱包)
├── static/ # 静态图片、图标与字体
├── App.vue # 应用入口与全局主题变量
└── manifest.json # Uni-app 多端发布配置文件