重写B站(网页、后端、小程序)

news2025/5/24 0:10:08

1. 网页端

       1.1 框架 

            Vue + Element+UI + axios

        1.2 框架搭建步骤

搭建Vue             

        1.3 配置文件 main.js

        

import {createApp} from 'vue'
import ElementUi from 'element-plus'
import 'element-plus/dist/index.css';
import axios from "axios";
import router from './router'
import App from './App'


const app = createApp(App)
app.use(ElementUi)
app.use(router)
app.config.globalProperties.$http = axios
app.config.globalProperties.$axios = axios



app.mount('#app');

       1.4 配置路由 

                        1.4.1 添加 依赖 

npm install vue-router@4
import { createRouter, createWebHistory } from 'vue-router';


import Home from '@/views/page/page';



const routes = [


    { path: '/page', component: Home }

];


const router = createRouter({


    history: createWebHistory(),


    routes


});

export default router;
                1.4.2 注意Vue 的钩子函数触发事件

        

                1.4.3 核心钩子

                        created : 首次进入刷新、一般进行首次的页面数据加载

                        mounted : 数据发生变更之后、重新加载

                        

2. 后端

        2.1 框架

                2.1.1 语言: JAVA

                2.2.2 开发框架 :

                        SpringBoot 2.0  、Spring cloud Finchley.SR1

        2.2 微服务

                2.2.1 结构

                            2.2.2 框架搭建步骤

2.3 微服务节点配置

        2.3.1 BlMan (父节点)

                2.3.1.1 blMan parent 父节点 POM 配置
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.bu</groupId>
    <artifactId>blMan</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>pom</packaging>

    <name>blMan</name>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>

    <modules>
        <module>mainApp</module>
        <module>blUserApp</module>
        <module>deploy</module>
    </modules>

    <dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>3.8.1</version>
            <scope>test</scope>
        </dependency>
        <!--    spring boot 启动配置    -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter</artifactId>
        </dependency>



        <!--    注册中心 nacos    -->
        <dependency>
            <groupId>com.alibaba.cloud</groupId>
            <artifactId>spring-cloud-alibaba-nacos-discovery</artifactId>
            <version>2.2.0.RELEASE</version>
        </dependency>

        <!--    远程调用 feign    -->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-feign</artifactId>
            <version>1.4.7.RELEASE</version>
        </dependency>


    </dependencies>

    <dependencyManagement>
        <dependencies>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-dependencies</artifactId>
                <version>2.2.2.RELEASE</version>
                <type>pom</type>
                <scope>import</scope>
            </dependency>
            <dependency>
                <groupId>org.springframework.cloud</groupId>
                <artifactId>spring-cloud-dependencies</artifactId>
                <version>Hoxton.SR1</version>
                <type>pom</type>
                <scope>import</scope>
            </dependency>
        </dependencies>
    </dependencyManagement>


    <build>
        <plugins>

            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <version>2.2.0.RELEASE</version>

                <executions>
                    <execution>
                        <id>repackage</id>
                        <goals>
                        </goals>
                    </execution>
                </executions>
            </plugin>
        </plugins>
    </build>


</project>

         2.3.2 mainApp 所有服务网关、权限管理平台

                 2.3.2.1 mainApp POM 配置
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <artifactId>mainApp</artifactId>

    <properties>
        <maven.compiler.source>8</maven.compiler.source>
        <maven.compiler.target>8</maven.compiler.target>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>

    <parent>
        <artifactId>blMan</artifactId>
        <groupId>com.bu</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>
    <dependencies>
        <!--    mybatis 配置   -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.24</version>
        </dependency>
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.2.2</version>
        </dependency>
        <!--   redis      -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-redis</artifactId>
            <version>2.2.0.RELEASE</version>
        </dependency>
        <!--    网关    -->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-gateway</artifactId>
        </dependency>
        <!--    负载均衡    -->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-netflix-ribbon</artifactId>
        </dependency>

    </dependencies>

</project>
                 2.3.2.2 mainApp 启动类配置
package com.bu;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.cloud.client.discovery.EnableDiscoveryClient;

@SpringBootApplication
// 注册中心
@EnableDiscoveryClient
public class MainApp {
    public static void main(String[] args) {

        SpringApplication.run(MainApp.class, args);

    }
}
                 2.3.2.2 mainApp yml 配置文件
