毕业设计—基于Spring Boot的社区居民健康管理平台的设计与实现

🎓 毕业设计大揭秘!想要源码和文章?快来私信我吧!

Hey小伙伴们~ 👋

毕业季又来啦!是不是都在为毕业设计忙得团团转呢?🤔 别担心,我这里有个小小的福利要分享给你们哦!✨

经过无数个日夜的奋战,我的毕业设计终于圆满收官啦!🎉 这不仅仅是一篇满载心血的文章,还有一套精心编写的源代码,满满的都是干货!💻

想知道我是如何实现这个项目的?想要深入了解每一个细节?或者,你正在为毕业设计发愁,急需一些灵感和参考?🤔

来来来,别客气!直接私信我就好啦!

期待你的私信,让我们一起加油,顺利毕业吧!💪🎓

🤔 该篇毕设原文:

基于Spring Boot的社区居民健康管理平台的设计与实现-CSDN博客

目录

1 绪论

1.1 研究现状

1.2 研究意义

2 技术介绍

2.1 平台开发工具和环境

2.2 Vue介绍

2.3 Spring Boot

2.4 MyBatis

2.5 环境搭建

3 系统需求分析

3.1 可行性分析

3.2 功能需求分析

3.3 系统用例图

3.4 系统功能图

4 系统设计

4.1 系统总体描述

4.2 数据库设计

4.2.1 系统E-R图

4.2.2数据库表设计

5 网站实现

5.1 社区居民用户功能实现

5.1.1 社区居民用户浏览信息

5.1.2 社区居民用户登录

5.1.3 社区居民用户个人中心

5.1.4 社区居民用户查看搜索文章     

5.2 管理员功能实现

5.2.1 管理员登录,管理页面登录,退出

5.2.2 社区居民用户信息管理

5.2.3 文章编辑及删除

6 系统测试

6.1 测试概述

6.2 系统功能测试

6.2.1 账号注册功能测试

6.2.2 账号登录功能测试

6.2.3评论功能测试

6.2.4 文章管理功能测试

6.2.5 医保余额添加功能测试

6.2.6 健康信息添加功能测试

6.2.7 就诊历史添加功能测试

7 结束语


基于Spring Boot的社区居民健康管理平台的设计与实现

摘要:本毕设运用了Spring Boot框架,前端页面的设计主要依托Vue框架来构建,实现丰富且交互性强的用户界面,后台管理功能则采用Spring Boot框架与MySQL数据库,…………………………………………、查看个人信息、修改个人信息、查看医保信息健康、查看就诊历史、查看稿件管理、浏览文章及发布评论等功能;…………

关键词:Vue;Spring Boot;MyBatis;MySQL;健康

Design and Implementation of Community Health Management Platform Based on Spring Boot

Abstract : This graduation project uses the Spring Boot framework, The front-end page design mainly relies on the Vue framework to build, The front-end page design mainly relies on the Vue framework to build,…………The user function module mainly includes functions such as user login, registration, viewing personal information, modifying personal information, viewing medical insurance information, viewing medical history, viewing article management, browsing articles, and posting comments; …………

Key words : Vue;Spring Boot;MyBatis;MySQL;Health

1 绪论

1.1 研究现状

        在党的二十大报告中指出,倡导树牢健康观念、养成健康生活方式、掌握健康技能、主动关注健康状况。随着我国经济的持续发展和人民生活水平的不断提升,…………

        在国外,一些经济发达的国家对医学理念非常重视,例如通过为社区居民统一编码并建立唯一的医疗保障号,以便于跟踪每个居民的动态健康信息,除此之外,他们还构建了大量的各类社区管理信息系统,更好的了解居民健康状况。…………

