首页 > 移动平台 > 详细

uniapp目录变量命名开发规范

时间:2021-09-23 04:00:02      阅读:26      评论:0      收藏:0      [点我收藏+]

uniapp目录变量命名开发规范

1.常规开发目录

├── api             // 统一接口目录
│   └── user.js     // 用户接口 (按功能分组)
├── common          // 公共目录
│   ├── common.js   // 公共函数 
├── components      // 公共组件目录
├── pages           // 页面
│   ├── index
│   │   └── index.vue
│   ├── login      
│   │   ├── login.vue   
│   │   └── register    
├── static          // 静态资源 (css/js/图片/声音等等)
│   ├── images
│   │   ├── category.png
├── store           // vuex缓存
│   └── index.js
└── utils           // 工具目录
    └── request.js  // http请求库
├── App.vue         
├── main.js         // 入口文件
├── manifest.json   // uniapp配置文件
├── pages.json      // 页面配置
├── uni.scss        // 公共样式
├── README.md       // 自述文件

2.文件夹命名规范
命名一定要有意义, 有辨识度

搜索: search.vue
购物车: confirm-order.vue
有些页面文件名和位置必须固定

举个栗子: 创建有关商品(goods)的页面;

	列表页: pages/goods/list.vue
	详情页: pages/goods/detail.vue

多个单词全小写 使用中划线分割

confirm-order.vue

3.代码命名规范
变量命名

命名: 驼峰命名, 首字母小写. 必须有意义
页面列表:List为后缀,如goodsList
页面详情:Details为后缀,如goodsDetails
页面状态值: 必须是bool类型, is作为前缀. 如: isShow

方法命名

跳转页面: to+目录名/页面名 toGoodsDetail(), toMy()
获取方法: get+变量名 getGoodsList()
更新方法: up+变量名 upIsShow()
提交方法: submit前缀 submitOrderData	(防快速点击: 提交数据需要做防止快速重复点击, 以3秒为例. 防止重复向服务器发送数据)

4.公共配置
所有用到地址的地方, 都必须从vuex缓存中获取

项目 注解
apiUrl API地址
wsUrl WebSocket地址
staticUrl 静态资源地址( 比如图片/js/css等)

uniapp目录变量命名开发规范

原文:https://www.cnblogs.com/yangguanglei/p/15305780.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!