小心肝队-冲刺日志(第十天)

团队小心肝队在软件测试和功能部署冲刺中,成员分工明确:刘博负责界面优化与封装,杨朔研究CSS对象化,黄煦进行自我测试,钟文杰整合后端模块,张顶编辑文档,陈钧优化调试。刘勇测试API接口,郑金发完善功能,林正立学习云托管部署,罗超审查页面。共同目标是小程序上线,记录了关键任务和进度
这个作业属于哪个课程fzusdn
这个作业要求在哪里团队作业—alpha冲刺
团队名称小心肝队
这个作业的目标软件测试,功能部署,上线申请
冲刺进度
组员姓名完成任务完成时长所剩时长任务遇到的问题处理方式
032002221刘博对小程序界面进行优化,对常用功能进行封装。5小时0小时
032002536杨朔认真学习一些CSS对象化思想,学习编写简洁性、高复用性、高健壮性的CSS4小时0小时
032002543黄煦测试(自我测试,修改代码,提交修改)5小时0小时
032002343钟文杰整合后端的模块上传到云托管上进行数据测试4小时0小时
032002445张顶文档的编辑及完善5小时0小时
032002401陈钧debug优化,前后端交互整合4小时0小时
042003121刘勇对于已经写好的API接口进行前后端的测试,并对出现的bug进行调试4小时0小时
032002441郑金发查找并整理微信小程序实现“共享实时位置“功能的相关资料4小时0小时
032002422林正立学习微信云托管的使用,阅读文档进行服务部署与接口测试。4小时0小时
032002528罗超重新审查各页面编写情况,并与组内其余成员交流,确定需求实现细节5小时0小时
会议内容记录

前端进行交互页面的优化对功能进行封装,对于前后端实现出来的功能进行软件测试并对明显的bug进行调试,将调试好的后端功能模块部署到服务器上,准备小程序上线所需要的申请。
在这里插入图片描述

在这里插入图片描述

Github签入记录

在这里插入图片描述

团队成员贡献表
组员姓名贡献程度贡献
032002221刘博10%界面优化,功能封装
032002536杨朔10%CSS
032002543黄煦10%测试
032002343钟文杰10%数据测试
032002445张顶10%文档完善
032002401陈钧10%功能优化
042003121刘勇10%测试
032002441郑金发10%功能完善
032002422林正立10%云托管使用
032002528罗超10%页面审查
UML设计中的子用例

在这里插入图片描述
在这里插入图片描述

### Vue3-SplitPane 安装与使用 对于 `vue3-splitpane` 组件库,在项目中的集成可以通过包管理工具完成。利用 npm 或者 yarn 来安装该组件到开发环境中: ```bash npm install vue3-split-pane --save ``` 或者采用 yarn 方式: ```bash yarn add vue3-split-pane ``` 在成功引入依赖之后,可以在单文件组件(SFCs)里注册并应用此插件[^1]。 为了便于全局范围内访问 split pane 功能而不必每次都单独导入,可以考虑将其作为全局组件来配置。这通常是在项目的入口文件(main.js 或 main.ts 中实现): ```javascript import { createApp } from 'vue'; import App from './App.vue'; // 导入split pane组件 import Vue3SplitPane from "vue3-split-pane"; import "vue3-split-pane/lib/vue3-split-pane.css"; const app = createApp(App); app.use(Vue3SplitPane); // 注册为全局组件 app.mount('#app'); ``` 当准备局部使用时,则只需简单地在目标组件内部声明即可: ```html <template> <div id="example"> <!-- 局部注册 --> <Vue3SplitPane :min="50" :max="200" @resize="handleResize"> <template v-slot:left>左侧内容</template> <template v-slot:right>右侧内容</template> </Vue3SplitPane> </div> </template> <script setup> import { ref } from 'vue' import Vue3SplitPane from 'vue3-split-pane' function handleResize(size){ console.log(`调整后的尺寸:${size}px`); } </script> <style scoped> /* 自定义样式 */ #example { padding: 1em; background-color: white; border-radius: .25rem; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); width: 80%; margin-left:auto ; margin-right: auto; } </style> ``` 上述代码展示了如何创建一个带有两个区域(左/右)的基础分割面板,并设置了最小宽度(min),最大宽度(max),以及监听窗口大小改变事件(@resize)
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值