## 开发规范 市面上常用的命名规范: * camelCase(小驼峰式命名法 —— 首字母小写) * PascalCase(大驼峰式命名法 —— 首字母大写) * kebab-case(短横线连接式) * snake_a(下划线连接式) ##### 项目文件命名 #####1、项目名 #####全部采用小写方式, 以下划线分隔。 例:c_pro_uniapp; #####2、组件(components) #####优先选择单个单词命名,多个单词命名以小驼峰式命名。例:cPro; #####3、pages里面的文件名; #####全部采用小写方式, 优先选择单个单词命名,多个单词命名以下划线分隔,组件参考第2条。 例:c_pro_uniapp; #####4、css文件名; #####全部采用小写方式, 优先选择单个单词命名,多个单词命名以短横线分隔。例:cb-pro.css #####5、JavaScript 文件名; #####全部采用小写方式, 优先选择单个单词命名,多个单词命名以短横线分隔。例:cb-pro.js #####6、HTML 文件名; #####全部采用小写方式, 优先选择单个单词命名,多个单词命名以下划线分隔。例:cb_pro.html #####7、图像文件名; #####全部采用小写方式, 优先选择单个单词命名,多个单词命名以短横线分隔。例:cb-pro.jpg ## 目录结构 主要目录结构及说明: ~~~ ├── api # 请求接口 │ ├── activity # 活动接口 │ ├── admin # 管理端接口 │ ├── api # 文章优惠券等接口 │ ├── esp # esp接口 │ ├── kefu # 客服接口 │ ├── lottery # 抽奖活动接口 │ ├── order # 订单接口 │ ├── points_mall # 积分商城接口 │ ├── public # 配置类接口 │ ├── store # 商品接口 │ ├── user # 我的接口 │ └──work # 企业微信接口 │ ├── components # 公共组件 │ │ └──addressWindow # 选择地址 │ │ └──cartDiscount # 购物车优惠明细 │ │ └──cartList # 购物车列表 │ │ └──countDown # 倒计时 │ │ └──couponListWindow # 优惠券列表 │ │ └──couponWindow # 首页优惠券 │ │ └──cusPreviewImg # 规格轮播 │ │ └──customForm # 自定义组件 │ │ └──d_goodList # 分类二的组件 │ │ └──goodClass # 分类三的组件 │ │ └──goodList # 营销组件 │ │ └──guide # 闪屏组件 │ │ └──home # 悬浮导航 │ │ └──homeList # 导航列表 │ │ └──jyf-parser # 富文本 │ │ └──kefuIcon # 客服 │ │ └──Loading # 加载 │ │ └──orderGoods # 订单商品 │ │ └──pageFooter # 底部导航 │ │ └──payment # 支付 │ │ └──productConSwiper # 商品轮播 │ │ └──productWindow # 商品属性 │ │ └──recommend # 热门推荐 │ │ └──skeleton # 骨架屏 │ │ └──storeLis # 门店列表 │ │ └──swipers # 轮播 │ │ └──uni-calendar # 日期 │ │ └──uniNoticeBar # 跑马灯 │ │ └──userEvaluation # 评价 │ │ └──zb-code # 二维码生成插件 │ │ └──emptyPage # 无数据时显示页面 │ ├── config # 项目配置文件 │ ├── libs │ │ └──login # 登录 │ │ └──network # 检测长链接 │ │ └──new_chat # 检测长链接 │ │ └──order # 订单跳转 │ │ └──routine # 授权 │ │ └──wechat # h5授权支付等函数 │ │ └──work # 企业微信 │ ├── mixins # 通用混合 │ │ └──color # 一键换色 │ │ └──SendVerifyCode # 获取验证码 │ ├── pages # 所有页面 │ │ └──activity # 活动 │ │ └──bargain # 砍价状态列表 │ │ └──components # 组件 │ │ └──giftGoods # 商品赠品列表 │ │ └──discount # 活动折扣列表 │ │ └──goods_bargain # 砍价商品列表 │ │ └──goods_bargain_details # 砍价详情 │ │ └──goods_combination # 拼团列表 │ │ └──goods_combination_details # 拼团详情 │ │ └──goods_combination_status # 拼团状态 │ │ └──goods_seckill # 秒杀列表 │ │ └──goods_seckill_details # 秒杀详情 │ │ └──poster-poster # 海报 │ │ └──presell # 预售列表 │ │ └──static # 图片 │ │ └──admin # 管理端 │ │ └──components # 组件 │ │ └──priceChange # 改价以及备注弹窗 │ │ └──ucharts # 统计图 │ │ └──writeOffSwitching # 核销列表 │ │ └──custom_date # 选择日期 │ │ └──delivery # 订单发货 │ │ └──distribution │ │ └──orderDetail # 订单详情 │ │ └──scanning # 扫描结果 │ │ └──index # 配送员 │ │ └──order # 订单统计 │ │ └──order_cancellation # 订单核销 │ │ └──orderDetail # 订单详情 │ │ └──orderList # 订单列表 │ │ └──static # 图片 │ │ └──statistics # 订单数据统计 │ │ └──store # 门店管理 │ │ └──custom_date # 选择日期 │ │ └──deliverGoods # 订单发货 │ │ └──order # 订单管理 │ │ └──orderDetail # 订单详情 │ │ └──scanning # 扫描结果 │ │ └──statistics # 订单数据统计 │ │ └──index # 门店中心 │ │ └──annex # 会员 │ │ └──offline_pay # 支付 │ │ └──offline_result # 支付结果 │ │ └──special # 专题页 │ │ └──vip_active # 激活会员 │ │ └──vip_clause # 会员协议 │ │ └──vip_coupon # 会员优惠券 │ │ └──vip_paid # SVIP会员 │ │ └──web_view # 外部链接跳转 │ │ └──auth # 登录页 │ │ └──columnGoods │ │ └──HotNewGoods │ │ └──feedback # 我的客服 │ │ └──index # 精品推荐 │ │ └──live_list #推荐好货 │ │ └──static #图片 │ │ └──extension │ │ └──components #组件 │ │ └──shareInfo # 分享 │ │ └──vconsole.min # 查看后台打印 │ │ └──customer_list │ │ └──chat # 客服聊天界面 │ │ └──invite_friend #邀请好友 │ │ └──news_details #资讯详情 │ │ └──news_list #资讯 │ │ └──static #图片 │ │ └──goods │ │ └──admin_order_detail #订单详情 │ │ └──components #组件 │ │ └──invoiceModal # 选择发票 │ │ └──invoicePicker # 添加发票信息 │ │ └──lottery # 抽奖转盘 │ │ └──maramlee-waterfalls-flow # 客服聊天界面 │ │ └──goods_comment_con #组件 │ │ └──comment_con # 评价详情 │ │ └──index # 商品评价 │ │ └──lottery_comment # 订单评价 │ │ └──goods_comment_list #商品评分列表 │ │ └──goods_details_store #门店列表 │ │ └──goods_list #商品列表 │ │ └──goods_logistics #商品物流 │ │ └──goods_return #申请退货 │ │ └──goods_return_list #退货列表 │ │ └──goods_search #商品搜索 │ │ └──lottery │ │ └──grids │ │ └──index #抽奖活动 │ │ └──record #中奖纪录 │ │ └──order_confirm #确认订单 │ │ └──order_details #订单详情 │ │ └──order_pay #订单支付 │ │ └──order_pay_status #支付成功 │ │ └──order_refund_goods #退回商品 │ │ └──order_pay_status #退回商品 │ │ └──static #图片 │ │ └──goods_cate 分类 │ │ └──goods_details 商品详情 │ │ └──guide 闪屏 │ │ └──index 首页 │ │ └──order_addcart 购物车 │ │ └──points_mall 积分商城 │ │ └──components #组件 │ │ └──productWindow #商品规格 │ │ └──static #图片 │ │ └──exchange_record #兑换记录 │ │ └──index #积分商城首页 │ │ └──integral_goods_details #商品详情 │ │ └──integral_goods_list #商品列表 │ │ └──integral_order #积分订单 │ │ └──integral_order_details #兑换订单详情 │ │ └──integral_order_status #兑换成功 │ │ └──logistics_details #兑换物流详情 │ │ └──user_address #选择地址 │ │ └──user 个人中心 │ │ └──users 我的 │ │ └──alipay_invoke #支付提示 │ │ └──commission_rank #佣金排行 │ │ └──components #组件 │ │ └──areaWindow #选择地区 │ │ └──login_mobile #登录 │ │ └──pageHeader #头部导航 │ │ └──timeSlot #时间日期插件 │ │ └──login #登录 │ │ └──message_center │ │ └──index #消息中心 │ │ └──messageDetail #消息详情 │ │ └──privacy #协议 │ │ └──promoter_rank #推广人排行 │ │ └──promoter-list #推广人列表 │ │ └──promoter-order #推广人订单 │ │ └──retrievePassword #忘记密码 │ │ └──scan_login #授权登录 │ │ └──static #图片 │ │ └──user_address #选择地址 │ │ └──user_address_list #地址管理 │ │ └──user_bill #账单明细 │ │ └──user_cancellation #注销说明 │ │ └──user_cash #提现 │ │ └──user_coupon #我的优惠券 │ │ └──user_distribution_level #分销等级 │ │ └──user_get_coupon #领取优惠券 │ │ └──user_goods_collection #收藏商品 │ │ └──user_info #个人资料 │ │ └──user_integral #积分详情 │ │ └──user_invoice_form #添加新发票 │ │ └──user_invoice_list #发票管理 │ │ └──user_invoice_order #订单详情 │ │ └──user_money #我的账户 │ │ └──user_payment #余额充值 │ │ └──user_phone #绑定手机 │ │ └──user_pwd_edit #修改密码 │ │ └──user_return_list #退货列表 │ │ └──user_sgin #签到 │ │ └──user_sgin_list #签到记录 │ │ └──user_spread_code #分销海报 │ │ └──user_spread_money #佣金记录 │ │ └──user_spread_user #我的推广 │ │ └──user_vip #我的等级 │ │ └──user_vip_areer #经验记录 │ │ └──visit_list #浏览记录 │ │ └──wechat_login #账户登录 │ │ └──work 企业微信 │ │ └──components #组件 │ │ └──tabNav #导航 │ │ └──groupInfo #群组信息 │ │ └──orderDetail #订单详情 │ │ └──orderList #交易管理 │ │ └──record #记录 │ │ └──userInfo #客户信息 │ ├── plugins # 插件 │ ├── static # 静态文件 │ ├── store # Vuex 状态管理 │ ├── utils # js工具 │ ├── App # 入口文件 │ ├── main.js # 入口文件,注册vue等 │ └── pages.json # 页面配置 ~~~ ## 开发打包项目 ~~~ uniapp开发工具必须为HBuilder # 启动项目(本地开发环境) 点击运行 # 打包项目 点击发行 ~~~