1.2 研究意义

        “健康中国2030”被认定为国家优先发展战略之一后,国家开始全面提升中华民族健康素质,为人民健康与社会经济发展做贡献。…………

        该社区居民健康管理平台是为了便利社区居民健康管理而创建的,通过该平台,用户可以查看到每次体检后的结果和专家提供的健康指导建议,…………

        在完成该平台的过程中,需要了解社区居民对每次体检后的结果是否知道康复指导进行调查,以及生活中是否有许多健康问题存在疑惑,…………

        本次毕设设计主要分为七个部分进行设计,如下所示:

        第一部分:绪论,主要描述…………

        第二部分:技术介绍,主要详细介绍了…………

        第三部分:系统需求分析,对系统…………

        第四部分:系统设计,对系统…………

        第五部分:网站实现,将…………

        第六部分:网站功能测试,对…………

        第七部分:结束语,简要…………

2 技术介绍

2.1 平台开发工具和环境

        开发软件:IDEA…………

        开发工具包:JDK1.8…………

        运行环境:JRE…………

2.2 Vue介绍

        Vue是一个非常强大的工具,………….Vue也非常注重用户体验和界面美化,提供了丰富的样式和组件库,让开发者能够轻松地构建出漂亮、…………

2.3 Spring Boot

        Spring Boot是一个用于快速开发应用程序的工具。…………开发者可以根据自己的需求定制开发应用程序。…………使用的工具之一。

2.4 MyBatis

        MyBatis框架的诞生主要源于对简化Java数据持久化层的需求,…………

2.5 环境搭建

        首先下载…………再配置…………再打开…………选择好…………保持…………即可安装成功;最后通…………从而方便之后的项目搭建。

3 系统需求分析

3.1 可行性分析

        随着互联网技术飞速发展,医疗领域也发生了深刻的变革。目前通过借助互联网平台,社区居民可以轻松获取体检报告,实时了解自身的健康状况,不再像以前那样需要本人亲自跑医院才能获取结果数据。对于日常生活中的健康问题,也无需特地前往医院咨询,只需要在系统中发布资讯文章,就可以得到专业人士的详细解答。…………

3.2 功能需求分析

        本系统主要分为社区居民用户和管理员两个角色。社区居民用户和管理员都可以直接在平台上注册登录、发布文章、查看个人健康信息,而管理员可登录管理员界面对社区居民用户进行账号、个人健康信息及文章发布的管理等相关操作。

(1)社区居民用户:社区居民进入平台时,…………,登录成功之后,…………也可以发布养生文章分享个人养生饮食方法或者其它生活资讯文章求取他人健康建议。

(2)管理员:管理员登录成功后,可浏览页面中的文章及评论文章内容,…………。同时,也可登录管理员界面…………文章内容的管理等相关操作。

3.3 系统用例图

        用例图是一种图形可视化工具,可以帮助…………的展示。根据…………。系统用例图如3-1所示。

图3-1 系统用例图

3.4 系统功能图

        基于Spring Boot的社区居民健康管理平台经过…………如3-2所示。

图3-2 系统功能图

4 系统设计

4.1 系统总体描述

        经过系统分析可知,本平台可划分为两大主体:…………。对于社区居民用户而言,…………。而管理员则…………。在后台中,…………,确保系统内容的规范与有序。…………,共同促进了社区信息的流畅传播与高效管理。

4.2 数据库设计

        本社区居民健康管理系统的关系型数据库…………。在用户使用系统时,…………,并且可以…………内容的增删改查操作。

4.2.1 系统E-R图

        E-R图提供了表示…………、管理员、…………。根据系统涉及…………图,具体如图4-1所示。

图4-1 系统E-R图

4.2.2数据库表设计

        社区居民健康管理平台…………简单描述:

1)社区居民用户表(user

        社区居民用…………如表4-1所示。

表4-1 用户信息表

字段名称

字段类型

字段描述

id

…………

主键,用户编号

username

varchar(255)

…………

password

varchar(255)

…………

nickname

varchar(255)

…………

is_admin

int(11)

…………

img_url

varchar(255)

…………

create_time

datetime

…………

id_card

varchar(255)

…………

age

int(3)

…………

2)文章发布内容表(content)

        文章发布内容表主要是用于…………所示。

