其他分享
首页 > 其他分享> > 薪火队——代码规范与冲刺计划

薪火队——代码规范与冲刺计划

作者:互联网

这个作业属于哪个课程 至诚软工实践F班
这个作业要求在哪里 第五次团队作业:项目冲刺
这个作业的目标 关于团队的代码规范以及冲刺阶段的任务计划以及预期目标等
参考文献 微信小程序开发文档微信小程序开发代码规范参考

一、代码规范

1目录规范

推荐依照微信小程序的开发文档中的建议,避免改动pages文件目录结构,云环境指定目录,在小程序根目录下新建images文件夹,并依据图片引用用途分为通用图、系统样式图、轮播图(即可首页广告位图片)、常修改替换img文件夹,目录结构参考下图:

2JS规范

2.1命名规范

变量名与函数名均使用驼峰命名法,函数名前缀要有清楚的动词表示函数的功能。例图:

2.2数据绑定与变量定义

所有与数据绑定有关的变量都要在 Page 中的 data 里面进行初始化。例:

    searchText:"",
    seekShow: "", //寻物启事是否隐藏寻回的物品
    loseShow: "", //失物招领是否显示已认领的物品
    BgColor: "rgb(168, 168, 168)", //按钮初始背景
    buttonLeft: "8rpx", //按钮小圆圈的位置
    loseLength: [], //失物招领显示长度
    seekLength: [],
    indexTitle: 0, //标题当前选择的下坐标
    nowThing: "",
    lose: [], //失物招领标题
  },

2.3点击事件函数

命名方式为 on + 事件名,例子:

    onClick: function (event) {
        console.log(event)
    }

3.WXML 规范

3.1. wxml 标签能单独出现尽量单独出现
3.2. 每行的字符数量在 50 个字符以内
3.3. 标签所带的属性在每个属性间进行换行
3.4. 不要使用内联样式,选择使用类
3.5. 使用双引号
例:

<view class="side">
  <view class="go" bindtap="goTop">
    <image src="../../images/common/top.png"></image>
  </view>
  <navigator url="../release/release">
    <view class="add">+</view>
  </navigator>
</view>

4.CSS 规范

4.1.间距使用 rpx ,字体大小和边框使用 px
4.2.CSS 代码要有明显的代码缩进
4.3.每个样式类之间空出一行
4.4.样式类中的属性尽量使用简写属性,且同类属性放在一起
4.5.使用 flex 进行布局
4.6.使用双引号
4.7.CSS 属性中冒号后面要有一个空格

例:

.side{
  background-color: #fff;
  width: 100rpx;
  height: 200rpx;
  border-radius: 50rpx;
  position: fixed;
  top: 1100rpx;
  left: 630rpx;
}

5.版本测试规范

5.1 模块化

按照每个人的不同分工进行编程,禁止跨区域编程。使用微信云版本控制,同步测试代码,即时反馈异常报错信息。

5.2 提交要求

禁止覆盖上一版本,按照日期更新,版本统一后按照版本范例(测试|正式1.0.1)命名提交至微信平台测试发布。

代码必须通过微信小程序开发者中的检测,非必要依赖文件与非必要生命周期数量必须为0.例:

二、任务计划

日期(天) 任务安排
1 规范代码及分配任务,明确分工
2-3 设计目录结构,学习各自所需技术
4-5 开始静态微信小程序项目框架搭建
6-8 云开发数据库设计创建
9-10 前后端模块整合
11 进行系统测试调整
12 发布系统,正式上线

三、预期目标

预期各模块达成目标如下所示:

序号 功能点 功能实现
1 登录 通过微信登入
2 失物招领 失物招领发布,状态显示
3 寻物启事 寻物启事发布,状态显示
4 大厅 查看失物招领、寻物启事信息
5 用户 查看或撤销,修改本人失物招领、寻物启事信息

标签:启事,微信,代码,规范,冲刺,薪火,寻物,失物招领
来源: https://www.cnblogs.com/xinhuodui/p/16295970.html