动力节点王鹤SpringBoot3笔记——第八章 文章管理模块

目录

第八章  文章管理模块

8.1  配置文件 

8.2 视图文件

8.3 Java代码


第八章  文章管理模块

创建新的Spring Boot项目,综合运用视频中的知识点,做一个文章管理的后台应用。 新的Spring Boot项目Lession20-BlogAdmin。Maven构建工具,包名称com.bjpowernode.blog JDK19,依赖:

  • Spring Web
  • Lombok
  • Thymeleaf
  • MyBatis Framework
  • MySQL Driver

依赖还需要Bean Validation 需求:文章管理工作,发布新文章,编辑文章,查看文章内容等 

8.1  配置文件 

组织配置文件 

 app-base.yml

article:
  #最低文章阅读数量
  low-read: 10
  #首页显示最多的文章数量
  top-read: 20

db.yml

spring:
  datasource:
    type: com.zaxxer.hikari.HikariDataSource
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/blog?serverTimezone=Asia/Shanghai
    username: root
    password: 123456
    hikari:
      auto-commit: true
      maximum-pool-size: 10
      minimum-idle: 10
      #获取连接时,检测语句
      connection-test-query: select 1
      connection-timeout: 20000
      #其他属性
      data-source-properties:
        cachePrepStmts: true
        dataSource.cachePrepStmtst: true
        dataSource.prepStmtCacheSize: 250
        dataSource.prepStmtCacheSqlLimit: 2048
        dataSource.useServerPrepStmts: true

8.2 视图文件

logo文件
favicon.ico放在static/ 根目录下

创建模板页面 

 articleList.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>文章列表</title>
  <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
  <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
  <div style="margin-left: 200px">
    <h3>阅读最多的前10篇文章</h3>
    <table  border="1px"  cellspacing="0px" cellpadding="2px">
      <thead>
        <th>选择</th>
        <th>序号</th>
        <th>标题</th>
        <th>副标题</th>
        <th>已读数量</th>
        <th>发布时间</th>
        <th>最后修改时间</th>
        <th>编辑</th>
      </thead>
      <tbody>
        <tr th:each="article,loopStats : ${articleList}">
          <td><input type="checkbox" th:value="${article.id}"></td>
          <td th:text="${loopStats.index+1}"></td>
          <td th:text="${article.title}"></td>
          <td th:text="${article.summary}"></td>
          <td th:text="${article.readCount}"></td>
          <td th:text="${article.createTime}"></td>
          <td th:text="${article.updateTime}"></td>
          <td>
            <a th:href="@{/article/get(id=${article.id})}">编辑</a>
          </td>
        </tr>
        <tr>
          <td colspan="8">
            <table width="100%">
              <tr>
                <td><button id="add" onclick="addArticle()">发布新文章</button></td>
                <td><button id="delete" onclick="deleteArticle()">删除文章</button></td>
                <td><button id="read" onclick="readOverview()">文章概览</button></td>
              </tr>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
    <form id="frm" th:action="@{/view/addArticle}" method="get">
    </form>

    <form id="delfrm" th:action="@{/article/removeArticle}" method="post">
      <input type="hidden" id="idsDom" name="ids" value="" >
    </form>
  </div>
  <script type="text/javascript">

    function addArticle(){
      $("#frm").submit();
    }

    function deleteArticle(){
      var ids = [];
      $("input[type='checkbox']:checked").each( (index,item)=>{
        ids.push( item.value );
      })
      $("#idsDom").val(ids);
      $("#delfrm").submit();
    }

    function readOverview(){

      var ids = [];
      $("input[type='checkbox']:checked").each( (index,item)=>{
        ids.push( item.value );
      })

      if( ids.length != 1){
        alert("选择一个文章查看");
        return;
      }
      $.get("../article/detail/overview", { id:ids[0] }, (data,status)=>{
        alert(data)
      } )
    }
  </script>
</body>
</html>

bind.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <div style="margin-left: 200px">
    <div th:each="field:${errors}">
      <div th:text="${field.field}"></div>
      <div th:text="${field.defaultMessage}"></div>
    </div>
  </div>
</body>
</html>

error.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <div style="margin-left: 200px">
    <div th:text="${error}"></div>
  </div>
</body>
</html>

8.3 Java代码

 java代码 

model包: 

 ArticleVO.java

