四，SSM整合-前后端分离(实现分页+前后端校验)

news2024/11/29 2:32:25

分页与校验

  • 实现功能07-分页显示列表
    • 需求分析/图解
    • 思路分析
    • 代码实现
    • 完成测试
  • 实现功能08-带条件查询分页显示列表
    • 需求分析/图解
    • 思路分析
    • 代码实现
  • 实现功能09-添加家居表单前端校验
    • 需求分析/图解
    • 思路分析
    • 代码实现
  • 实现功能10-添加家居表单后端校验
    • 需求分析/图解
    • 思路分析
    • 代码实现
  • SSM项目[前后端分离]小结+作业要求

上一讲, 我们学习的是 SSM整合-前后端分离(实现增删改查)

现在打开furn-ssm项目 和 ssm_vue项目

在这里插入图片描述

实现功能07-分页显示列表

需求分析/图解

在这里插入图片描述

思路分析

1.后台使用MyBatis PageHelper插件完成分页查询.前端使用分页组件.

2.修改FurnController, 增加处理分页显示代码 API/接口

3.完成前台代码, 加入分页导航, 并将分页请求和后台接口结合.

4.简单回顾JavaWeb原生项目的分页模型. 说明: 有了MyBatis PageHelper和前端的分页组件, 完成分页就非常的方便, 但是底层的分页模型和前面我们的java web原生项目一样.

代码实现

1.修改pom.xml, 加入分页插件

<!--引入mybatis pageHelper分页插件-->
<dependency>
  <groupId>com.github.pagehelper</groupId>
  <artifactId>pagehelper</artifactId>
  <version>5.2.1</version>
</dependency>

2.修改mybatis-config.xml, 配置分页拦截器

<!--说明
1.plugins标签需要放在typeAliases标签后, 是DOCTYPE约束的
2.配置分页拦截器
-->
<plugins>
    <plugin interceptor="com.github.pagehelper.PageInterceptor">
        <!--解读
        配置分页合理化
        1.如果用户请求的pageNum > pages, 就显示查询最后一页
        2.如果用户请求的pageNum < 0, 就显示查询第一页
        -->
        <property name="reasonable" value="true"/>
    </plugin>
</plugins>

3.修改FurnController.java, 增加分页查询处理

/**
 * 分页请求接口
 *
 * @param pageNum:  要显示第几页, 默认为1
 * @param pageSize: 每页要显示几条记录, 默认为5
 * @return
 */
@RequestMapping("/furnsByPage")
@ResponseBody
public Msg listFurnsByPage(@RequestParam(defaultValue = "1") Integer pageNum,
                           @RequestParam(defaultValue = "5") Integer pageSize) {
    //设置分页参数
    //解读
    //1.调用findAll完成查询, 底层会进行物理分页, 而不是逻辑分页
    //2.会根据分页参数来计算 limit ?, ?, 在发出sql语句时, 会带limit
    //3.我们后面会给大家抓取SQL
    PageHelper.startPage(pageNum, pageSize);

    List<Furn> furns = furnService.findAll();

    //将分页查询的结果, 封装到PageInfo
    //PageInfo 对象包含了分页的各个信息, 比如当前页面pageNum, 共有多少记录
    PageInfo pageInfo = new PageInfo(furns, pageSize);

    //将pageInfo封装到Msg对象, 返回
    return Msg.success().add("pageInfo", pageInfo);
}

4.使用Postman进行测试, 看看分页查询是否OK
在这里插入图片描述

数据包含在了list属性里

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

5.修改HomeView.vue, 完成分页导航显示, 分页请求. 给标签属性绑定值

1)添加分页导航控件

<div style="margin: 10px 0px">
  <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      v-bind:current-page="currentPage"
      v-bind:page-sizes="[5, 10]"
      v-bind:page-size="pageSize"
      layout="total, sizes, prev, pager, next, jumper"
      v-bind:total="total">
  </el-pagination>
</div>

2)增加分页初始化数据

