【个人博客系统网站】我的博客列表页 · 增删改我的博文 · 退出登录 · 博客详情页 · 多线程应用

【JavaEE】进阶 · 个人博客系统（4）

在这里插入图片描述

文章目录

  • 【JavaEE】进阶 · 个人博客系统（4）
    • 1. 增加博文
    • 1.1 预期效果
      • 1.1 约定前后端交互接口
      • 1.2 后端代码
      • 1.3 前端代码
      • 1.4 测试
    • 2. 我的博客列表页
      • 2.1 期待效果
      • 2.2 显示用户信息以及博客信息
        • 2.2.1 约定前后端交互接口
        • 2.2.2 后端代码
        • 2.2.3 前端代码
        • 2.2.4 测试
      • 2.3 删除文章
        • 2.3.1 约定前后端交互接口
        • 2.3.2 后端代码
        • 2.3.3 前端代码
        • 2.3.4 测试
      • 2.4 退出登录
        • 2.4.1 约定前后端交互接口
        • 2.4.2 后端代码
        • 2.4.3 前端代码
        • 2.4.4 测试
    • 3. 修改文章
      • 3.1 页面初始化
        • 3.1.1 约定前后端接口
        • 3.1.2 后端代码
        • 3.1.3 前端代码
        • 3.1.4 测试
      • 3.2 修改文章
        • 3.2.1 约定前后端交互接口
        • 3.2.2 后端代码
        • 3.2.3 前端代码
        • 3.2.4 测试
    • 4. 博客详情页
      • 4.1 期待效果
      • 4.2 约定前后端交换接口
      • 4.3 后端代码
      • 4.4 前端代码
      • 4.5 测试

【JavaEE】进阶 · 个人博客系统（4）

1. 增加博文

1.1 预期效果

a

用户在网页中编写标题和正文，点击提交，选择

  1. 输入摘要
  2. 取消，继续编写文章

提交成功后，选择

  1. 继续写文章
  2. 返回“我的博客列表页”

1.1 约定前后端交互接口

后端：

  1. /art/publish
  2. 将前端传递过来的数据保存到数据库
  3. 返回受影响行数

前端：

  1. /art/publish
  2. 标题，正文，摘要
  3. 当前登录用户sessionid

1.2 后端代码

在这里插入图片描述

  1. controller层

由于经常需要对字符串进行检查，我封装了一个方法：

  • 为什么前端检验完了，后端还检验呢？
    • 千万别相信“前端”，因为这个“前端”，可能不是浏览器正常的流程，也可能是通过postman等方式发送的请求，这个就可以绕开前端代码的校验~
    • 不用担心，因为
public class APPUtils {/*** 字符串全部都有长度才返回true* @param strings* @return*/public static boolean hasLength(String... strings) {for(String x : strings) {if(!StringUtils.hasLength(x)) {return false;}}return true;}
}

修改：

在这里插入图片描述

在这里插入图片描述

@RequestMapping("/publish")
public CommonResult publish(@RequestBody ArticleInfo articleInfo, HttpServletRequest request) {// 1. 获取当前用户详信息UserInfo userInfo = SessionUtils.getUser(request);articleInfo.setUid(userInfo.getId());articleInfo.setPhoto(userInfo.getPhoto());// 2. 校验参数if(!APPUtils.hasLength(articleInfo.getContent(), articleInfo.getSummary(), articleInfo.getTitle())) {return CommonResult.fail(-1, "非法参数！");}// 3. 提交到数据库中int rows = articleService.publish(articleInfo);// 4. 返回return CommonResult.success(rows);
}
  1. service层
@Autowired
private ArticleMapper articleMapper;public int publish(ArticleInfo articleInfo) {return articleMapper.insert(articleInfo);    
}
  1. mapper层
@Insert("insert into articleinfo (title, content, summary, uid, photo) values (#{title}, #{content}, #{summary}, #{uid}, #{photo})")
int insert(ArticleInfo articleInfo);
  1. 拦截器配置
    • 拦截，不排除此接口

1.3 前端代码

在这里插入图片描述

