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

一组学生在团队作业中,通过SpringBoot框架进行接口分配、校友认证接口和数据库建设,同时学习并运用Canvas、SVG等技术。刘博负责认证接口,杨朔理解Canvas功能,黄煦完善答题页面,钟文杰开发后端数据库,张顶开发地图功能,陈钧研究答题模块。团队还进行了git协作和GitHub操作实践,各司其职推动项目进展。
这个作业属于哪个课程fzusdn
这个作业要求在哪里团队作业—alpha冲刺
团队名称小心肝队
这个作业的目标接口分配,数据库建立
冲刺进度
组员姓名完成任务完成时长所剩时长任务遇到的问题处理方式
032002221刘博完成登陆、校友认证接口对接,实现对班级聚会、我的页面进行未认证用户的拦截。5小时0小时
032002536杨朔理解Canvas、SVG、video等功能性标签5小时0小时
032002543黄煦继续完善答题页面5小时0小时
032002343钟文杰开始对app登陆功能的后端开发,还有在云托管上面建立后端所需的数据库6小时0小时
032002445张顶地图功能后端开发5小时0小时
032002401陈钧学习springboot框架,领取答题模块开发任务,研究开发方法5小时0小时
042003121刘勇组织进行第一次团队现场编程的练习准备,并继续推动后端的开发进度,并进行学习Java spring boot的继续学习5小时0小时
032002441郑金发本地连接上“微信云托管”的数据库,了解数据库设计细节5小时0小时
032002422林正立进一步学习SpringMVC框架,学习理解Controller控制器对于前端请求的处理与返回。5小时0小时
032002528罗超捐款表单页面样式美化5小时0小时
会议内容记录

开会进行模拟第一次团队现场编程的过程,组织进行git的使用以及GitHub的fork、clone、push、pull request的使用。将小程序的后端的接口进行分配,并指定后端的开发规范,并确定了利用微信的云托管进行建立了数据库
在这里插入图片描述

Github签入记录

在这里插入图片描述

团队成员贡献表
组员姓名贡献程度贡献
032002221刘博10%接口对接,用户认证
032002536杨朔10%功能实现
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、付费专栏及课程。

余额充值