data() {
  return {
    //增加分页相应的数据绑定
    currentPage: 1,//当前页
    pageSize: 5,//每页显示记录数
    total: 10,//共有多少记录
  }
}

3)修改list方法, 换成分页请求数据的接口

list() {
  //请求分页的接口
  request.get("/api/furnsByPage", {
    params: {//指定请求携带的参数
      pageNum: this.currentPage,
      pageSize: this.pageSize,
    }
  }).then(res => {//处理返回的分页信息
    this.tableData = res.extend.pageInfo.list;
    this.total = res.extend.pageInfo.total;
  })
},

4)处理当前页变化, 比如点击分页链接, 或者go to 第几页

handleCurrentChange(pageNum) {//处理分页请求
  //当用户点击分页超链接时, 会携带pageNum
  // console.log("pageNum=", pageNum);
  this.currentPage = pageNum;
  //发出请求
  this.list();
},

5)处理每页显示多少条记录变化

handleSizeChange(pageSize) {
  this.pageSize = pageSize;
  //发出请求
  this.list();
},

完成测试

在这里插入图片描述

实现功能08-带条件查询分页显示列表

需求分析/图解

在这里插入图片描述

思路分析

1.完成后台代码从 dao ->service -> controller, 并对每层代码进行测试

2.完成前台代码, 使用axios发送http请求, 完成带条件查询分页显示

代码实现

1.修改FurnService.java和FurnServiceImpl.java, 增加条件查询

//根据家居名查询家居信息
public List<Furn> findByCondition(String name);

@Override
public List<Furn> findByCondition(String name) {
    FurnExample furnExample = new FurnExample();
    //通过criteria 对象可以设置查询条件
    FurnExample.Criteria criteria = furnExample.createCriteria();

    //判断name是否有具体的内容
    if (StringUtils.hasText(name)) {
        criteria.andNameLike("%" + name + "%");
    }
    //说明: 如果没有传值, 即为null, "", "   "时, 依然是查询所有的记录
    return furnMapper.selectByExample(furnExample);
}

2.修改FurnServiceTest.java, 测试findByCondition方法.

@Test
public void findByCondition() {
    List<Furn> furns = furnService.findByCondition("风格");
    for (Furn furn : furns) {
        System.out.println("furn--" + furn);
    }
}

3.修改FurnController.java, 处理带条件分页查询, 并使用Postman完成测试.

/**
 * 根据家居名进行分页查询-带条件
 *
 * @param pageNum
 * @param pageSize
 * @return
 */
@RequestMapping("/furnsByConditionPage")
@ResponseBody
public Msg listFurnsByCondition(@RequestParam(defaultValue = "1") Integer pageNum,
                                @RequestParam(defaultValue = "5") Integer pageSize,
                                @RequestParam(defaultValue = "") String search) {
    //设置分页参数
    //解读
    //1.调用findAll完成查询, 底层会进行物理分页, 而不是逻辑分页
    //2.会根据分页参数来计算 limit ?, ?, 在发出sql语句时, 会带limit
    //3.我们后面会给大家抓取SQL
    PageHelper.startPage(pageNum, pageSize);

    List<Furn> furns = furnService.findByCondition(search);

    //将分页查询的结果, 封装到PageInfo
    //PageInfo 对象包含了分页的各个信息, 比如当前页面pageNum, 共有多少记录
    PageInfo pageInfo = new PageInfo(furns, pageSize);

    //将pageInfo封装到Msg对象, 返回
    return Msg.success().add("pageInfo", pageInfo);
}

在这里插入图片描述

4.修改HomeView.vue

<!--margin: 顶部距离 左侧距离-->
<div style="margin: 10px 5px">
  <el-input v-model="search" style="width: 20%" placeholder="请输入家居名"/>
  <el-button style="margin: 10px" type="primary" @click="list">检索</el-button>
</div>

数据池

data() {
  return {
    search: '',//检索条件, 可以在进行分页时保留上次的检索条件
  }
},

list方法