@Data
public class ArticleVO {
  private Integer id;
  private Integer userId;
  private String title;
  private String summary;
  private String content;
  private Integer readCount;
  private LocalDateTime createTime;
  private LocalDateTime updateTime;
}

ArticleParam.java

package com.bjpowernode.blog.model.param;

import jakarta.validation.constraints.Max;
import jakarta.validation.constraints.Min;
import jakarta.validation.constraints.NotBlank;
import jakarta.validation.constraints.NotNull;
import jakarta.validation.constraints.Size;
import java.awt.PageAttributes.MediaType;
import lombok.Data;
import lombok.NonNull;
import org.hibernate.validator.constraints.Range;

@Datapublic class ArticleParam {
  public static interface AddArticle {};
  public static interface EditArticle {};

  @NotNull(message = "修改时必须有id",groups = EditArticle.class)
  @Min(value = 1,message = "id必须从{value}开始",groups = EditArticle.class)
  private Integer id;

  @NotBlank(message = "请输入文章标题",groups ={ AddArticle.class, EditArticle.class })
  @Size(min = 2,max = 20,message = "文章标题{min}-{max}",groups ={ AddArticle.class, EditArticle.class })
  private String title;

  @NotBlank(message = "请输入文章副标题",groups ={ AddArticle.class, EditArticle.class })
  @Size(min = 10,max = 30,message = "文章副标题{min}-{max}",groups ={ AddArticle.class, EditArticle.class })
  private String summary;

  @NotBlank(message = "请输入文章副标题",groups ={ AddArticle.class, EditArticle.class })
  @Size(min = 50,max = 8000,message = "文章至少五十个字,文章至多八千字",groups ={ AddArticle.class, EditArticle.class })
  private String content;
}

ArticleDTO.java

@Data
public class ArticleDTO {
  private Integer id;
  private Integer userId;
  private String title;
  private String summary;
  private Integer readCount;
  private String content;
  private LocalDateTime createTime;
  private LocalDateTime updateTime;
}

po包

 ArticlePO.java

@Data
public class ArticlePO {
  private Integer id;
  private Integer userId;
  private String title;
  private String summary;
  private Integer readCount;
  private LocalDateTime createTime;
  private LocalDateTime updateTime;
}

ArticleDetailPO.java

@Data
public class ArticleDetailPO {
  private Integer id;
  private Integer articleId;
  private String content;
}

mapper包

 ArticleMapper.java

package com.bjpowernode.blog.mapper;

public interface ArticleMapper {


  @Select("""
        select id,user_id,title,summary,read_count,create_time,update_time
        from article
        where read_count >=#{lowRead}

        order by read_count desc
        limit #{topRead}
      """)
  @Results(id = "ArticleBaseMap", value = {
      @Result(id = true, column = "id", property = "id"),
      @Result(column = "user_id", property = "userId"),
      @Result(column = "title", property = "title"),
      @Result(column = "summary", property = "summary"),
      @Result(column = "read_count", property = "readCount"),
      @Result(column = "create_time", property = "createTime"),
      @Result(column = "update_time", property = "updateTime"),
  })
  List<ArticlePO> topSortByReadCount(Integer lowRead, Integer topRead);

  @Insert("""
      insert into article(user_id,title,summary,read_count,create_time,update_time) \
      values(#{userId},#{title},#{summary},#{readCount},#{createTime},#{updateTime})
      """)
  @Options(useGeneratedKeys = true, keyProperty = "id", keyColumn = "id")
  int insertArticle(ArticlePO articlePO);


  @Insert("""
      insert into article_detail(article_id, content) 
      values (#{articleId},#{content}) 
     """)
  int insertArticleDetail(ArticleDetailPO articleDetailPO);


  @Select("""
      select m.id as articleId,title,summary,content 
      from article m left join article_detail ad 
      on m.id = ad.article_id
      where m.id=#{id}
      """)
  @Results({
      @Result(id = true, column = "articleId", property = "id"),
      @Result(column = "title", property = "title"),
      @Result(column = "summary", property = "summary"),
      @Result(column = "content", property = "content", jdbcType = JdbcType.LONGVARCHAR, javaType = String.class)
  })
  ArticleDTO selectArticleAndDetail(Integer id);


