前后端分离项目
文章平均质量分 79
吉屋安
保持热爱 奔赴山海
展开
-
iconfont的组件化使用方法(SVG)
属性来渲染不同的SVG图标,并且具有一些默认值。同时,通过使用Vue 3的新特性,使得组件更加灵活和易于使用。/* v-bind 是 Vue3 才支持的功能,可以将 CSS 的值与 js 的值绑定 */在项目中创建iconfont.js,并将复制的代码粘贴。// 图标在 iconfont 中的名字。这个组件允许用户通过传递不同的。复制图片中的代码(全部复制)// 给图标添加上类名。原创 2024-02-26 21:51:37 · 1162 阅读 · 0 评论 -
vue3自定义实现悬浮固定按钮组件
目录 一、需求描述二、代码解读三、结果展示一、需求描述需要5个固定的悬浮圆,居于页面的右侧。鼠标悬浮在圆上面会显示对应的文字提示其中包含返回顶部悬浮圆,当页面滑至底部时出现,点击页面滑到顶部。点击按钮会给出弹窗二、代码解读<template> <div class="circle-container"> <Tooltip title="返回顶部" placement="left"> <div v-show="showTop"原创 2024-02-26 22:29:35 · 1548 阅读 · 0 评论 -
多表联合分页查询(一)----数据库与返回实体类准备
2.用户表3.用户详细信息表4.用户点赞表5.用户评论表二、需求描述将五张表联合起来,得到文章对应的用户信息,以及文章对应的点赞总数和评论总数。原创 2024-02-25 21:35:55 · 597 阅读 · 0 评论 -
前后端分离项目跨域问题解决方案
Component这个类被标记为Spring组件,表示它将由Spring容器进行管理。这个注解表明这个组件的加载顺序,表示最高优先级,将在其他过滤器之前执行。这个注解表示这是一个Servlet过滤器,并指定它将拦截所有的请求路径。定义了名为CorsFilter的类,实现了Filter接口,用于处理CORS(跨域资源共享)。这是Filter接口的方法之一,表示过滤器要执行的实际操作。将强制类型转换为,以便设置HTTP响应头。这里设置了CORS相关的HTTP响应头,允许来自。原创 2024-02-24 07:00:00 · 805 阅读 · 0 评论 -
springboot的代码生成器mybatis-plus-generator-ui
方法,并将上述配置对象传递给它。这个方法会根据配置信息生成对应的 MyBatis-Plus 代码。访问地址:http://localhost:8068/这是程序的入口方法,即。原创 2023-06-08 07:30:00 · 1324 阅读 · 0 评论 -
Springboot整合JWT完成验证登录
这个Java类是一个工具类,用于生成和验证JSON Web Tokens(JWT)。JWT是一种开放标准(RFC 7519),它定义了一种紧凑且自包含的方式,用于在各方之间作为JSON对象安全地传输信息。这个信息可以被验证和信任,因为它是数字签名的。在这个例子中,使用了Java的jsonwebtoken库。这是一个使用Java语言和Spring框架编写的简单的登录控制器。原创 2023-09-09 19:21:17 · 669 阅读 · 1 评论 -
springboot封装查询快递物流
上面调用查询物流接口的作用是用于查询物流信息。通过调用该接口,可以向物流服务提供商发送查询请求,以获取有关特定物流订单的详细信息。查询物流接口通常需要提供订单号码或其他标识符作为查询参数。通过返回的物流信息,用户可以了解货物的当前状态、位置和预计到达时间等。这对于跟踪货物、了解配送状态以及确保及时交付非常重要。原创 2023-09-03 15:55:41 · 481 阅读 · 0 评论 -
Springboot整合Mail进行邮箱验证码注册
ApiResponse是响应结果的数据类型,其中ResponseCode.SUCCESS表示成功状态码,"验证码已发送"是结果消息的内容。这一行是声明一个公共的静态方法(public static method),名称为generateCode,返回类型为字符串(String),其中有一个参数,名称为length,表示生成的验证码的长度。这三行代码设置邮件主题和内容,然后使用调用EmailService的sendMail方法将邮件发送给指定的邮箱(mail.email),以及验证码的message。原创 2023-06-10 08:00:00 · 794 阅读 · 0 评论 -
springboot配置统一返回结果集
每个枚举常量都有一个 int 类型的 code 和一个 String 类型的 message 属性,分别用于存储状态码和消息文本。在枚举类中,声明了一个构造函数来初始化枚举常量的属性,并提供了访问这些属性的方法。使用统一返回结果集的意义在于规范接口返回数据的格式,方便前后端交互和协作开发。通过约定一个统一的返回格式,可以大大减少前后端实现上的沟通成本,并且增强了代码的可维护性和可读性。,表示API接口返回的响应数据。,分别表示响应码、消息和数据。类型,其中调用构造方法。类型,其中调用构造方法。原创 2023-06-09 08:00:00 · 811 阅读 · 0 评论 -
springboot整合swagger3
注解表示该方法返回一个 Spring Bean,用于配置 Swagger 的 Docket 对象。类定义了 Swagger 的基本配置和 API 文档信息,使得你可以生成并展示美观的接口文档界面。是 Swagger 的主要配置类,它提供了一系列的配置选项。对象,用于配置接口的认证方式。在这里,我们使用 API Key 的方式进行认证,并通过。对象,用于设置 API 文档的基本信息,包括标题、描述、版本和联系人等。这是一个配置类的声明,使用了。注解,表示这是一个配置类。用于定义认证头的名称,原创 2023-06-07 07:39:57 · 1772 阅读 · 0 评论 -
前后端分离项目—小程序首页的商品展示及商品下拉分页(四)
后端使用触底监听,当用户触底触发函数后调用函数发送数据请求从后端获取物品数据,页数加1,持续操作,当到达最底部无数据时,通知数据已经显示完。总体达到下拉分页的效果。项目前期架构简单,将所有的物品展示放于首页,通过触底调用函数达到查询完所有商品的目的,商品以每行两个进行排版,通过点击即可查询商品详情,此处只涉及首页页面的功能。后端获取页数及每页的商品数后,将值传给分页函数,然后分页拦截器根据数据将查询到的结果进行分页。2.页面样式可根据自己的需求进行对应的更改,本人未系统学习前端,所以页面简陋。原创 2022-11-18 13:21:10 · 642 阅读 · 1 评论 -
前后端分离项目—小程序首页的创建及常用工具类的配置(三)
点击即可跳转至代码生成页面,将其复制进iconfont.wxss文件中。在pages同级目录下创建文件并添加从阿里巴巴矢量图标库生成的代码。在app.json页面中有引入weui组件库。前后段达成协议,使用统一的数据返回格式。最后在需要的界面进行工具类的引入即可。封装请求类,以达到解耦的目的。在首页的json文件中添加。首页搭建完成后再添加逻辑。原创 2022-11-15 12:39:26 · 543 阅读 · 0 评论 -
前后端分离项目—微信小程序的创建及app.json的配置(二)
登录微信公众平台获取自己对应的appid并创建项目,不选择云服务,使用js模板。下载后放在pages同级文件的icons中,通过路径进行引入。创建完成微信小程序项目后,在app.json中添加页面代码。图标的需要自己阿里巴巴矢量图标库进行下载。原创 2022-11-14 16:40:25 · 2453 阅读 · 0 评论 -
前后端分离项目—SpringBoot与Mybatis-Plus的配置(一)
SpringBoot父子工程的创建,Mybatis-Plus的逆向工程,自定生成文件,释放双手,以及Mybatis-Plus的配置启动。注意:test与main的路径相同,例如main为/java/com/customer,则test也应该创建/java/com/customer,启动类所在的包和单元测试的包需要在同一级根目录下。创建父子工程的原因:1.父子工程对于模块的分离程度更高了. 2.父子工程使代码更清原创 2022-11-13 16:13:08 · 656 阅读 · 0 评论