list() {
  //请求分页的接口-带检索条件
  request.get("/api/furnsByConditionPage", {
    params: {//指定请求携带的参数
      pageNum: this.currentPage,
      pageSize: this.pageSize,
      search: this.search,
    }
  }).then(res => {//处理返回的分页信息
    this.tableData = res.extend.pageInfo.list;
    this.total = res.extend.pageInfo.total;
  })
},

5.测试
在这里插入图片描述

实现功能09-添加家居表单前端校验

需求分析/图解

在这里插入图片描述

在这里插入图片描述

说明: 参考 element-plus 表单验证

思路分析

1.完成前台代码, 使用ElementPlus的表单 rules 验证即可

2.参考element-plus 表单验证文档

代码实现

1.修改HomeView.vue, 增加表单验证处理代码. 验证数字
增加对表单各个字段的校验规则

data() {
  return {
    //定义添加表单校验规则
    rules: {
      name: [
        //这里我们可以写多个针对name属性的校验规则
        {required: true, message: "请输入家居名", trigger: "blur"}
      ],
      maker: [
        //这里我们可以写多个针对maker属性的校验规则
        {required: true, message: "请输入厂商", trigger: "blur"}
      ],
      price: [
        //这里我们可以写多个针对price属性的校验规则
        {required: true, message: "请输入价格", trigger: "blur"},
        //使用正则表达式对输入的数据进行校验
        {pattern: /^([1-9]\d*|0)(\.\d+)?$/, message: "请输入数字", trigger: "blur"}
      ],
      sales: [
        //这里我们可以写多个针对sales属性的校验规则
        {required: true, message: "请输入销量", trigger: "blur"},
        {pattern: /^([1-9]\d*|0)$/, message: "请输入数字", trigger: "blur"}
      ],
      stock: [
        //这里我们可以写多个针对stock属性的校验规则
        {required: true, message: "请输入库存", trigger: "blur"},
        {pattern: /^([1-9]\d*|0)$/, message: "请输入数字", trigger: "blur"}
      ],
    }
  }
},

指定将创建的规则引用到form表单, 注意名称要对应
在这里插入图片描述

2.测试, 就可以看到验证规则生效了. 是光标离开输出框时, 出现检验效果, 因为是trigger: "blur"事件, 但是用户提交还是能成.

3.修改HomeView.vue, 但表单验证不通过时, 不提交表单
修改save方法

save() {//将填写的表单数据,发送给后端
  //修改和添加时走的同一个方法
  if (this.form.id) {//表示修改
    //本质发出ajax请求-异步处理
    //...
  } else {//表示添加
    //表单验证是否通过
    this.$refs['form'].validate(valid => {
      //valid就是表单校验后返回的结果
      if (valid) {//如果校验通过
        //解读
        //1.url: http://localhost:8080/ssm/save
        //2.this.form: 携带的数据
        request.post("/api/save", this.form).then(res => {
          // console.log("res=", res);
          //关闭对话框
          this.dialogVisible = false;
          //调用list方法, 刷新数据
          this.list();
        });
      } else {//校验没有通过
        this.$message({
          type: "error",
          message: "表单校验失败, 不提交"
        })
        return false;//放弃提交
      }
    })
  }
  //这里有一个注意事项...
},

修改add方法

add() {//显示添加对话框-带表单
  //显示对话框
  this.dialogVisible = true;
  //情况添加表单数据
  this.form = {};
  //清空上次校验的信息
  this.$refs['form'].resetFields();
},

在这里插入图片描述

实现功能10-添加家居表单后端校验

需求分析/图解

1.为什么前端校验了, 后端还需要校验? -使用Postman添加数据, 打破前端校验机制
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

2.后端校验-需求分析, 但后端校验没有通过, 会出现灰色框提示, 后台不真正入库数据在这里插入图片描述

思路分析

1.后台 使用JSR303数据校验, 引入hibernate-validator.jar, 学习SpringMVC JSR303校验时遇到过.

2.前端 使用ElementPlus进行数据绑定, 并显示错误信息

代码实现

1.修改pom.xml, 引入hibernate-validator jar文件