# 启动端口
server:
  port: 8991


# 注册中心名
spring:
  application:
    name: main
  # redis 配置、无用户密码无需配置
  redis:
    host: localhost
    port: 6379
  # 数据源
  datasource:
    url: jdbc:mysql://localhost:3306/数据库?serveTimezone=GMT+8
    password: 用户密码
    username: 用户名
    driver-class-name: com.mysql.cj.jdbc.Driver
    cloud:


  cloud:
    #   注册中心地址
    nacos:
      discovery:
        server-addr: http://localhost:8848
    #   网关
    gateway:
      discovery:
        locator:
          enabled: true
      #      路由匹配规则
      routes:
        - id: deploy
          uri: lb://deployApp
          order: 1
          predicates:
            - Path= /deploy/**
          filters:
            - StripPrefix=1

         2.3.3 deployApp 配置平台信息(页面配置)

                 2.3.3.1 deployApp POM 配置        

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <artifactId>deploy</artifactId>

    <properties>
        <maven.compiler.source>8</maven.compiler.source>
        <maven.compiler.target>8</maven.compiler.target>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>


    <dependencies>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.24</version>
        </dependency>

        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.2.0</version>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>1.18.18</version>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

    </dependencies>

    <parent>
        <artifactId>blMan</artifactId>
        <groupId>com.bu</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>
</project>
                 2.3.3.2 deployApp 启动类 配置       
package com.bu;


import org.mybatis.spring.annotation.MapperScan;
import org.mybatis.spring.annotation.MapperScans;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.cloud.client.discovery.EnableDiscoveryClient;

@SpringBootApplication
@EnableDiscoveryClient
@MapperScan(basePackages = "com.bu.**.**.dao")
public class DeployMain {
    public static void main(String[] args) {
        SpringApplication.run(DeployMain.class, args);
    }
}
                 2.3.3.3 deployApp yml 配置       


spring:
  application:
    #   注册中心 微服务名称
    name: deployApp

  datasource:
    url: jdbc:mysql://localhost:3306/数据库?serveTimezone=GMT+8
    password: 用户密码
    username: 用户
    driver-class-name: com.mysql.cj.jdbc.Driver
  cloud:
    nacos:
      discovery:
        server-addr: http://localhost:8848

mybatis:
  mapper-locations: classpath:/mapper/**.xml
server:
  port: 8992

3. 小程序端 

        3.1 框架

                3.1.1 微信小程序、vantWeb

                3.1.2 创建小程序项目 (appId 在 微信小程序官网申请,不使用云服务开发)          

                3.1.3 默认页面

                3.1.4 引入 vant-webapp ui 包

                npm i @vant/weapp


上诉前端、手机端、后端框架搭建完成、开始页面编写。。。

4. vue 前端页面 布局、手机端页面布局

        4.1 页面设计开发

                4.1.1 首页

                        4.1.1.1 整体布局

                        4.1.1.2 采用 element-ui 重写

                                4.1.1.2.1 宏观布局

                        

4.1.1.2.2 导航栏设计

设计思路:这块内容处于整体页面正上方、width为100%、铺满上方

 UI代码要点:          

el-container 整体布局、el-header 表示当前元素处于上方
导航栏 使用 el-menu 设置
子元素 el-menu-item (单菜单、可依据router跳转) 、el-submenu (二级下拉菜单)

4.1.1.3 小程序首页大致布局设计
        最终效果:

        

        index.wxml
<scroll-view scroll-x="true" class="main_tb">
  <view class="head_title">
    <view>头像</view>
    <view>搜索</view>
    <view>游戏</view>
    <view>消息</view>
  </view>
  <view class="head_nav" style="top: {{top}};">
    <view class="head_nav_title">
      <van-tabs  active="{{ active }}" line-width="0" ellipsis>
        <van-tab wx:for="{{title_menu}}" wx:for-index="index" 
        wx:for-item="title_"   title="{{title_.title_name}}"></van-tab>
      </van-tabs>
    </view>
    <view class="head_nav_mark"></view>
    <view class="head_nav_fixed">
      固定
    </view>
  </view>
  <view class="recommend">3</view>
  <view class="vedio_main">
    <view class="vedio_main_one"></view>
    <view class="vedio_main_one"></view>
    <view class="vedio_main_one"></view>
    <view class="vedio_main_one"></view>
  </view>
  
</scroll-view>
        index.wxss
.main_tb {
  display: flex;
  justify-content: space-between;
  /* 竖向排列 */
  flex-direction: column;
}