  //更新文章title,summary
  @Update("""
      update article set title=#{title},summary=#{summary} where id=#{id}
      """)
  int updateArticle(ArticlePO articlePO);


  @Update("""
      update article_detail set content=#{content} where article_id=#{articleId}
      """)
  int updateArticleDetail(ArticleDetailPO articleDetailPO);

  //<script>动态sql</script>
  @Delete("""
      <script>
      delete from article where id in
      <foreach item="id" collection="list" open="(" separator="," close=")">
           #{id}
      </foreach>
      </script>
      """)
  int deleteArticle(List<Integer> ids);


  @Delete("""
      <script>
      delete from article_detail where id in
      <foreach item="id" collection="list" open="(" separator="," close=")">
           #{id}
      </foreach>
      </script>
      """)
  int deleteArticleDetail(List<Integer> ids);

  @Select("""
      select id,article_id,content from article_detail
      where article_id= #{id}
      """)
  ArticleDetailPO selectDetailByArticleId(Integer id);
}

 ArticleService.java

public interface ArticleService {

  List<ArticlePO> queryTopAritcle();

  boolean addArticle(ArticleDTO article);

  boolean modifyArticle(ArticleParam param);

  int removeArticle(List<Integer> ids);

  ArticleDTO queryByArticleId(Integer id);
  
  String queryTop20Detail(Integer id);
}

ArticleServiceImpl.java

@RequiredArgsConstructor
@Service
public class ArticleServiceImpl implements ArticleService {

  private final ArticleMapper articleMapper;
  private final ArticleSettings articleSettings;

  @Override
  public List<ArticlePO> queryTopAritcle() {
    Integer lowRead = articleSettings.getLowRead();
    Integer topRead = articleSettings.getTopRead();
    return articleMapper.topSortByReadCount(lowRead, topRead);
  }

  @Transactional(rollbackFor = Exception.class)
  @Override
  public boolean addArticle(ArticleDTO article) {
    ArticlePO articlePO = new ArticlePO();
    articlePO.setTitle(article.getTitle());
    articlePO.setSummary(article.getSummary());
    //从登陆信息中获取,现在给个默认
    articlePO.setUserId(new Random().nextInt(1000));
    articlePO.setReadCount(new Random().nextInt(50));
    articlePO.setCreateTime(LocalDateTime.now());
    articlePO.setUpdateTime(LocalDateTime.now());
    articleMapper.insertArticle(articlePO);

    ArticleDetailPO articleDetailPO = new ArticleDetailPO();
    articleDetailPO.setArticleId(articlePO.getId());
    articleDetailPO.setContent(article.getContent());
    articleMapper.insertArticleDetail(articleDetailPO);

    return true;
  }

  @Transactional(rollbackFor = Exception.class)
  public boolean modifyArticle(ArticleParam param){

    ArticlePO  articlePO = new ArticlePO();
    articlePO.setId(param.getId());
    articlePO.setTitle(param.getTitle());
    articlePO.setSummary(param.getSummary());
    int editArticle = articleMapper.updateArticle(articlePO);

    ArticleDetailPO detailPO = new ArticleDetailPO();
    detailPO.setArticleId(param.getId());
    detailPO.setContent(param.getContent());

    int editDetail = articleMapper.updateArticleDetail(detailPO);

    if( editArticle > 0 && editDetail > 0 ){
      return true;
    }
    return false;
  }

  @Transactional(rollbackFor = Exception.class)
  @Override
  public int removeArticle(List<Integer> ids) {
    int master = articleMapper.deleteArticle(ids);
    int detail = articleMapper.deleteArticleDetail(ids);
    return master;
  }

  @Override
  public ArticleDTO queryByArticleId(Integer id) {
    return articleMapper.selectArticleAndDetail(id);
  }

  @Override
  public String queryTop20Detail(Integer id) {
    ArticleDetailPO articleDetailPO = articleMapper.selectDetailByArticleId(id);
    String content = articleDetailPO.getContent();
    if(StringUtils.hasText(content)){
      content = content.substring(0, content.length() >=20 ? 20 : content.length());

    }
    return content;
  }
}

 ArticleController.java

@RequiredArgsConstructor
@Controller
public class ArticleController {

  private final ArticleService articleService;

