移动端
项目介绍
目录结构
LaiKeJavaPages
├── App.vue #入口
├── common #通用文件夹
│ ├── public.less #公共样式
│ ├── req #请求封装
│ ├── util.js #公共js
│ ├── zh_CN.js #中文包
│ └── zh_EN.js #英文包
├── components #组件
│ ├── choose-pay.vue #支付选择
│ ├── date-time-picker.vue #日期选择
│ ├── delModel.vue #删除
│ ├── header.vue #顶部导航栏
│ ├── laiketuiCommon.vue #配置文件
│ ├── lktauthorize.vue #通用统一登陆授权组件
│ ├── order #订单组件
│ ├── paymodel.vue #余额支付 密码输入
│ ├── qiyue-richtext #富文本
│ ├── ruleModal.vue #规则弹窗
│ ├── share.vue #分享
│ ├── skeleton.vue # 骨架屏
│ ├── skus.vue # 规则选择
│ ├── time-picker.vue #时间选择
│ ├── toload.vue #加载
│ └── uni-load-more.vue # 上拉加载
├── guider.png #引导页
├── laike.less #公共样式
├── laike.png #app icon
├── main.js #mainjs
├── manifest.json #uniapp 配置
├── mixins #混入
│ ├── bargain.js #砍价
│ ├── bidding.js #竞拍
│ ├── coupon.js #优惠券
│ ├── order.js #订单
│ ├── pay.js #支付
│ └── seckill.js #秒杀
├── openpage.png
├── package.json
├── pages #主包
│ ├── address #地址
│ ├── collection #收藏
│ ├── evaluate #评论
│ ├── expressage #物流
│ ├── goods #商品
│ ├── index #分享入口
│ ├── login #登陆
│ ├── message #消息
│ ├── my #我的
│ ├── order #订单
│ ├── pay #支付
│ ├── scavenging #搜索
│ └── tabBar #底部导航
├── pages.json #页面配置
├── pagesA #分包
│ ├── afterSale #售后
│ ├── bargain #砍价
│ ├── bidding #竞拍
│ ├── distribution #分销
│ ├── group #拼团
│ ├── myStore #店铺
│ ├── returnGoods #售后
│ ├── search #搜索
│ ├── store #店铺首页
│ ├── vip #会员
│ └── vipClub #会员
├── pagesB #分包
│ ├── coupon #优惠券
│ ├── expressage #物流
│ ├── home #部分首页组件
│ ├── integral #积分商城
│ ├── myWallet #我的钱包
│ ├── seckill #秒杀
│ ├── setUp #设置
│ └── vip #vip
├── pagesC
│ ├── shareDemo #分享
│ └── webView
├── static #静态资源
│ ├── css #样式
│ ├── iconfont #图标
│ ├── img #图片
│ └── js #js脚本
├── store #vuex
│ └── index.js
├── unpackage #打包输出文件夹
│ └── dist
└── vue.config.js
注意:新增功能和图片、js 不要写到pages包,小程序上传的大小有限制:2M。
项目工具
1、使用HBuilderX打开LaikeJavaPages项目
项目部署
后端服务
laike-gateway
laike-admin-store
laike-app
配置修改
接口路径配置文件位置
LaiKeJavaPages
├── components
│ ├── laiketuiCommon.vue #配置文件
修改的配置内容
复制
/**
* 商户/商城id:管理后台的 "平台" -> "商户列表" ;默认商城ID = 1
* 如果新建子商城,需要部署移动端,则需要修改为子商城ID
*/
let DEFAULT_STORE_ID = 1;
/**
* 商户/商城id:管理后台的 "平台" -> "商户列表"
*/
const LKT_STORE_ID = uni.getStorageSync('store_id') ? uni.getStorageSync('store_id') : DEFAULT_STORE_ID
/**
* 根路径(需修改)
* 此处使用网关地址
*/
const LKT_ROOT_URL = 'https://java.houjiemeishi.com'
//const LKT_ROOT_URL = 'http://localhost:18001'
/**
* 网关路由(无需修改)
*/
// const VERSION = ''
const VERSION = 'gw'
/**
* 带版本号的路径:图片路径(需修改)
* 使用网关地址+pic后缀
*/
const LKT_ROOT_VERSION_URL = 'https://java.houjiemeishi.com/pic/'
/**
* 接口URL
*/
const LKT_API_URL = LKT_ROOT_URL + '/' + VERSION + '?store_id=' + LKT_STORE_ID + '&2=2&'
/**
* 来客电商H5默认路径(需修改)
* 此处使用h5地址
*/
// const LKT_H5_DEFURL = "http://localhost:8086/#"
const LKT_H5_DEFURL = 'https://java.houjiemeishi.com/#/'
如果部署在域名二级目录下,则修改下图红圈内容为二级目录名称,比如移动端地址为laike.net/h5,则设置base和domain为"/h5"
修改移动端代码store/index.js中的url,改为后端接口地址
打包部署
获取APPID
打包,自行选择打包方式
上传打包好的文件到想要部署的站点根目录,并解压
访问移动端地址