.head_title {
  height: 80rpx;
  background-color: red;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.head_nav {
  height: 80rpx;
  background-color: rosybrown;
  display: flex;
  justify-content: start;
  flex-direction: row;
  align-items: center;
  position:fixed;
}

.head_nav_title {
  width: 90%;
  height: 80rpx;
}

.head_nav_fixed {
  width: 10%;
  height: 80rpx;
  position: fixed;
}
.head_nav_mark {
  width: 10%;
  height: 80rpx;
}

.recommend {
  height: 400rpx;
  background-color: royalblue;
  margin: 30rpx;
}

.vedio_main  {
  display: flex;
  justify-content:space-around;
  flex-direction: row;
  flex-wrap: wrap;
}

.vedio_main .vedio_main_one {
  background-color: cadetblue;
  height: 300rpx;
  width: 45%;
  margin-top: 20rpx;
}
        index.json
{
  "usingComponents": {
    "van-tab": "@vant/weapp/tab/index",
    "van-tabs": "@vant/weapp/tabs/index"
  },
  "enablePullDownRefresh": true,
  "onReachBottomDistance": 0
}
        index.js

Page({
  data: {
    title_menu : [
      {
        title_code : 1,
        title_name : "直播"
      },
      {
        title_code : 2,
        title_name : "推荐"
      },
      {
        title_code : 3,
        title_name : "热门"
      },{
        title_code : 4,
        title_name : "动画"
      },{
        title_code : 5,
        title_name : "动画"
      },{
        title_code : 6,
        title_name : "动画"
      },{
        title_code : 7,
        title_name : "动画"
      },{
        title_code : 9,
        title_name : "动画"
      },{
        title_code : 10,
        title_name : "动画"
      },{
        title_code : 11,
        title_name : "动画"
      }
    ],
    active : 2,
    top: "100rpx",
  },

  onPullDownRefresh() {
    console.log('触发了上拉刷新事件')
    this.setData({
      top:"100rpx"
    })
  },

  onReachBottom() {
    if(this.data.top !== 0) {
      this.setData({
        top:0
      })
      console.log("触底事件触发")
    }
  },  
})
        app.json 主配置文、包含一些tabbar(最下面的标签)、新增的一些页面
        标签获取网站 https://www.iconfont.cn/
{
  "pages": [
    "pages/index/index",
    "pages/dynamic/dynamic",
    "pages/publish/publish",
    "pages/vip_shop/vip_shop",
    "pages/mine/mine",
    "pages/logs/logs"
  ],
  "window": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "Weixin",
    "navigationBarBackgroundColor": "#ffffff"
  },
  "componentFramework": "glass-easel",
  "sitemapLocation": "sitemap.json",
  "lazyCodeLoading": "requiredComponents",
  "usingComponents": {
  },"tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "./image/HOME.png",
      "selectedIconPath": "./image/home_seleced.png"
    },{
      "pagePath": "pages/dynamic/dynamic",
      "text": "动态",
      "iconPath": "./image/miss_page_icon/fengche.png",
      "selectedIconPath": "./image/selected_page_icon/fengche.png"
    },{
      "pagePath": "pages/publish/publish",
      "text": "发布",
      "iconPath": "./image/miss_page_icon/publish.png",
      "selectedIconPath": "./image/selected_page_icon/publish.png"
    },{
      "pagePath": "pages/vip_shop/vip_shop",
      "text": "会员购",
      "iconPath": "./image/miss_page_icon/gouwubao.png",
      "selectedIconPath": "./image/selected_page_icon/gouwubao.png"
    },{
      "pagePath": "pages/mine/mine",
      "text": "我的",
      "iconPath": "./image/miss_page_icon/dianshi.png",
      "selectedIconPath": "./image/selected_page_icon/dianshi.png"
    }]
  }
}
4.1.1.4  后端服务搭建
        4.1.1.4.1 deploy 服务 部署配置信息

                

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <artifactId>deploy</artifactId>

    <properties>
        <maven.compiler.source>8</maven.compiler.source>
        <maven.compiler.target>8</maven.compiler.target>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>


    <dependencies>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.24</version>
        </dependency>

        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.2.0</version>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>1.18.18</version>
        </dependency>


    </dependencies>

    <parent>
        <artifactId>blMan</artifactId>
        <groupId>com.bu</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>