表4-2 文章发布内容表

字段名称

字段类型

字段描述

id

bigint(20)

…………

title

varchar(255)

…………
…………

varchar(255)

…………
…………

varchar(255)

视频链接

…………

text

文章内容

type

int(11)

…………

view_count

int(11)

…………

comment_count

int(11)

…………
…………

varchar(50)

…………
…………

datetime

…………
…………

bigint(20)

用户编号

…………

bigint(20)

…………
…………

datetime

…………
…………

bigint(20)

标签编号

(3)轮播图数据表(banner)

        轮播图数据表…………如表4-3所示。

表4-3 轮番图数据表

字段名称

字段类型

字段描述

id

bigint(20)

…………
…………

varchar(255)

轮播图地址

…………

datetime

…………

(4)用户评论表(comment)

        用户评论…………的内容,如表4-4所示。

表4-4 用户评论表

字段名称

字段类型

字段描述

id

bigint(20)

主键,评论编号

…………

varchar(255)

…………
…………

bigint(20)

…………
…………

bigint(20)

…………

create_time

datetime

评论时间

(5)标签表(category)

        标签表…………如表4-5所示。

表4-5 标签表

字段名称

字段类型

字段描述

id

bigint(20)

主键,标签编号

…………

varchar(100)

…………
…………

int(11)

…………
…………

int(11)

…………
…………

int(11)

…………

(6)体检表(health)

        体检表…………等内容,如表4-6所示。

表4-6 体检表

字段名称

字段类型

字段描述

id

bigint(20)

主键,体检编号

………………………………
………………………………
………………………………
………………………………

(7)就诊历史(history)

        就诊历史…………如表4-7所示。

表4-7 就诊历史表

字段名称

字段类型

字段描述

id

bigint(20)

主键,就诊历史编号

…………
…………

varchar(255)

…………

varchar(255)

varchar(255)

datetime

8医保余额money

        医保…………如表4-8所示。

表4-8 医保…………

字段名称

字段类型

字段描述

id

bigint(20)

主键,医保余额编号

…………

bigint(20)

…………
…………

int(11)

…………

5 网站实现

5.1 社区居民用户功能实现

        普通社区居…………,便可以自由…………考。

        社区…………中心”后,用户…………,社区居民…………构建一个健…………

5.1.1 社区居民用户浏览信息

        首先,…………术,后端采…………据库,将…………端页面,供用…………如图5-1所示。

图5-1 网站首页实现图

        首页核心代码:

<el-col :span="4"><el-popover v-if="user==null" title="欢迎访问社区居民健康管理平台"><el-button type="danger" size="small" @click="logout()">退出登录 </el-button><br><el-button v-if="user.isAdmin == 1" @click="router.push('/admin')">后台管理页面       </el-button>
</el-col>

        用户…………、康体影…………,点…………类型相…………所示。

图5-2 浏览文章更多实现图

        更多文章核心代码:  

axios.get('http://localhost:8080/v1/contents/index?'+data).then((response)=>{if (response.data.code==2001){switch (type) {case 1:recipeArr.value=response.data.data; break;case 2:videoArr.value=response.data.data;  break;case 3:infoArr.value=response.data.data; break;}}})

        用户浏…………要、具…………5-3所示。

图5-3 文章详情实现图

        文章详情核心代码:   

<p style="font-size: 12px;color: #666;text-align: center">作者: {{content.nickname}} | 发布时间:{{content.createTime}}| 阅读次数: {{content.viewCount}}</p><div v-if="content.type!=2"/><el-card><span style="color: #0aa1ed;font-weight: bold">摘要:</span>{{content.brief}}</el-card><p v-html="content.content"/>

5.1.2 社区居民用户登录

        社…………询的内容,然后…………区居民用…………录”的…………操作。如图5-4所示。

图5-4 用户发布评论实现图

        用户…………代码:   