  @GetMapping( value = {"/", "/article/hot"})
  public String showHotArticle(Model model){
    List<ArticlePO> articlePOList = articleService.queryTopAritcle();
    //转为VO
    List<ArticleVO> articleVOList = BeanUtil.copyToList(articlePOList, ArticleVO.class);
    //存储数据
    model.addAttribute("articleList", articleVOList);
    //视图
    return "/blog/articleList";
  }

  //添加文章
  @PostMapping("/article/add")
  public String addArticle(@Validated(ArticleParam.AddArticle.class) ArticleParam param){

    ArticleDTO article = new ArticleDTO();
    article.setTitle(param.getTitle());
    article.setSummary(param.getSummary());
    article.setContent(param.getContent());
    boolean add = articleService.addArticle(article);
    return "redirect:/article/hot";

  }

  //查询文章
  @GetMapping("/article/get")
  public String queryById(Integer id, Model model){
    ArticleDTO articleDTO = articleService.queryByArticleId(id);
    ArticleVO articleVO = BeanUtil.copyProperties(articleDTO, ArticleVO.class);
    model.addAttribute("article",articleVO);
    return "/blog/editArticle";
  }

  //修改文章
  @PostMapping("/article/edit")
  public String modifyArticle(@Validated(ArticleParam.EditArticle.class) ArticleParam param){
    boolean edit = articleService.modifyArticle(param);
    return "redirect:/article/hot";
  }


  //删除文章
  @PostMapping("/article/removeArticle")
  public String removeArticle(@RequestParam("ids") IdType idType){
    System.out.println("ids="+idType);
    if(idType.getIdList() == null){
      throw new IdNullException("Id为null");
    }
    articleService.removeArticle(idType.getIdList());
    return "redirect:/article/hot";
  }

  //查询文章开始的20个字
  @GetMapping("/article/detail/overview")
  @ResponseBody
  public String queryDetail(Integer id){
    String top20Content = articleService.queryTop20Detail(id);
    return  top20Content;
  }
}

 IdNullException.java

public class IdNullException extends BlogRootException{

  public IdNullException() {
    super();
  }

  public IdNullException(String message) {
    super(message);
  }
}

BlogRootException.java

public class BlogRootException extends RuntimeException{

  public BlogRootException() {
    super();
  }

  public BlogRootException(String message) {
    super(message);
  }
}

GlobalHandleException.java

@ControllerAdvice
public class GlobalHandleException {

  @ExceptionHandler( BindException.class)
  public String handlerBindException(BindException bindException, Model model){
    BindingResult result = bindException.getBindingResult();
    if( result.hasErrors()){
     model.addAttribute("errors",result.getFieldErrors());
      System.out.println("result.getFieldErrors()="+result.getFieldErrors().size());
    }
    return "/blog/error/bind";
  }

  @ExceptionHandler( Exception.class)
  public String handlerDefaultException(Exception exception, Model model){

    model.addAttribute("msg","请稍后重试!!!");

    return "/blog/error/error";
  }
}

 IdType.java

@Data
public class IdType {
  private List<Integer> idList;
}

IdTypeFormatter.java

public class IdTypeFormatter implements Formatter<IdType> {

  @Override
  public IdType parse(String text, Locale locale) throws ParseException {

    IdType idType = new IdType();
    if(StringUtils.hasText(text)){

      List<Integer>  ids = new ArrayList<>();
      for (String id : text.split(",")) {
        ids.add(Integer.parseInt(id));
      }
      idType.setIdList(ids);

    }
    return idType;
  }

  @Override
  public String print(IdType object, Locale locale) {
    return null;
  }
}

 ArticleSettings.java

@Data
@ConfigurationProperties(prefix = "article")
public class ArticleSettings {
  private Integer lowRead;
  private Integer topRead;
}

WebMvcSettings.java

@Configuration
public class WebMvcSettings implements WebMvcConfigurer {

  @Override
  public void addFormatters(FormatterRegistry registry) {
    registry.addFormatter(new IdTypeFormatter());
  }

  @Override
  public void addViewControllers(ViewControllerRegistry registry) {
    registry.addViewController("/view/addArticle").setViewName("/blog/addArticle");
  }
}

启动类:
Lession19AdminApplication.java

@MapperScan(basePackages = { "com.bjpowernode.blog.mapper" })
@EnableConfigurationProperties( {ArticleSettings.class} )
@SpringBootApplicationpublic class Lession19AdminApplication {