</project>


spring:
  application:
    #   注册中心 微服务名称
    name: deployApp

  datasource:
    url: jdbc:mysql://localhost:3306/自己新建的库?serveTimezone=GMT+8
    password: 密码
    username: 用户名
    driver-class-name: com.mysql.cj.jdbc.Driver
  cloud:
    nacos:
      discovery:
        server-addr: http://localhost:8848

mybatis:
  mapper-locations: classpath:/mapper/**.xml
server:
  port: 8992

        项目地址: 地址

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

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

相关文章

文档债务拖累交付速度?5大优化策略文档自动化

开发者在追求开发速度的过程中&#xff0c;往往会忽视文档的编写&#xff0c;如省略设计文档、代码注释或API文档等。这种做法往往导致在后期调试阶段需要花费三倍以上的时间来理解代码逻辑&#xff0c;进而形成所谓的文档债务&#xff0c;严重拖累交付速度并造成资源浪费。而积…

【数据结构与算法】LeetCode 每日三题

如果你已经对数据结构与算法略知一二&#xff0c;现在正在复习数据结构与算法的一些重点知识 ------------------------------------------------------------------------------------------------------------------------- 关注我&#x1f308;&#xff0c;每天更新总结文章…

基于深度学习的电力负荷预测研究

一、深度学习模型框架 在当今数字化时代&#xff0c;基于深度学习的电力负荷预测研究正成为保障电力系统稳定、高效运行的关键领域。其模型构建是一个复杂而精妙的过程&#xff0c;涉及多学科知识与前沿技术的融合应用。首先&#xff0c;要明确电力负荷预测的目标&#xff0c;…

篇章十 消息持久化(二)

目录 1.消息持久化-创建MessageFileManger类 1.1 创建一个类 1.2 创建关于路径的方法 1.3 定义内部类 1.4 实现消息统计文件读写 1.5 实现创建消息目录和文件 1.6 实现删除消息目录和文件 1.7 实现消息序列化 1. 消息序列化的一些概念&#xff1a; 2. 方案选择&#xf…

【IDEA】删除/替换文件中所有包含某个字符串的行

目录 前言 正则表达式 示例 使用方法 前言 在日常开发中&#xff0c;频繁地删除无用代码或清理空行是不可避免的操作。许多开发者希望找到一种高效的方式&#xff0c;避免手动选中代码再删除的繁琐过程。 使用正则表达式是处理字符串的一个非常有效的方法。 正则表达式 …

基于深度学习的不良驾驶行为为识别检测

一.研究目的 随着全球汽车保有量持续增长&#xff0c;交通安全问题日益严峻&#xff0c;由不良驾驶行为&#xff08;如疲劳驾驶、接打电话、急加速/急刹车等&#xff09;引发的交通事故频发&#xff0c;不仅威胁生命财产安全&#xff0c;还加剧交通拥堵与环境污染。传统识别方…

第十周作业

一、CSRF 1、DVWA-High等级 2、使用Burp生成CSRF利用POC并实现攻击 二、SSRF&#xff1a;file_get_content实验&#xff0c;要求获取ssrf.php的源码 三、RCE 1、 ThinkPHP 2、 Weblogic 3、Shiro

Python操作PDF书签详解 - 添加、修改、提取和删除

目录 简介 使用工具 Python 向 PDF 添加书签 添加书签 添加嵌套书签 Python 修改 PDF 书签 Python 展开或折叠 PDF 书签 Python 提取 PDF 书签 Python 删除 PDF 书签 简介 PDF 书签是 PDF 文件中的导航工具&#xff0c;通常包含一个标题和一个跳转位置&#xff08;如…

集星獭 | 重塑集成体验:新版编排重构仿真电商订单数据入库

概要介绍 新版服务编排以可视化模式驱动电商订单入库流程升级&#xff0c;实现订单、客户、库存、发票、发货等环节的自动化处理。流程中通过循环节点、判断逻辑与数据查询的编排&#xff0c;完成了低代码构建业务逻辑&#xff0c;极大提升订单处理效率与业务响应速度。 背景…

多模态大语言模型arxiv论文略读(八十八)

MammothModa: Multi-Modal Large Language Model ➡️ 论文标题&#xff1a;MammothModa: Multi-Modal Large Language Model ➡️ 论文作者&#xff1a;Qi She, Junwen Pan, Xin Wan, Rui Zhang, Dawei Lu, Kai Huang ➡️ 研究机构: ByteDance, Beijing, China ➡️ 问题背景…

WebSocket 从入门到进阶实战

好记忆不如烂笔头&#xff0c;能记下点东西&#xff0c;就记下点&#xff0c;有时间拿出来看看&#xff0c;也会发觉不一样的感受. 聊天系统是WebSocket的最佳实践&#xff0c;以下是使用WebSocket技术实现的一个聊天系统的关键代码&#xff0c;可以通过这些关键代码&#xff…

CSS:vertical-align用法以及布局小案例(较难)

文章目录 一、vertical-align说明二、布局案例 一、vertical-align说明 上面的文字介绍&#xff0c;估计大家也看不懂 二、布局案例

Java转Go日记(五十四):gin路由

1. 基本路由 gin 框架中采用的路由库是基于httprouter做的 地址为&#xff1a;https://github.com/julienschmidt/httprouter package mainimport ("net/http""github.com/gin-gonic/gin" )func main() {r : gin.Default()r.GET("/", func(c …

【解决】自己的域名任何端口都访问不到,公网地址正常访问,服务器报错500。

一、问题描述 后端项目部署在服务器上&#xff0c;通过域名访问接口服务器报错500&#xff0c;通过浏览器访问域名的任何端口都是无法访问此网站。 但是通过公网地址访问是可以正常访问到的&#xff0c;感觉是域名出现了问题 二、解决过程 先说结论&#xff1a;问题原因是…

制作 MacOS系统 の Heic动态壁纸

了解动态桌面壁纸 当macOS 10.14发布后&#xff0c;会发现系统带有动态桌面壁纸&#xff0c;设置后&#xff0c;我们的桌面背景将随着一天从早上、到下午、再到晚上的推移而发生微妙的变化。 虽然有些软件也有类似的动态变化效果&#xff0c;但是在新系统中默认的HEIC格式的动…

大数据 笔记

kafka kafka作为消息队列为什么发送和消费消息这么快&#xff1f; 消息分区&#xff1a;不受单台服务器的限制&#xff0c;可以不受限的处理更多的数据顺序读写&#xff1a;磁盘顺序读写&#xff0c;提升读写效率页缓存&#xff1a;把磁盘中的数据缓存到内存中&#xff0c;把…

【数据库】-1 mysql 的安装

文章目录 1、mysql数据库1.1 mysql数据库的简要介绍 2、mysql数据库的安装2.1 centos安装2.2 ubuntu安装 1、mysql数据库 1.1 mysql数据库的简要介绍 MySQL是一种开源的关系型数据库管理系统&#xff08;RDBMS&#xff09;&#xff0c;由瑞典MySQL AB公司开发&#xff0c;目前…

物流项目第五期(运费计算实现、责任链设计模式运用)

前四期&#xff1a; 物流项目第一期&#xff08;登录业务&#xff09;-CSDN博客 物流项目第二期&#xff08;用户端登录与双token三验证&#xff09;-CSDN博客 物流项目第三期&#xff08;统一网关、工厂模式运用&#xff09;-CSDN博客 物流项目第四期&#xff08;运费模板列…

X 下载器 2.1.42 | 国外媒体下载工具 网页视频嗅探下载

X 下载器让你能够轻松地从社交应用如Facebook、Instagram、TikTok等下载视频和图片。通过内置浏览器访问网站&#xff0c;它能自动检测视频和图片&#xff0c;只需点击下载按钮即可完成下载。去除广告&#xff0c;解锁本地会员&#xff0c;享受无广告打扰的下载体验。 大小&am…

STM32 CAN CANAerospace

STM32的CAN模块对接CANAerospace 刚开始报错如下. 设备开机后整个CAN消息就不发了. USB_CAN调试器报错如下. index time Name ID Type Format Len Data00000001 000.000.000 Event 总线错误 DATA STANDARD 8 接收过程错误-格…