public JsonResult addNew(CommentDTO commentDTO){System.out.println("commentDTO = " + commentDTO);commentService.addNew(commentDTO);return JsonResult.ok();}

        社区……………………户名…………流程,…………是否…………成功。如图5-5所示。

图5-5 用户登录实现图

        用户登录核心代码:   

public void reg(UserRegDTO userRegDTO) {UserVO userVO = userMapper.selectByUsername(userRegDTO.getUsername());if (userVO!=null){throw new ServiceException(StatusCode.USERNAME_ALREADY_EXISTS);}User user = new User();BeanUtils.copyProperties(userRegDTO,user);user.setCreateTime(new Date());user.setIsAdmin(0);userMapper.insert(user);}

        若……………………成功。如图5-6所示。

图5-6 用户注册实现图

        用…………代码:   

public UserVO login(UserLoginDTO userLoginDTO) {UserVO userVO = userMapper.selectByUsername(userLoginDTO.getUsername()) ;if (userVO==null){throw new ServiceException(StatusCode.USERNAME_ERROR);}if (!userVO.getPassword().equals(userLoginDTO.getPassword())){throw new ServiceException(StatusCode.PASSWORD_ERROR);}return userVO;}

5.1.3 社区居民用户个人中心

        社…………信息,……………………的。如图5-7所示。

图5-7 个人信息实现图

        个…………代码:   

public JsonResult update(UserUpdateDTO userUpdateDTO){System.out.println("userUpdateDTO = " + userUpdateDTO);userService.update(userUpdateDTO);return JsonResult.ok();}

        用户……………………。如图5-8所示。

图5-8 个…………

        个…………码:  

public class UserController {@GetMapping("admin")public JsonResult listForAdmin(){List<UserAdminVO> list = userService.listForAdmin();System.out.println(list);return JsonResult.ok(list);}}

        查看…………己的体检…………有结果………………………………的知…………5-9所示。

图5-9 个…………

        个…………:  

<script setup>import { ref } from 'vue'const user = ref(localStorage.user?JSON.parse(localStorage.user):null);</script>

        查…………并且可以查看之前的所有的体检结果和生活指导记录,以上提到的信息都是无法修改的。如图5-10所示。

图5-10 个人就诊历史实现图

        个人就诊历史核心代码:  

<el-form-item label="概述" ><el-input :value="user.physical"v-model="textarea":rows="1"type="textarea"placeholder="暂未有任何疾病"disabled></el-input></el-form-item>

        用…………、“运动健身”、“饮食指导”以及“健康科普”等类型文章。如图5-11所示。

图5-11 文章发布实现图

        文章发布核心代码:  

public class ContentController {@PostMapping("add-new")public JsonResult addNew(ContentDTO contentDTO){contentService.addNew(contentDTO);return JsonResult.ok();}}

        用户…………如图5-12所示,图5-13所示。

图5-12文章修改实现图

图5-13文章浏览量和评论量实现图

        核心代码:  

public class ContentController {@GetMapping("{id}/update")public JsonResult getDetailForUpdate(@PathVariable Long id){ContentUpdateVO contentUpdateVO =contentService.getDetailForUpdate(id);return JsonResult.ok(contentUpdateVO);}@GetMapping("{id}/other")public JsonResult listForOtherByUserId(@PathVariable Long id){List<ContentOtherVO> list = contentService.listForOtherByUserId(id);return JsonResult.ok(list);}}

5.1.4 社区居民用户查看搜索文章     

        用户完成文章发布后,可在页面主页…………关键字搜索。如图5-14所示。

图5-14 搜索文章实现图

        搜索文章核心代码:   

<el-input style="margin-top: 20px" v-model="wd" placeholder="请输入搜索的内容"><template #append><el-button :icon="Search" @click="search()"></el-button></template> </el-input>

        用户搜…………如图5-15所示。

图5-15 查看文章实现图

        查看文章核心代码:  

<div style="text-align: center;margin: 5px"><el-button @click="router.push('/list?type=2')">点击加载更多</el-button></div>

        用户…………文章评论量也会增加。如图5-16所示。