function publish() {var title = jQuery("#text");var content = jQuery("#content");// 1. 参数校验if (title.val().trim() == "") {alert("标题不能为空！");title.focus();return false;}if (content.val().trim() == "") {alert("正文不能为空！");content.focus();return false;}// 2. 输入摘要var summary = prompt("请输入摘要：");if(summary == "") {return false;}// 3. 发送请求jQuery.ajax({url: "/art/publish",method: "POST",contentType: "application/json; charset=utf8",data: JSON.stringify({title: title.val().trim(),content: content.val().trim(),summary: summary.val().trim(),}),// 3. 处理响应success: function (body) {if (body.code == 200 && body.data == 1) {if(confirm("发布成功！请问是否继续创作？")) {location.href = location.href;}else {location.href = "myblog_lists.html";}} else {alert("发布失败：" + body.msg);}},});
}

1.4 测试

在这里插入图片描述

在这里插入图片描述

为了避免写文章过程中session过去，我将session设置为永不过期：

在这里插入图片描述

2. 我的博客列表页

2.1 期待效果

在这里插入图片描述

  1. 左侧窗口显示用户信息
  2. 右侧窗口显示用户创作的博文简介
    1. 标题
    2. 时间以及阅读量
    3. 摘要
    4. 查看正文，修改文章，删除文章按钮
  3. 右上角
    1. 点击主页跳转到所有人的博客列表页
    2. 点击写博客跳转到博客创作页
    3. 点击退出登录，后端删除登录记录，跳转到登录页面

2.2 显示用户信息以及博客信息

2.2.1 约定前后端交互接口

后端：

  1. /article/get_mylist
  2. 通过当前登录用户查询博客
  3. 返回用户信息以及博客信息的组合

前端：

  1. /article/get_mylist
  2. get
  3. 接受响应，投喂给页面

2.2.2 后端代码

  1. controller层
@RequestMapping("/get_mylist")
public CommonResult getMylist(HttpServletRequest request) {// 1. 获取当前登录用户UserInfo userInfo = SessionUtils.getUser(request);// 2. 通过此用户发布的所有文章List<ArticleInfo> list = articleService.getListByUid(userInfo.getId());// 3. 标题 / 正文太长 处理ArticleUtils.substringList(list);// 4. 返回给前端Map<String, Object> map = new HashMap<>();map.put("user", userInfo);map.put("list", list);return CommonResult.success(map);
}

// 文章工具类
public class ArticleUtils {//标题截取长度private static final int _TITLE_LENGTH = 40;//摘要截取长度private static final int _SUMMARY_LENGTH = 160;public static void substringList(List<ArticleInfo> list) {if(list != null && list.size() != 0) {// 并发处理 list 集合list.stream().parallel().forEach((art) -> {//标题截取if(art.getTitle().length() > _TITLE_LENGTH) {art.setTitle(art.getTitle().substring(0, _TITLE_LENGTH) + "...");}//摘要截取if(art.getSummary().length() > _SUMMARY_LENGTH) {art.setSummary(art.getSummary().substring(0, _SUMMARY_LENGTH) + "...");}});}}
}
  1. service层
public List<ArticleInfo> getListByUid(int uid) {return articleMapper.getListByUid(uid);
}
  1. mapper层
@Select("select * from articleinfo where uid = #{uid} order by id desc")
List<ArticleInfo> getListByUid(@Param("uid") int uid); //越晚发布排在越前
  1. 拦截器配置
    • 不排除此接口
  2. 时间格式配置

可以接受数据库时间的类型一般是：

  1. Date
  2. LocalDataTime
  3. TimeStamp

网络资料

LocalDateTime和Date是Java中表示日期和时间的两种不同的类，它们有一些区别和特点。

  1. 类型：LocalDateTime是Java 8引入的新类型，属于Java 8日期时间API（java.time包）。而Date是旧版Java日期时间API（java.util包）中的类。

  2. 不可变性：LocalDateTime是不可变的类型，一旦创建后，其值是不可变的。而Date是可变的类型，可以通过方法修改其值。

  3. 线程安全性：LocalDateTime是线程安全的，多个线程可以同时访问和操作不同的LocalDateTime实例。而Date是非线程安全的，如果多个线程同时访问和修改同一个Date实例，可能会导致不可预期的结果。

  4. 时间精度：LocalDateTime提供了纳秒级别的时间精度，可以表示更加精确的时间。而Date只能表示毫秒级别的时间精度。

  5. 时区处理：LocalDateTime默认不包含时区信息，表示的是本地日期和时间。而Date则包含时区信息，它的实际值会受到系统默认时区的影响。

