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

本文记录了一支团队在'小心肝队'中进行的项目作业,成员们分工明确,涉及前端登录修复、框架学习、页面优化、模块开发、文档编辑、API测试与数据规范等。他们讨论并建立了前后端拦截器,解决认证拦截问题和数据交换一致性问题。
这个作业属于哪个课程fzusdn
这个作业要求在哪里团队作业—alpha冲刺
团队名称小心肝队
这个作业的目标问题讨论,建立前后端的拦截器
冲刺进度
组员姓名完成任务完成时长所剩时长任务遇到的问题处理方式
032002221刘博修改登陆bug(用户登陆成功后才能进行点击,否则会出现对未登陆的认证用户的错误拦截,造成不好的用户体验)5小时0小时对已认证用户错误拦截打开登录小程序的时候先提示正在加载中,在此期间用户无法点击页面,后端返回数据后才可点击
032002536杨朔学习常用框架,可以使用bootstrap构建项目4小时0小时
032002543黄煦优化现有页面的样式和用户体验4小时0小时
032002343钟文杰开始对APP校园参观模块的开发,在数据库建立相关的表5小时0小时
032002445张顶后端开发,文档编辑4小时0小时
032002401陈钧完成答题记录查询方法,完成答题结果存入方法,完成题目查询方法4小时0小时在java中调用数据库的方法及语句指令不明构建Connection类实例,将数据库主机位置、用户名、密码、SQL语句通过String传入Connecting对应的函数方法中,即可将之传入数据库中执行,利用ResultSet类实现数据库查询结果的返回
042003121刘勇确定web管理员所需要的API,并开始和后端所建立的数据库进行测试连接4小时0小时
032002441郑金发与组员讨论“共享实时位置”功能的实现4小时0小时
032002422林正立规范化返回数据,利用团队设计的后端返回实体类来包含原本的返回数据。规范的返回类型可以让前端清晰的拿到所需数据。4小时0小时
032002528罗超学习小程序内组件以及各页面数据交互方式4小时0小时
会议内容记录

讨论每为成员负责模块的进度,对所遇到的问题进行讨论,建立前后端的拦截器
在这里插入图片描述

Github签入记录

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

团队成员贡献表
组员姓名贡献程度贡献
032002221刘博10%bug修改
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、付费专栏及课程。

余额充值