图5-16 发布评论实现图

        发布评论核心代码:  

public class CommentController {@PostMapping("add-new")public JsonResult addNew(CommentDTO commentDTO){System.out.println("commentDTO = " + commentDTO);commentService.addNew(commentDTO);return JsonResult.ok();}}

5.2 管理员功能实现

        后台…………同时可以添加删除用户、管理文章信息等功能。

5.2.1 管理员登录,管理页面登录,退出

        管理…………17所示。

图5-17 管理员登录实现图

        管理员登录核心代码:

…………

        管理员…………18所示。

…………

图5-18 管理页面实现图

        管理页面核心代码:  

…………

        登录到…………图5-19所示。

…………

图5-19 退出登录实现图

退出登录核心代码:

…………

5.2.2 社区居民用户信息管理

        管理…………。如图5-20所示。

…………

图5-20 删除用户实现图

        删除用户核心代码:  

…………

        只有管理员有…………信息,添加过后,该用户就…………。如图5-21所示。

…………

图5-21 添加用户实现图

添加用户核心代码:

…………

        管理员也…………余额信息。如图5-22所示。

        删除用户医保信息核心代码:

…………

        管理员也…………图5-23所示。

图5-23 添加医保信息实现图

        体检医保信息核心代码:

…………

        管理…………。如图5-24所示。

图5-24 查看用户身体状况信息实现图

        查看用户身体状况信息核心代码:

…………

        管理…………期的治疗中提供帮助。如图5-25所示。

图5-25 添加用户身体状况信息实现图

        查看用户身体状况信息核心代码:

…………

        管…………        以添加新的社区居民体检结果,生活指导等信息。如图5-26所示。

图5-26 查看用户就诊历史实现图

        查看用户就诊历史核心代码:

public interface UserMapper {

    UserVO selectByUsername(String username);

}

        管理员点击“…………如图5-27所示。

图5-27 添加用户就诊历史实现图

…………核心代码:

const loadData = ()=>{

  axios.get(BASE_URL+'/v1/history/admin')

      .then((response)=>{

        if (response.data.code==2001){

          arr.value = response.data.data;

        }

      })

}

        管理员也可在…………28所示。

图5-28 轮播图管理实现图

        轮播图管理核心代码:

public class BannerController {

    @PostMapping("{id}/delete")

    public JsonResult deleteById(@PathVariable Long id){

        bannerService.deleteById(id);

        return JsonResult.ok();

    }

}

        管理员也…………作。如图5-29所示。

图5-29 轮播图添加实现图

        轮…………码:

{if (response.data.code == 2001) {

  ElMessage.success("添加完成!");

  loadData();

}

        管理员…………改操作。如图5-30所示。

图5-30 查看用户发布信息实现图

        用户…………代码:

…………

5.2.3 文章编辑及删除

        管理员可以对…………

图5-31 编…………

        编辑…………代码:

public JsonResult getDetailForUpdate(@PathVariable Long id){

    ContentUpdateVO contentUpdateVO =

            contentService.getDetailForUpdate(id);

    return JsonResult.ok(contentUpdateVO);

}

        管理员…………。如图5-32所示。

        删除用…………核心代码:

const handleRemove = (uploadFile, uploadFiles) => {let imgUrl = uploadFile.response.data;axios.post('http://localhost:8080/v1/remove?imgUrl='+imgUrl).then((response)=>{if (response.data.code==2001){ElMessage.success("服务器文件删除完成!"); } })}

6 系统测试

6.1 测试概述

        测试是…………处,从而进…………用户能够正常使用该系统,以免在交付过后出现问题。

6.2 系统功能测试

6.2.1 账号注册功能测试

        注册的…………。账号注册功能测试如表6-1所示。

表6-1 注册功能测试结果

用例编号

操作

预期结果

测试结果

1

…………

提示用户名只能是中文或者英文及组合

成功

2

…………

提示密码必须为6-16位的数字和英文字母组合

成功

3

…………

提示昵称只能是中文或者英文及组合

成功

4

…………

提示年龄只能输入大于0的数字

成功

5

…………

提示身份证号必须为18位

成功

6

…………

注册成功,提示注册成功

成功

6.2.2 账号登录功能测试

        用户登…………和密码才能登录成功。账号登录功能测试如表6-2所示。

表6-2 登录功能测试结果

用例编号

操作

预期结果

测试结果

1

…………

提示用户名错误

成功

2

…………

提示密码错误

成功

3

…………

提示登录成功

成功

6.2.3评论功能测试

        评论…………如表6-3所示。

表6-3 评论功能测试结果

用例编号

操作

预期结果

测试结果

1

…………

提示请先登录

成功

2

…………

提示发布成功

成功

6.2.4 文章管理功能测试

        社区居民用…………文章管理功能测试如表6-4所示。

表6-4 文章管理功能测试结果

用例编号

操作

预期结果

测试结果

1

…………

提示请输入标题

成功

2

…………

提示请选择文章类型

成功

3

…………

成功发布,并提示发布成功

成功

4

…………

提示您确认删除此内容吗

成功

6.2.5 医保余额添加功能测试

        登管理员可以…………功能测试如表6-5所示。

表6-5 医保余额添加功能测试结果

用例编号

操作

预期结果

测试结果

1

…………

提示请选择用户名

成功

2

提示请输入余额信息

成功

3

成功添加,并提示添加成功

成功

4

提示您确认删除序号7内容吗

成功

6.2.6 健康信息添加功能测试

        管理员可以…………测试如表6-6所示。

表6-6 健康信息添加功能测试结果

用例编号

操作

预期结果

测试结果

1

…………

提示请选择用户名

成功

2

提示请输入心率

成功

3

提示请输入血压是否正常

成功

4

提示请输入就诊时间

成功

5

…………

成功

6

选择序号7的内容,点击“删除”按钮

成功

6.2.7 就诊历史添加功能测试

        管理员…………。就诊历史添加功能测试如表6-7所示。

表6-7 就诊历史添加功能测试结果

用例编号

操作

预期结果

测试结果

1

…………

提示请选择用户名

成功

2

提示请输入症状

成功

3

…………

成功

4

用户名选择“test”用户,症状填“肝功能异常”,概述填“各指数偏高”,指导建议不填,就诊时间选“2024-05-17 17:36:52”

…………

成功

5

…………

成功添加,并提示添加成功

成功

7 结束语

        本社区…………为社区居民提供了健康信息的统计与管理服务,还促进了居民间的文章分享与搜索,进一步拉近了社区居…………民之间的距离,显著…………提升了生活质量与社区管理效率。值得一提的是,用户无需注册…………即可浏览系统首页及他人发布的文章,但如需发表评论,则需完成…………注册与登录。

        当然,本系统…………过多时,系统可能会面临多并发问题,导致系统无法登录等问题,加上对redis技术了解深度不够致使该问题暂未…………解决。在未来的学习与实践中,我也会不断努力提升自己的专…………业知识能力,弥补系统…………存在的不足之处,争取将系统修改得更加完善和高效。

参考文献

[1]…………

[2]…………

[3]…………

[4]…………

[5]…………

[6]…………

[7]…………

[8]…………

[9]…………

[10]…………

[11]…………

如需源代码和毕设文件,私聊我即可!!! 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/71300.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于Go语言 XTA AI聊天界面实现

项目开源地址: XTA-AI-SDK 人工智能技术的迅速发展&#xff0c;AI聊天应用变得越来越流行。本文将介绍如何使用Go语言和LCL库&#xff08; Lazarus Component Library&#xff09;创建一个功能丰富的AI聊天界面。项目主要包含以下模块&#xff1a; 项目背景 本项目旨在为开发…

使用 Apache PDFBox 提取 PDF 中的文本和图像

在许多应用中&#xff0c;我们需要从 PDF 文件中提取文本内容和嵌入的图像。为了实现这一目标&#xff0c;Apache PDFBox 是一个非常实用的开源工具库。它提供了丰富的 API&#xff0c;可以帮助我们轻松地读取 PDF 文件、提取其中的文本、图像以及其他资源。 本文将介绍如何使…

MongoDB 7 分片副本集升级方案详解(下)

#作者&#xff1a;任少近 文章目录 1.4 分片升级1.5 升级shard11.6 升级shard2,shard31.7 升级mongos1.8重新启用负载均衡器1.9 推荐MongoDB Compass来验证数据 2 注意事项&#xff1a; 1.4 分片升级 使用“滚动”升级从 MongoDB 7.0 升级到 8.0&#xff0c;即在其他成员可用…

AlmaLinux release 9.4 (Seafoam Ocelot)安装包 build失败

pip 安装失败 显示 build 失败 Building wheels for collected packages: cymem, murmurhashBuilding wheel for cymem (pyproject.toml) ... errorerror: subprocess-exited-with-error Building wheel for cymem (pyproject.toml) did not run successfully.│ exit code: …

CMS DTcms 靶场(弱口令、文件上传、tasklist提权、开启远程桌面3389、gotohttp远程登录控制)

环境说明 攻击机kali:192.168.111.128 信息收集 主机发现 ┌──(root㉿kali-plus)-[~/Desktop] └─# nmap -sP 192.168.111.0/24 Starting Nmap 7.94SVN ( https://nmap.org ) at 2024-11-23 14:57 CST Nmap scan report for 192.168.111.1 Host is up (0.00039s latenc…

vue3.x 的 toRef详细解读

在 Vue 3.x 中&#xff0c;toRef 是一个用于创建响应式引用的工具函数。它可以将一个响应式对象的某个属性转换为一个独立的 ref 对象&#xff0c;同时保持与原始属性的响应式连接。以下是 toRef 的详细解读和示例。 1. toRef 的作用 核心功能 toRef 用于从响应式对象&#x…

Leetcode 424-替换后的最长重复字符

给你一个字符串 s 和一个整数 k 。你可以选择字符串中的任一字符&#xff0c;并将其更改为任何其他大写英文字符。该操作最多可执行 k 次。 在执行上述操作后&#xff0c;返回 包含相同字母的最长子字符串的长度。 题解 可以先做LCR 167/Leetcode 03再做本题 滑动窗口&…

箭头函数的this指向谁

先看1个重要原则&#xff1a; 由Vue管理的函数&#xff0c;一定不要写箭头函数&#xff0c;箭头函数的this就不再是Vue实例了 箭头函数的 this 指向在定义时确定&#xff0c;继承自外层作用域&#xff08;即定义时的上下文&#xff09;的 this&#xff0c;且无法通过 call、app…

Linux下的Python开发环境

以下是在Ubuntu 22.04上安装XFCE桌面、配置中文环境、中文输入法、远程桌面&#xff1b;安装anaconda、PyCharm、谷歌浏览器等的步骤&#xff1a; 首先&#xff0c;正常安装完毕 Ubuntu 22.04 Linux。如果选择某些云平台的ECS服务器&#xff0c;可以用十几秒钟完成Ubuntu 22.0…

key-value---键值对

定义 键值对由两部分组成&#xff0c;一个是 “键”&#xff08;key&#xff09;&#xff0c;另一个是 “值”&#xff08;value&#xff09;。“键” 是用于标识和访问 “值” 的唯一标识符&#xff0c;就像是一把钥匙&#xff0c;而 “值” 则是与该键相关联的数据或信息&…

【实战项目】BP神经网络识别人脸朝向----MATLAB实现

(꒪ꇴ꒪ )&#xff0c;Hello我是祐言QAQ我的博客主页&#xff1a;C/C语言&#xff0c;数据结构&#xff0c;Linux基础&#xff0c;ARM开发板&#xff0c;网络编程等领域UP&#x1f30d;快上&#x1f698;&#xff0c;一起学习&#xff0c;让我们成为一个强大的攻城狮&#xff0…

Javascript中null、NaN、undefined区别(JS空值、Javascript空值)(?.链操作符)

文章目录 概述null的本质undefined的两面性系统层面的undefined开发者层面的undefined NaN的特殊性数值运算的异常标识NaN的独特比较行为 深入比较类型比较相等性比较 实践建议变量初始化错误检测属性检查&#xff08;链操作符&#xff09; 性能考虑 概述 JavaScript中的null、…

Java 运行时常量池笔记(详细版

&#x1f4da; Java 运行时常量池笔记&#xff08;详细版&#xff09; Java 的运行时常量池&#xff08;Runtime Constant Pool&#xff09;是 JVM 方法区的一部分&#xff0c;用于存储编译期生成的字面量和符号引用。它是 Java 类文件常量池的运行时表示&#xff0c;具有动态…

STM32 HAL库USART串口中断编程:演示数据丢失

目录 一、开发环境 二、配置STM32CubeMX 三、代码实现与部署 四、运行结果&#xff1a; ​五、注意事项 上面讨论过,HAL_UART_Receive最容易丢数据了,可以考虑用中断来实现,但是HAL_UART_Receive_IT还不能直接用,容易数据丢失,实际工作中不会这样用,本文介绍STM32F103 HAL库函数…

Javascript网页设计案例:通过PDF.js实现一款PDF阅读器,包括预览、页面旋转、页面切换、放大缩小、黑夜模式等功能

前言 目前功能包括&#xff1a; 切换到首页。切换到尾页。上一页。下一页。添加标签。标签管理页面旋转页面随意拖动双击后还原位置 其实按照自己的预期来说&#xff0c;有很多功能还没有开发完&#xff0c;配色也没有全都搞完&#xff0c;先发出来吧&#xff0c;后期有需要…

缺陷检测之图片标注工具--labme

一、labelme简介 Labelme是开源的图像标注工具&#xff0c;常用做检测&#xff0c;分割和分类任务的图像标注。 它的功能很多&#xff0c;包括&#xff1a; 对图像进行多边形&#xff0c;矩形&#xff0c;圆形&#xff0c;多段线&#xff0c;线段&#xff0c;点形式的标注&a…

Kafka集群,常见MQ面试问题

Kafka 名词介绍 Topic: 消息队列&#xff0c;生产者和消费者面向的都是一个TopicBroker: 一个Kafka服务器就是一个Broker&#xff0c;一个集群由多个Broker组成。一个Broker可以容纳多个TopicProducer: 消息生产者&#xff0c;向Kafka Broker发生消息的客户端Consumer: 消息消…

Unity DeepSeek API 聊天接入教程(0基础教学)

Unity DeepSeek API 聊天接入教程(0基础教学) 1.DeepSeek 介绍 DeepSeek是杭州深度求索人工智能基础技术研究有限公司推出的一款大语言模型。2025年1月20日&#xff0c;DeepSeek-R1正式上线&#xff0c;和当前市面上的主流AI相比&#xff0c;它在仅有极少标注数据的情况下&am…

DeepSeek-R1 蒸馏 Qwen 和 Llama 架构 企业级RAG知识库

“DeepSeek-R1的输出&#xff0c;蒸馏了6个小模型”意思是利用DeepSeek-R1这个大模型的输出结果&#xff0c;通过知识蒸馏技术训练出6个参数规模较小的模型&#xff0c;以下是具体解释&#xff1a; - **知识蒸馏技术原理**&#xff1a;知识蒸馏是一种模型压缩技术&#xff0c;核…

el-input无法输入0.0001的小数,自动转换为0在vue3中的bug

今天遇到个bug&#xff0c;el-input中只能输入0.1或者输入0.1再加上00成为0.001&#xff0c;不能直接输入0.001&#xff0c;否则自动转换为0。需要去掉 v-model.number后面的 .number 源代码&#xff1a; <el-table-column label"实发数量" width"120"…