而TimeStamp就是long类型的时间戳的包装~

对于时间格式的控制：

  1. json的构造本身是通过getter去获取的，所以可以重写getter来控制显示效果

  2. 全局配置：

    在这里插入图片描述

    但是这只适合jdk8之前的Date类型

  3. 局部配置：

    • 对于时间类型的属性，是可以通过注解@JsonFormat来配置的：

    在这里插入图片描述

2.2.3 前端代码

左：

在这里插入图片描述

右：

在这里插入图片描述

jQuery.ajax({type: "get",url: "/art/get_mylist",success: function (body) {if (body.code == 200) {// 1. 改变左侧窗口jQuery(".card img").attr("src", body.data.user.photo);jQuery(".card h3").text(body.data.user.name);if(body.data.user.git.trim() != "") {jQuery(".card a").attr("href", body.data.user.git);}jQuery("#count").text(body.data.list.length);// 2. 显示文章，构造博客html元素for (var blog of body.data.list) {console.log(body.title);var art ='<div class="blog"><div class="title">' + blog.title + "</div>";art +='<div class="date">' +blog.createtime +" 阅读量：" +blog.rcount +"</div>";art += '<div class="content">' + blog.summary + "</div>";art += '<div class="thing">';art +='<a href="blog_detail.html?aid=' + blog.id + '">查看正文</a>';art +='<a href="myblog_update.html?aid=' + blog.id + '">修改文章</a>';art +='<div id="del" style="background-color: rgba(255, 0, 0, 0.6)" οnclick="del(' +blog.id +')">删除文章</div>';art += "</div></div>";// 3. 追加到div.articlejQuery(".article").append(jQuery(art));}}},
});

你也可以，以标签为单位去设置属性以及嵌套，这有逻辑的构建；而我这里是单纯的拼接字符串，用jQuery(str)，构造html元素

2.2.4 测试

在这里插入图片描述

2.3 删除文章

2.3.1 约定前后端交互接口

后端：

  1. /art/delete
  2. 根据当前登录用户id，和删除文章对应的作者id，判断是否有权限删除，有才能删除
  3. 返回受影响行数

前端：

  1. /art/delete
  2. post
  3. JSON：id（文章id）
  4. 如果受影响行数为1，刷新页面

2.3.2 后端代码

  1. controller层
@RequestMapping("/delete")
public CommonResult delete(@RequestBody ArticleInfo articleInfo, HttpServletRequest request) {// 1. 获取当前登录用户的idint uid = SessionUtils.getUser(request).getId();// 2. 设置到文章对象里articleInfo.setUid(uid);// 3. 删除int rows = articleService.delete(articleInfo);// 4. 返回return CommonResult.success(rows);
}
  1. service层
public int delete(ArticleInfo articleInfo) {return articleMapper.delete(articleInfo);
}
  1. mapper层
@Delete("delete from articleinfo where id = #{id} and uid = #{uid}")
// 查找文章和检测权限在一步搞定
int delete(ArticleInfo articleInfo);
  1. 拦截器配置
    • 拦截，不排除

2.3.3 前端代码

function del(aid) {// 0. 参数校验if (parseInt(aid) == NaN || aid <= 0) {return false;}jQuery.ajax({method: "post",url: "/art/delete",contentType: "application/json; charset=utf8",data: JSON.stringify({id: aid,}),success: function (body) {if (body.code == 200 && body.data == 1) {location.href = location.href;} else {alert("删除失败！\n");}},});
}

2.3.4 测试

在这里插入图片描述

2.4 退出登录

2.4.1 约定前后端交互接口

后端：

  1. /user/logout
  2. 根据当前用户进行删session操作
  3. 无返回值

前端：

  1. /user/logout
  2. a标签的get

2.4.2 后端代码

  1. controller层
@RequestMapping("/logout")
public void logout(HttpServletRequest request, HttpServletResponse response) throws IOException {// 设置为null也可以，但这是因为我们的判断原理的原因//SessionUtils.setUser(request, null);// 调用工具类里的注销方法SessionUtils.remove(request);response.sendRedirect("blog_login.html");
}

/*** 注销* @param request*/
public static void remove(HttpServletRequest request) {HttpSession session = request.getSession(false);if(session != null && session.getAttribute(ApplicationVariable.SESSION_KEY) != null) {session.removeAttribute(ApplicationVariable.SESSION_KEY);}
}
  1. 拦截器配置
    • 拦截，不排除

2.4.3 前端代码

<a href="/user/logout">退出登录</a>

2.4.4 测试

在这里插入图片描述

3. 修改文章

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

预期效果就是：原有数据显示出来，供用户修改

3.1 页面初始化

3.1.1 约定前后端接口

后端：

  1. /art/get_art
  2. 根据uid和aid查询文章
  3. 返回文章信息

前端：

  1. /art/get_art
  2. post，json，aid
  3. 将数据投喂到网页

3.1.2 后端代码

  1. controller层
@RequestMapping("/get_art")
public CommonResult getArt(@RequestBody ArticleInfo articleInfo, HttpServletRequest request) {// 1. 获取当前登录用户的idint uid = SessionUtils.getUser(request).getId();// 2. 设置到文章对象里articleInfo.setUid(uid);// 3. 查询文章ArticleInfo art = articleService.getArt(articleInfo);// 4. 返回(查询不到一个对象，是null；如果查询不到对象集合，返回的是空集合)return art == null ? CommonResult.fail(-1, "查询不到！") : CommonResult.success(art);
}
  1. service层
public ArticleInfo getArt(ArticleInfo articleInfo) {return articleMapper.getArticleCheck(articleInfo);
}
  1. mapper层
@Select("select * from articleinfo where id = #{id} and uid = #{uid}")
ArticleInfo getArticleCheck(ArticleInfo articleInfo);//检查权限的查询文章@Select("select * from articleinfo where id = #{id}")
ArticleInfo getArticle(ArticleInfo articleInfo);
  1. 拦截器配置
    • 拦截，不排除

3.1.3 前端代码

<script>var aid = getParamValue("aid");// 1. 校验参数function init() {if (aid == null || aid <= 0) {alert("非法参数！");location.href = "myblog_lists.html";return false;}// 2. 查询文章jQuery.ajax({url: "/art/get_art",method: "post",contentType: "application/json; charset=utf8",data: JSON.stringify({id: aid,}),success: function (body) {if (body.code == 302) {location.href = body.msg;return false;}if (body.code == 200) {jQuery("#text").val(body.data.title);jQuery("#content").val(body.data.content);jQuery("#summary").val(body.data.summary);//用隐藏输入框保存摘要信息} else {alert("发布失败：" + body.msg);}},});}init();
</script>

在这里插入图片描述

注意：

  1. 如果直接写代码的话，而不是调用方法，默认页面跟代码一起加载，而调用方法是页面加载后调用此init方法
    • 如果不采取这种方式的话，会导致请求返回的页面，被拦截器拦下
  2. 为什么还是用json而不是用querystring直接发送请求
    • 习惯吧，因为json比较通用，如果还需要其他信息，querystring不方便
  3. 修改页跟添加页是一样的，为什么不重用？
    • 重用会导致一些没有必要的判断，不符合单一设计原则，麻烦/乱/开发不舒适，耦合度高…

3.1.4 测试

在这里插入图片描述

3.2 修改文章

3.2.1 约定前后端交互接口

后端：

  1. /art/update
  2. 接受文章数据
  3. 返回受影响行数

前端：

  1. /art/update
  2. post，json，上传文章数据
  3. 成功则跳转到我的博客列表页

3.2.2 后端代码

  1. controller层
@RequestMapping("/update")
public CommonResult update(@RequestBody ArticleInfo articleInfo, HttpServletRequest request) {// 0. 确认用户int uid = SessionUtils.getUser(request).getId();articleInfo.setUid(uid);// 1. 校验参数if(!APPUtils.hasLength(articleInfo.getContent(), articleInfo.getSummary(), articleInfo.getTitle())) {return CommonResult.fail(-1, "非法参数！");}// 2. 修改int rows = articleService.update(articleInfo);// 3. 返回return CommonResult.success(rows);
}
  1. service层
public int update(ArticleInfo articleInfo) {return articleMapper.updateArticle(articleInfo);
}
  1. mapper层
    • 必须是有权限才能修改
    • 更新时间修改为当下
@Update("update articleinfo set content = #{content}, title = #{title}, summary = #{summary}, updatetime = now() where id = #{id} and uid = #{uid}")
int updateArticle(ArticleInfo articleInfo);
  1. 拦截器配置
    • 拦截，不排除

3.2.3 前端代码

在这里插入图片描述

function update() {if (aid == null || aid <= 0) {alert("非法参数！");location.href = "myblog_lists.html";return false;}var title = jQuery("#text");var content = jQuery("#content");// 1. 参数校验if (title.val().trim() == "") {alert("标题不能为空！");title.focus();return false;}if (content.val().trim() == "") {alert("正文不能为空！");content.focus();return false;}// 2. 输入摘要var summary = prompt("请输入摘要：", jQuery("#summary").val());if (summary.trim() == "") {return false;}jQuery("#summary").val(summary);// 3. 发送请求jQuery.ajax({url: "/art/update",method: "POST",contentType: "application/json; charset=utf8",data: JSON.stringify({id: aid,title: title.val().trim(),content: content.val().trim(),summary: summary.trim(),}),// 3. 处理响应success: function (body) {if (body.code == 302) {location.href = body.msg;return false;}if (body.code == 200 && body.data == 1) {location.href = "myblog_lists.html";} else {alert("修改失败：" + body.msg);}},});
}

3.2.4 测试

4. 博客详情页

4.1 期待效果

在这里插入图片描述

  1. 根据是否登录，改变导航栏
  2. 根据querystring中的aid，显示对应的博文，和作者信息
  3. 每次访问成功，阅读量加1（本次显示是加1之前）
  4. 作者的文章总数通过后端计算
  5. 正文以html的样式渲染出来

这样的复杂查询可以用到并发编程：

  • 【JavaEE】Callable接口(NO.6线程创建方法)-JUC的常见类-与线程安全有关集合类_s:103的博客-CSDN博客
  • 用有返回值的线程创建方式（获取的时候若未结束，等待…）

4.2 约定前后端交换接口

后端：

  1. /art/detail
  2. 通过aid，找到文章
  3. 通过文章，uid找到作者，查询总文章数，通过aid修改文章阅读量
  4. 返回：
    1. “login”，true/false，true代表登录中
    2. “count”，文章数
    3. “user”，用户
    4. “art”，文章

前端：

  1. /art/detail
  2. json，aid
  3. 接受响应，投喂给代码

4.3 后端代码

  1. controller层
    1. 查询文章信息
    2. 校验文章是否存在
    3. 根据uid查询用户总文章数的任务
    4. 根据uid查询用户信息的任务
    5. 根据aid更新阅读量的任务
    6. 线程池执行任务
    7. 构造响应数据，并返回
@Autowired
private ArticleService articleService;
@Autowired
private UserService userService;
@RequestMapping("/detail")
public CommonResult detail(@RequestBody ArticleInfo articleInfo, HttpServletRequest request) throws ExecutionException, InterruptedException {// 1. 查询文章信息ArticleInfo art = articleService.getArtByAid(articleInfo);// 2. 校验文章是否存在if(art == null) {return CommonResult.fail(-1, "非法参数!");}// 3. 根据uid查询用户总文章数的任务FutureTask<Integer> task1 = new FutureTask<Integer>(() -> {return articleService.getArtNumberByUid(art.getUid());});// 4. 根据uid查询用户信息的任务FutureTask<UserInfo> task2 = new FutureTask<UserInfo>(() -> {return userService.getUserByUid(art.getUid());});// 5. 根据aid更新阅读量的任务FutureTask<Integer> task3 = new FutureTask<Integer>(() -> {return articleService.incrementRCount(art.getId());});// 6. 线程池执行任务APPUtils.THREAD_POOL.submit(task1);APPUtils.THREAD_POOL.submit(task2);APPUtils.THREAD_POOL.submit(task3);// 7. 构造响应数据，并返回Map<String, Object> map = new HashMap<>();map.put("login", SessionUtils.getUser(request) != null);map.put("count", task1.get());map.put("user", task2.get());map.put("art", art);return CommonResult.success(map);
}

在这里插入图片描述

  1. service层

ArticleService：

public int getArtNumberByUid(int uid) {return articleMapper.getArtNumberByUid(uid);
}public int incrementRCount(int aid) {return articleMapper.incrementRCount(aid);
}

UserService：

public UserInfo getUserByUid(int uid) {return userMapper.getUserByUid(uid);
}
  1. mapper层

ArticleMapper：

@Select("select count(*) from articleinfo where uid=#{uid}")
int getArtNumberByUid(@Param("uid") int uid);@Update("update articleinfo set rcount = rcount + 1 where id = #{aid}")
int incrementRCount(@Param("aid") int aid);

UserMapper：

@Select("select * from userinfo where id = #{uid}")
UserInfo getUserByUid(@Param("uid") int uid);
  1. 拦截器配置
    • 排除拦截
    • editor.md是个目录，要排除整个目录才对，不然后面渲染不上去，之前可以渲染是因为我们处于登录状态~
    • 因为详情页不需要登录~

在这里插入图片描述

4.4 前端代码

  1. 导航栏

在这里插入图片描述

  • 网页图标

在这里插入图片描述

  1. 右侧用户卡片

在这里插入图片描述

  1. 右侧文章信息

在这里插入图片描述

var aid = getParamValue("aid");
function init() {if (aid == null || aid <= 0) {alert("非法参数！");return false;}jQuery.ajax({method: "post",url: "/art/detail",contentType: "application/json; charset=utf8",data: JSON.stringify({id: aid,}),success: function (body) {if (body.code == 200) {// 1. 导航栏显示if (body.data.login == false) {jQuery("#icon").attr("href", "img/logo2.png");jQuery(".navigation img").attr("src", " img/logo2.png");jQuery(".navigation .space").css("width", "75%");jQuery(".title").text("未登录");jQuery("#add").hide();jQuery("#logout").text("登录");jQuery("#logout").attr("href", "blog_login.html");}// 2. 文章数显示jQuery("#count").text(body.data.count);// 3. 用户信息显示jQuery(".card img").attr("src", body.data.user.photo);jQuery(".card h3").text(body.data.user.name);if (body.data.user.git.trim() != "") {jQuery(".card a").attr("href", body.data.user.git);}// 4. 文章信息显示jQuery(".article h3").text(body.data.art.title);jQuery(".article .date").text(body.data.art.createtime + " 阅读量：" + body.data.art.rcount);editormd.markdownToHTML("pc", {markdown: body.data.art.content,});} else {alert("查看失败：" + body.msg);}},});
}
init();

4.5 测试

在这里插入图片描述

文章到此结束！谢谢观看
可以叫我 小马，我可能写的不好或者有错误，但是一起加油鸭🦆！

代码：myblog_system/src · 游离态/马拉圈2023年9月 - 码云 - 开源中国 (gitee.com)

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

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

相关文章

springboot使用freemarker导出word

springboot使用freemarker导出word

springboot使用freemarker导出word 一、需求说明二、制作模板文件1.修改word留下占位符并另存为.xml文件2.将xml文件后缀名改为.ftl3.打开ftl文件格式化内容4.将占位符替换成变量 三、代码实现1.引入依赖2.将模板引入resource下3.编写word导出工具包4.创建接口调用 一、需求说明…
阅读更多...
CSS核心使用一

CSS核心使用一

CSS核心使用一 box-sizingbox-shdowtext-shadowpositionwriting-mode box-sizing 定义计算一个元素的总高度和总宽度. 属性值 content-box 默认值,width 内容宽度,height内容的高度border-box 宽度和高度包含内容,内边距和边框 widthborderpadding内容宽度, heightborderpad…
阅读更多...
使用亚马逊云科技人工智能内容审核服务，打造安全的图像生成和扩散模型

使用亚马逊云科技人工智能内容审核服务，打造安全的图像生成和扩散模型

生成式人工智能技术发展日新月异&#xff0c;现在已经能够根据文本输入生成文本和图像。Stable Diffusion 是一种文本转图像模型&#xff0c;可让您创建栩栩如生的图像应用。您可以通过 Amazon SageMaker JumpStart&#xff0c;使用 Stable Diffusion 模型轻松地从文本生成图像…
阅读更多...
H.265 视频在浏览器中的播放问题探究

H.265 视频在浏览器中的播放问题探究

&#x1f337;&#x1f341; 博主猫头虎&#xff08;&#x1f405;&#x1f43e;&#xff09;带您 Go to New World✨&#x1f341; &#x1f405;&#x1f43e;猫头虎建议程序员必备技术栈一览表&#x1f4d6;&#xff1a; &#x1f6e0;️ 全栈技术 Full Stack: &#x1f4da…
阅读更多...
ATF(TF-A) SPMC威胁模型-安全检测与评估

ATF(TF-A) SPMC威胁模型-安全检测与评估

安全之安全(security)博客目录导读 ATF(TF-A) 威胁模型汇总 目录 一、简介 二、评估目标 1、数据流图 三、威胁分析 1、信任边界 2、资产 3、威胁代理 4、威胁类型 5、威胁评估 5.1 端点在直接请求/响应调用中模拟发送方或接收方FF-A ID 5.2 篡改端点和SPMC之间的…
阅读更多...
JavaScript中的Hoisting机制

JavaScript中的Hoisting机制

聚沙成塔每天进步一点点 ⭐ 专栏简介⭐ JavaScript 中的 Hoisting 机制⭐ 变量提升⭐ 函数提升⭐ 注意事项⭐ 写在最后 ⭐ 专栏简介 前端入门之旅&#xff1a;探索Web开发的奇妙世界 记得点击上方或者右侧链接订阅本专栏哦 几何带你启航前端之旅 欢迎来到前端入门之旅&#xf…
阅读更多...
第7章_freeRTOS入门与工程实践之模块使用说明与STM32CubeMX配置

第7章_freeRTOS入门与工程实践之模块使用说明与STM32CubeMX配置

本教程基于韦东山百问网出的 DShanMCU-F103开发板 进行编写&#xff0c;需要的同学可以在这里获取&#xff1a; https://item.taobao.com/item.htm?id724601559592 配套资料获取&#xff1a;https://rtos.100ask.net/zh/freeRTOS/DShanMCU-F103 freeRTOS系列教程之freeRTOS入…
阅读更多...
SOLIDWORKS Composer反转关键帧实现产品安装过程

SOLIDWORKS Composer反转关键帧实现产品安装过程

SOLIDWORKS Composer 是一款被用来制作交互式产品说明书的工具&#xff0c;可以帮助我们对产品设定精确的机构动画&#xff0c;并能根据材质生成一定细节的渲染图像。 今天我们主要向大家讲解的是&#xff0c;利用SOLIDWORKS Composer关键帧反转实现产品动态的安装。 一般情况下…
阅读更多...
cf 交互题

cf 交互题

今天cf遇到了交互题&#xff0c;这个交互题的算法很很很简单&#xff0c;但是在交互上卡了&#xff0c;导致交上的代码都不算罚时。&#xff08;更伤心了。 所以&#xff0c;现在写一下交互题的做法&#xff0c;印象深刻嘛。 交互题&#xff0c;就是跟机器进行交互。你代码运…
阅读更多...
数据结构——排序算法——希尔排序

数据结构——排序算法——希尔排序

希尔排序本质上是对插入排序的一种优化&#xff0c;它利用了插入排序的简单&#xff0c;又克服了插入排序每次只交换相邻两个元素的缺点。它的基本思想是&#xff1a; 1.将待排序数组按照一定的间隔分为多个子数组&#xff0c;每组分别进行插入排序。这里按照间隔分组指的不是…
阅读更多...
vscode搭建Django自带后台管理系统

vscode搭建Django自带后台管理系统

文章目录 一、django自带的后台管理系统1. 建表2. 后台管理系统2.1 创建账号2.2 运行后台2.3 登录 二、模版渲染1. 直接将数据渲染到页面2. 数据传递给js 三、数据库1. 查看当前数据库2. 创建UserInfo数据表3. Django rest framework配置 四、vue前端搭建1. 在Django项目的根目…
阅读更多...
k8s(Kubernetes)集群部署--使用 kubeadm方式部署

k8s(Kubernetes)集群部署--使用 kubeadm方式部署

k8s集群部署--使用 kubeadm方式部署 一、测试所需环境&#xff08;三台均要执行&#xff09;二、配置准备&#xff08;三台均要执行&#xff09;1. 重命名hostname、添加hosts2. 关闭防火墙、selinux与swap3. 添加网桥过滤及内核转发配置文件4.同步时间5.安装ipset及ipvsadm 三…
阅读更多...
yocto stm32mp1集成ros

yocto stm32mp1集成ros

yocto stm32mp1集成ros yocto集成ros下载meta-rosyocto集成rosrootfs验证 yocto集成ros 本章节介绍yocto如何集成ros系统用来作机器人开发。 下载meta-ros 第一步首先需要下载meta-ros layer&#xff0c;meta-ros的链接如下&#xff1a;https://github.com/ros/meta-ros/tre…
阅读更多...
1-4 AUTOSAR方法论

1-4 AUTOSAR方法论

总目录——AUTOSAR入门详解AUTOSAR入门详解目录汇总&#xff1a;待续中。。。https://xianfan.blog.csdn.net/article/details/132818463 目录 一、前言 二、方法论 三、单个ECU开发流程 一、前言 汽车生产供应链上有以下角色&#xff1a;OEM、TIER1、TIER2&#xff0c;其主…
阅读更多...
《向量数据库指南》——哪些需求推动了如Milvus Cloud等的向量数据库的更新和迭代？

《向量数据库指南》——哪些需求推动了如Milvus Cloud等的向量数据库的更新和迭代？

这个问题需要深入讨论大模型与向量数据库之间的关系。从去年 ChatGPT 推出时这个问题就开始引发我们的思考。在当时，我们敏锐地意识到这将是一个机遇。然而，在国内，这个概念的认知需要更长的时间。我个人在去年四五月份的美国之行中注意到，数据库在美国已经是一个非常热门的…
阅读更多...
入门人工智能 ——使用 tensorflow 训练一个新闻分类模型（6）

入门人工智能 ——使用 tensorflow 训练一个新闻分类模型（6）

入门人工智能 ——使用 tensorflow 训练一个新闻分类模型&#xff08;6&#xff09; 入门人工智能 ——使用 tensorflow 训练一个新闻分类模型使用 tensorflow 训练一个新闻分类模型1. 安装TensorFlow和所需的依赖项。2. 打开收集的新闻数据集构建模型模型训练模型评估保存模型…
阅读更多...
西门子S7-1200F或1500F系列安全PLC的组态步骤和基础编程（一）

西门子S7-1200F或1500F系列安全PLC的组态步骤和基础编程（一）

西门子S7-1200F或1500F系列安全PLC的组态步骤和基础编程（一） 第一部分：组态配置 具体步骤可参考以下内容： 如下图所示，新建一个项目后，添加一个安全型PLC，这里以1516F-3 PN/DP为例进行说明， 如下图所示，添加CPU完成后，可以看到左侧的项目树中比普通的PLC多了几个选项…
阅读更多...
MySQL-DDL语句

MySQL-DDL语句

MySQL-DDL语句 数据库操作语句增删数据库查看数据库列表创建数据库进入&#xff08;使用&#xff09;数据库/查看当前所在的数据库查看数据库的建库语句查看数据库的编码集和校验集删除数据库修改数据库的编码集查看数据库支持的编码集和校验集 数据库备份备份单个数据库恢复数…
阅读更多...
rust编译出错：error: failed to run custom build command for `ring v0.16.20`

rust编译出错：error: failed to run custom build command for `ring v0.16.20`

安装 Visual Studio&#xff0c;确保选择 —.NET 桌面开发、使用 C 的桌面开发和通用 Windows 平台开发。显示已安装的工具链rustup show。然后通过运行更改和设置工具链rustup default stable-x86_64-pc-windows-msvc。 另外是想用clion进行调试rust 需要你按下面配置即可解…
阅读更多...
solidworks底部状态栏显示不出来

solidworks底部状态栏显示不出来

如下图所示&#xff0c;solidworks主界面下面的状态栏突然不见了。 怎么调出来&#xff1f; 第一步&#xff1a;点击视图菜单&#xff0c;用户界面&#xff0c;把状态栏前的勾勾上。 第二步&#xff1a;把视图下面的触摸模式关掉&#xff0c;这一点很容易被大家忽略。
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发