<!--JSR303数据校验支持引入hibernate-validator-->
<dependency>
  <groupId>org.hibernate</groupId>
  <artifactId>hibernate-validator</artifactId>
  <version>6.1.1.Final</version>
</dependency>

2.修改Furn.java, 使用hibernate-validator

@NotEmpty(message = "请输入家居名")
private String name;

@NotEmpty(message = "请输入厂商")
private String maker;

@NotNull(message = "请输入数字")
@Range(min = 0, message = "价格不能小于0")
private BigDecimal price;

@NotNull(message = "请输入数字")
@Range(min = 0, message = "销量不能小于0")
private Integer sales;

@NotNull(message = "请输入数字")
@Range(min = 0, message = "库存不能小于0")
private Integer stock;

3.修改FurnController.java, 处理带条件分页查询, 并使用Postman完成测试.

@PostMapping("/save")
@ResponseBody
public Msg save(@Validated @RequestBody Furn furn, Errors errors) {
    Map<String, Object> map = new HashMap<>();

    List<FieldError> fieldErrors = errors.getFieldErrors();

    for (FieldError fieldError : fieldErrors) {
        map.put(fieldError.getField(), fieldError.getDefaultMessage());
    }

    if (map.isEmpty()) {//说明后端校验通过, 因为没有发现校验错误
        furnService.save(furn);
        //没有抛出异常, 就返回成功信息
        Msg success = Msg.success();
        return success;
    } else {
        //校验失败, 就把错误信息封装到Msg对象, 并返回
        return Msg.fail().add("errors", map);
    }
}

在这里插入图片描述在这里插入图片描述在这里插入图片描述
4.修改HomeView.vue, 显示服务器校验返回的提示信息
在数据池, 增加显示错误信息的变量

data() {
  return {
    //存放后端校验的错误信息
    serverValidErrors: {},
  }
},

修改save方法, 显示错误提示

if (valid) {//如果校验通过
  //解读
  //1.url: http://localhost:8080/ssm/save
  //2.this.form: 携带的数据
  request.post("/api/save", this.form).then(res => {
    console.log("res=", res);
    if (res.code === 200) {//添加成功
      //关闭对话框
      this.dialogVisible = false;
      //调用list方法, 刷新数据
      this.list();
    } else {//后端校验失败
      //取出校验失败的信息, 赋给serverValidErrors
        this.serverValidErrors.name = res.extend.errors.name;
        this.serverValidErrors.maker = res.extend.errors.maker;
        this.serverValidErrors.price = res.extend.errors.price;
        this.serverValidErrors.sales = res.extend.errors.sales;
        this.serverValidErrors.stock = res.extend.errors.stock;
    }
  });
}

修改对话框, 显示后台返回的校验错误信息

<el-form ref="form" :model="form" :rules="rules" label-width="120px" style="width: 80%">
  <el-form-item label="家居名" prop="name">
    <el-input v-model="form.name" style="width: 50%"/>
    {{serverValidErrors.name}}
  </el-form-item>
  <el-form-item label="厂商" prop="maker">
    <el-input v-model="form.maker" style="width: 50%"/>
    {{serverValidErrors.maker}}
  </el-form-item>
  <el-form-item label="价格" prop="price">
    <el-input v-model="form.price" style="width: 50%"/>
    {{serverValidErrors.price}}
  </el-form-item>
  <el-form-item label="销量" prop="sales">
    <el-input v-model="form.sales" style="width: 50%"/>
    {{serverValidErrors.sales}}
  </el-form-item>
  <el-form-item label="库存" prop="stock">
    <el-input v-model="form.stock" style="width: 50%"/>
    {{serverValidErrors.stock}}
  </el-form-item>
</el-form>