  public static void main(String[] args) {
    SpringApplication.run(Lession19AdminApplication.class, args);
  }

}

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【UE4】关卡流送的demo

关卡流送功能可以将地图文件加载到内存中&#xff0c;或者从内存中卸载&#xff0c;并在游戏过程中切换地图的可视性。 这样一来&#xff0c;场景便能拆分为较小的地图块&#xff0c;并且只有相关部分才会占用资源并被渲染。 正确设置后&#xff0c;开发者便能创建大型、无缝衔…

开源流媒体服务器ZLMediaKit在Windows上运行、配置、按需拉流拉取摄像头rtsp视频流)并使用http-flv网页播放

场景 目前市面上有很多开源的流媒体服务器解决方案&#xff0c;常见的有SRS、EasyDarwin、ZLMediaKit和Monibuca等。 1、SRS GitHub - ossrs/srs: SRS is a simple, high efficiency and realtime video server, supports RTMP, WebRTC, HLS, HTTP-FLV, SRT, MPEG-DASH and …

ChatGPT批量翻译-ChatGPT批量生成多国语言

ChatGPT翻译的准吗 ChatGPT是一种基于Transformer架构的自然语言处理技术&#xff0c;其翻译准确性取决于所训练的模型和数据集的质量。在特定的语料库和训练数据下&#xff0c;ChatGPT可以实现一定程度的准确翻译。但是&#xff0c;与人工翻译相比&#xff0c;ChatGPT的翻译质…

LeetCode_101

千奇百怪的排序算法 快速排序 采用左闭右开的二分写法 归并排序 插入排序 冒泡排序 选择排序 以上代码的调用方式&#xff1a; 快速选择 在一个未排序的数组中&#xff0c;找到第 k 大的数字 快速选择一般用于求解 k-th Element 问题&#xff0c;可以在 O(n) 时间复杂度&…

Unix、UTC、GPS时间戳及转换

UTC时间 UTC时间的英文全称&#xff1a;Universal Time Coordinated&#xff0c;中文名称&#xff1a;协调世界时。俗的理解为&#xff0c;这个时间是全世界通用的&#xff0c;即全世界都公用的一个时间。可以认为格林威治时间就是时间协调时间&#xff08;GMTUTC&#xff09;&…

测试名词介绍

测试名词介绍一&#xff1a;敏捷测试1. 定义&#xff1a;2. 敏捷测试的核心&#xff1a;3. 敏捷测试的8大原则和传统测试的区别二&#xff1a;测试名词介绍瀑布模型回归测试Alpha测试Beta测试性能测试白盒测试黑盒测试灰盒测试三&#xff1a;测试流程单元测试 (unit test)集成测…

ChatGPT想干掉开发人员,做梦去吧

很多人都发现ChatGPT可以做一些代码相关的工作&#xff0c;不仅可以写一些基础的类似python、java、js的代码段&#xff0c;还可以做一定量的调优&#xff0c;于是就开始担忧起来&#xff0c;到哪天我的开发工作会不会被ChatGPT这个工具给取代了&#xff1f; 目录 1. ChatGPT…

前 K 个高频元素(力扣刷题代码随想录刷题)

给你一个整数数组 nums 和一个整数 k &#xff0c;请你返回其中出现频率前 k 高的元素。你可以按 任意顺序 返回答案。 思路&#xff1a; 要统计元素出现频率对频率排序找出前K个高频元素首先统计元素出现的频率&#xff0c;这一类的问题可以使用map来进行统计。 然后是对频率…

【血泪建议】软件测试岗位现状,可惜之前没人告诉我,肠子都晦青了....

谈到现状&#xff0c;国内的软件测试行情目前呈现了两极分化的极端情况。 一个是早期的手工测试人员吐槽工作不好做&#xff0c;即使有工作也是外包&#xff0c;而且薪资太低&#xff1b;一方面是很多互联网企业感叹自动化测试人才难找&#xff0c;有技术的自动化测试工程师&a…

批量自动翻译软件-准确的翻译软件

现代社会&#xff0c;在全球化背景下&#xff0c;语言障碍是碍企业发展的主要因素之一。而翻译软件的出现&#xff0c;为人们跨越语言障碍带来了新的解决方案。针对翻译需要大量文字内容的情况&#xff0c;有一些能翻译大量文字的翻译软件&#xff1a; 147CGPT翻译软件特点&…

