薪火队——代码规范与冲刺计划
作者:互联网
这个作业属于哪个课程 | 至诚软工实践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