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

团队小心肝队在数据测试与项目完善中,刘博负责用户头像上传与地图功能,杨朔研究CSS3动画,黄煦进行自我测试,钟文杰协调数据交换,张顶编写文档,陈钧测试接口。刘勇编写API,郑金发研究定位知识,林正立编写接口文档,罗超渲染后端数据。通过协作展示了技术分工与知识融合的过程。
这个作业属于哪个课程fzusdn
这个作业要求在哪里团队作业—alpha冲刺
团队名称小心肝队
这个作业的目标数据测试,项目完善
冲刺进度
组员姓名完成任务完成时长所剩时长任务遇到的问题处理方式
032002221刘博实现用户头像上传,实现校园地图功能(查看地点全景图、在地点打卡留言),完成后台管理前端的界面编写6小时0小时
032002536杨朔学习CSS3的新功能,特别是动画效果、选择器4小时0小时
032002543黄煦测试(自我测试,修改代码,提交修改)4小时0小时
032002343钟文杰与前端交流,完善校园参观模块的数据交换5小时0小时
032002445张顶数据与文档的编写4小时0小时
032002401陈钧编写接口文档,测试模块4小时0小时
042003121刘勇根据相关的API规范,编写web管理员前端所需要的API4小时0小时
032002441郑金发学习“共享实时位置“功能的相关知识,阅读微信小程序官方开发文档相关内容4小时0小时
032002422林正立使用Apifox进行接口文档的编写,对个人实现的接口进行介绍说明,有利于团队工作融合与推进。5小时0小时
032002528罗超使用后端接口数据,渲染至页面4小时0小时
会议内容记录

对于已经写好的后端功能,进行前后端数据交换的测试,完善前后端接口的规范
在这里插入图片描述

Github签入记录

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

团队成员贡献表
组员姓名贡献程度贡献
032002221刘博10%功能实现,界面编写
032002536杨朔10%知识学习
032002543黄煦10%测试
032002343钟文杰10%数据交换
032002445张顶10%文档编辑
032002401陈钧10%测试
042003121刘勇10%API编写
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)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值