面试篇-揭开Spring Bean加载的神秘面纱

SpringBean加载完整过程 启动spring容器&#xff08;创建beanfactory&#xff09;->加载配置(注解、xml)->实例化bean(执行构造方法)->注入依赖->初始化bean&#xff08;设置属性值&#xff09;->使用->销毁 解析和读取 XML 配置文件或注解配置类&#xff0…

【C++基础】引用(引用的概念;引用的特性;常引用;使用场景:做输出型参数、大对象传参、做输出型返回值、返回大对象的引用);引用和指针的区别)

六、引用 6.1 引用的概念 引用不是新定义一个变量&#xff0c;而是给已存在变量取了一个别名&#xff0c;编译器不会为引用变量开辟内存空间&#xff0c;它和它引用的变量共用同一块内存空间。&#xff08;语法上&#xff09; 格式&#xff1a;类型& 引用变量名(对象名) …

用vscode运行Java程序初体验

最近开始学习Java编程了&#xff0c;以前学习过C、C 、Python&#xff0c;主要用微软的visual studio code来运行python程序&#xff0c;于是就尝试了用vscode来运行java代码&#xff0c;记录一下使用的经验&#xff0c;帮助大家少走弯路。 安装了Java的集成编辑器IDE "Ec…

Docker环境安装

Docker环境安装Docker简介Docker工作原理Docker的应用场景Docker 的优点CentOS Docker 安装与配置Docker 安装Docker 配置Docker容器概念Docker容器操作拉取镜像删除镜像容器相关命令创建并启动容器停止和恢复容器删除容器Docker简介 Docker 是一个开源的应用容器引擎&#xf…

不卷不成魔,新时代的IT人员更需要卷,不卷不成活

简介 从2022年开始至今&#xff0c;IT界发生了很多巨大的变革带来了许多巨大的变化。 这些变革、这些变化导致了有人欢喜有人悲、有人迷茫有人焦虑。1年半来&#xff0c;迷茫、焦虑、精神内耗了也都差不多了&#xff0c;大家都已经认识到了现实&#xff0c;作为凡人的我们所能…

【防止恶意用户注册】-- 手机在网状态 API 的防欺诈应用解析

简介 手机在网状态 API 支持传入手机号码&#xff0c;查询手机号在网状态&#xff0c;返回在网、在网不可用、不在网&#xff08;销号/未启用/停机&#xff09;等多种状态&#xff0c;查询手机号在网状态之后&#xff0c;可以根据具体的业务需求来进行不同的处理。 本文主要介…

由libunifex来看Executor的任务构建

前言 之前的一篇文章讲述了future的优缺点&#xff0c;以及future的组合性&#xff0c;其中也讲述了构建任务DAG一些问题&#xff0c;同时给出了比较好的方案则是Executor。 Executor还未进入标准&#xff08;C23&#xff09;&#xff0c;Executor拥有惰性构建及良好的抽象模型…

c/c++:windows平台下依赖的动态库,c底层是汇编语言,程序断点调试,反汇编,vs快捷键

c/c&#xff1a;windows平台下依赖的动态库&#xff0c;c底层是汇编语言&#xff0c;程序断点调试&#xff0c;反汇编&#xff0c;vs快捷键 2022找工作是学历、能力和运气的超强结合体&#xff0c;遇到寒冬&#xff0c;大厂不招人&#xff0c;此时学会c的话&#xff0c; 我所知…

20230412-使用STM32实现内部flash模拟U盘

最近用STM32F103CBT6搞了个U盘功能 ​ 工程师干了几年后&#xff0c;基本会有小外包的生活&#xff0c;算是赚外快吧&#xff0c;搞小钱改善伙食&#xff0c;嘻嘻。。。。 ​ 最近有个客户找到我&#xff0c;说是否通过ST的单片机搞个U盘功能&#xff0c;有些文件通过U盘拖拽…

005:Mapbox GL添加全屏显示功能

第005个 点击查看专栏目录 本示例的目的是介绍演示如何在vue+mapbox中添加全屏显示功能 。 直接复制下面的 vue+mapbox源代码,操作2分钟即可运行实现效果 文章目录 示例效果配置方式示例源代码(共60行)相关API参考:专栏目标示例效果 配置方式 1)查看基础设置:https://…