为了触发后端校验, 先把前端校验解除

} else {//表示添加
  //表单验证是否通过
  this.$refs['form'].validate(valid => {
    //这里我们让前端校验放行, 测试后端校验的效果, 测试完毕, 再改回来
    valid = true;
    //valid就是表单校验后返回的结果
    if (valid) {//如果校验通过

测试
在这里插入图片描述

修改add()方法, 清空错误信息

add() {//显示添加对话框-带表单
  //显示对话框
  this.dialogVisible = true;
  //情况添加表单数据
  this.form = {};
  //清空上次前端校验的信息
  this.$refs['form'].resetFields();
  //清空上次后端校验的信息
  this.serverValidErrors = {};
},

SSM项目[前后端分离]小结+作业要求

●说明: 前后端分离开发, 前端框架Vue + 后端框架SSM

1.前端框架Vue

2.后端框架-SSM (Spring + SpringMVC + MyBatis)

3.数据库-MySQL

4.项目的依赖管理-Maven

5.分页-pagehelper

6.逆向工程-MyBatis Generator

7.其它…


●前端框架Vue
1.使用了ElementPlus来展示数据
2.使用Axios对象来请求数据 / 接口

●后端框架SSM
1.使用了经典的三层结构
2.使用MyBatis Generator 和 MyBatis pageHelper

●作业
1.把我们写的项目. 小伙伴可以独立地完整地写出来.
2.一定要自己写, 培养自己独立解决问题的能力, 并且提高解决Bug能力
3.逐步形成自己的编程套路 / 思路.
4.前端这块可以展示就可以了, 不需要写的非常好看, 关键是梳理清楚前后端数据通信机制. 多写, 多总结, 多梳理, 形成自己的知识.


在这里插入图片描述
🔜 下一讲预告 🔜
敬请期待：MyBatis系列一: MyBatis初步入门

📚 目录导航 📚

  1. SSM整合-前后端分离(项目环境搭建)
  2. SSM项目-前后端分离(搭建Vue前端工程)
  3. SSM整合-前后端分离(实现增删改查)
  4. SSM整合-前后端分离(实现分页+前后端校验)
    …

💬 读者互动 💬
你在学习SSM分页和校验功能时遇到了哪些问题？欢迎在评论区留言，我们一起讨论。

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

普通变频器位置闭环控制(S7-1200PLC工艺对象模拟量轴)

普通变频器位置闭环控制(S7-1200PLC工艺对象模拟量轴)

1、S7-1200PLC控制V90总线伺服通过工艺对象实现定位控制 S7-1200PLC和V90总线伺服通过工艺对象实现定位控制(标准报文3应用)_1200报文3控制v90-CSDN博客文章浏览阅读182次。V90伺服驱动器调试软件SINAMICS V-ASSISTANT Commissioning tool下载地址如下：西门子官网选型|资料CS…
阅读更多...
【Kafka】Kafka Broker工作流程、节点服役与退役、副本、文件存储、高效读写数据-08

【Kafka】Kafka Broker工作流程、节点服役与退役、副本、文件存储、高效读写数据-08

【Kafka】Kafka Broker工作流程、节点服役与退役、副本、文件存储、高效读写数据 1. Kafka Broker 工作流程1.1 Zookeeper 存储的 Kafka 信息1.2 Kafka Broker总体工作流程1.2.1 Controller介绍 1.3 Broker 重要参数 2. 节点服役与退役3. Kafka副本 1. Kafka Broker 工作流程 …
阅读更多...
Matplotlib绘图9种经典风格，你喜欢哪种？

Matplotlib绘图9种经典风格，你喜欢哪种？

学过Python的小伙伴都会知道&#xff0c;Matplotlib是Python生态最好用的可视化工具库&#xff0c;吹爆也不为过。&#x1f44d; Matplotlib作为高度定制化的绘图工具&#xff0c;只要你使用Python编程便可完美绘制二维统计图表、三维图表、动态图表、交互图表&#xff0c;甚至…
阅读更多...
找不到d3dx9_43.dll无法继续执行代码的几种解决方法

找不到d3dx9_43.dll无法继续执行代码的几种解决方法

在工作或生活使用电脑都会遇到丢失dll文件应用无法启动的情况&#xff0c;比如你安装完一款你最喜欢的游戏在启动的时候提示系统缺少d3dx9_39.dll、d3dx9_40.dll、d3dx9_41.dll、d3dx9_42.dll、d3dx9_43.dll、xinput1_3.dll 文件而无法正常游戏&#xff0c;或你在工作的时候安装…
阅读更多...
vue：vue2与vue3如何全局注册公共组件（包括涉及到的相关方法函数的讲解）

vue：vue2与vue3如何全局注册公共组件（包括涉及到的相关方法函数的讲解）

目录 第一章 vue2全局注册公共组件 1.1 方法一&#xff1a;逐个注册 1.2 方法二&#xff1a;批量注册 1.2.1 require.context()方法解释 第二章 vue3全局注册公共组件 1.1 方法一&#xff1a;逐个注册 1.2 方法二&#xff1a;批量注册 第一章 vue2全局注册公共组件 Vue…
阅读更多...
Golang并发控制的三种方案

Golang并发控制的三种方案

Channel Channel是Go在语言层面提供的一种协程间的通信方式&#xff0c;我们可以通过在协程中向管道写入数据和在待等待的协程中读取对应协程的次数来实现并发控制。 func main() {intChan : make(chan int, 5)waitCount : 5for i : 0; i < waitCount; i {go func() {intC…
阅读更多...
【计算机网络体系结构】计算机网络体系结构实验-FTP实验

【计算机网络体系结构】计算机网络体系结构实验-FTP实验

1. 2. 3. wireshark 第一行&#xff1a;帧Frame 545&#xff1a;要发送的数据块&#xff0c;所抓帧的序号为545&#xff0c;捕获字节数等于传送字节数&#xff1a;451字节第二行&#xff1a;源Mac地址为a4:bb:6d:6e:28:9a&#xff1b;目标Mac地址为24:00:fa:e4:df:d8第三行&…
阅读更多...
安卓逆向案例——X酷APP逆向分析

安卓逆向案例——X酷APP逆向分析

X酷APP逆向分析 这里介绍一下两种不同的挂载证书的方法。 chls.pro/ssl无法在浏览器中下载证书是什么原因解决方法&#xff1a; 法一 1. 挂载系统分区为读写 使用正确的挂载点来挂载系统分区为读写&#xff1a; su mount -o remount,rw /dev/uijISjR/.magisk/block/syste…
阅读更多...
Spring Boot连接Redis集群

Spring Boot连接Redis集群

1、问题写在前面 1.1、问题描述&#xff1a;Redis集群节点地址发现失败 Unable to connect to [172.17.0.4:7303]: connection timed out: /172.17.0.4:7303 1.2、解决方案&#xff1a; redis.conf 中添加配置 cluster-announce-ip 192.168.56.11 1.3、方案出处&#xff1a;…
阅读更多...
何在 Vue3 中使用 Cytoscape.js 创建交互式网络图

何在 Vue3 中使用 Cytoscape.js 创建交互式网络图

本文由ScriptEcho平台提供技术支持 项目地址&#xff1a;传送门 Cytoscape.js集成到Vue应用中 应用场景介绍 Cytoscape.js是一个用于可视化复杂网络数据的JavaScript库。它提供了丰富的功能&#xff0c;包括节点和边的创建、布局算法、交互式操作等。本文将介绍如何在Vue应…
阅读更多...
如何将办公文档压缩成rar格式文件？

如何将办公文档压缩成rar格式文件？

压缩包格式是我们生活工作中常用到的文件格式&#xff0c;那么如何得到一个rar格式的压缩文件&#xff1f;或者说如何将文件压缩成rar格式而不是zip格式呢&#xff1f;今天我们来了解一下如何压缩为rar格式文件。 首先&#xff0c;下载并安装WinRAR&#xff0c;然后用鼠标选择需…
阅读更多...
Flat Ads：互动广告助力开发者高效流量变现

Flat Ads：互动广告助力开发者高效流量变现

Flat Ads作为掌握7亿独家开发者流量的全球化营销推广平台,始终致力于为全球广告主提供高效、精准的效果营销和品牌宣传服务,同时为发布商提供高效变现、最大化收益的一站式解决方案。 Flat Ads旗下的互动广告平台作为高效能广告媒介,通过丰富的广告形式和变现场景有效地提升开…
阅读更多...
【Ubuntu下 qmqtt6.2编译及使用】

【Ubuntu下 qmqtt6.2编译及使用】

这里写自定义目录标题 一、编译二、使用 背景&#xff1a;最近用QT编写简单的HMI软件&#xff0c;mqtt通信&#xff0c;记录下编译过程&#xff0c;供参考。 一、编译 QT6.5.3 qmqtt6.2&#xff08;源码地址&#xff1a;https://github.com/qt/qtmqtt/tree/6.5.3&#xff09; …
阅读更多...
工具与技术：如何使用工具创建和实现导航栏图标动效

工具与技术：如何使用工具创建和实现导航栏图标动效

这篇教程的目的主要是带领大家做UI交互的入门引导,让大家理解做交互动效的一些基本逻辑思维,利用原型交互动画做导航栏icon动画效果。 导航栏icon动效的详细教程&#xff1a; 即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具&#x…
阅读更多...
Linux入门攻坚——26、Web Service基础知识与httpd配置-2

Linux入门攻坚——26、Web Service基础知识与httpd配置-2

http协议 URL&#xff1a;Uniform Resource Locator&#xff0c;统一资源定位符 URL方案&#xff1a;scheme&#xff0c;如http://&#xff0c;https:// 服务器地址&#xff1a;IP&#xff1a;port 资源路径&#xff1a; 示例&#xff1a;http://www.test.com:80/bbs/…
阅读更多...
【mysql 安装启动失败】 没有网下 libssl.so.10 not found 如何解决？

【mysql 安装启动失败】 没有网下 libssl.so.10 not found 如何解决？

问题描述&#xff1a; libssl.so.10 > not found libcrypto.so.10 > not found [rootmysql tools]# ls -l /usr/sbin/mysqld -rwxr-xr-x. 1 root root 64290024 Sep 14 2022 /usr/sbin/mysqld [rootmysql tools]# ldd /usr/sbin/mysqldlinux-vdso.so.1 (0x00007fff97105…
阅读更多...
网络流量 数据包length计算

网络流量 数据包length计算

MTUMSSIP header(20 bytes)tcp header(20 bytes) lengthMTUEthernet header(14bytes) 其中MSS为Maximum Segment Size&#xff0c;即最大报文段长度&#xff0c;其受MTU大小影响&#xff0c;这里的MTU指的是三层的&#xff0c;二层的MTU固定为1500&#xff0c;不能修改。 MT…
阅读更多...
SFF2004A-ASEMI无人机专用SFF2004A

SFF2004A-ASEMI无人机专用SFF2004A

编辑&#xff1a;ll SFF2004A-ASEMI无人机专用SFF2004A 型号&#xff1a;SFF1006A 品牌&#xff1a;ASEMI 封装&#xff1a;ITO-220AC 最大平均正向电流&#xff08;IF&#xff09;&#xff1a;20A 最大循环峰值反向电压&#xff08;VRRM&#xff09;&#xff1a;400V 最…
阅读更多...
一种快速设计PCB外壳的方法

一种快速设计PCB外壳的方法

设计PCB外壳比较好用的工具是SW但是有时候需要快速设计外壳的情况下使用立创EDA的外壳设计功能很好用&#xff0c;设计完成之后可以直接导出STL文件&#xff1a; 可以看到设计的外壳还是蛮精美的&#xff1a; 特别注意&#xff0c;设计外壳的时候要考虑如何把PCB放进壳子中&…
阅读更多...
市值3万亿英伟达的崛起：技术、坚持与市场的力量，厚积薄发的经典案例

市值3万亿英伟达的崛起：技术、坚持与市场的力量，厚积薄发的经典案例

在科技领域&#xff0c;英伟达&#xff08;NVIDIA&#xff09;的故事无疑是一个厚积薄发的经典案例。作为一家专注于图形处理单元&#xff08;GPU&#xff09;的公司&#xff0c;英伟达用31年的时间证明了技术的价值、计算的价值和坚持的价值。本文将详细探讨英伟达如何从一家市…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023