当前位置： 首页 > news >正文

Vue3项目开发——新闻发布管理系统（七）

news 2025/7/17 12:24:11

文章目录

  • 九、新闻分类管理模块设计开发
    • 1、新闻分类主页面设计
    • 2、封装页面组件
    • 3、改造页面
    • 4、新闻分类表格渲染
      • 4.1封装API，获取新闻分类数据
      • 4.2 表格动态渲染
      • 4.3表格增加 loading 效果
    • 5、实现新闻分类添加和编辑功能
      • 5.1 点击显示弹层
      • 5.2封装弹层组件 CateEdit
      • 5.3 准备弹层表单
      • 5.4确认提交
    • 6、实现新闻分类删除功能
    • 7、代码下载

九、新闻分类管理模块设计开发

1、新闻分类主页面设计

新闻分类主页面NewsCategorize.vue使用了el-card组件，基本架构如下：

<script setup></script><template>

相关文章：

Vue3项目开发——新闻发布管理系统（七）

文章目录 九、新闻分类管理模块设计开发1、新闻分类主页面设计2、封装页面组件3、改造页面4、新闻分类表格渲染4.1封装API，获取新闻分类数据4.2 表格动态渲染4.3表格增加 loading 效果5、实现新闻分类添加和编辑功能5.1 点击显示弹层5.2封装弹层组件 CateEdit5.3 准备弹层表单…...

编程日记 2024/9/18 1:10:22

ICMP

目录 1. 帧格式2. ICMPv4消息类型（Type = 0，Code = 0）回送应答 /（Type = 8，Code = 0）回送请求（Type = 3）目标不可达（Type = 5，Code = 1）重定向（Type = 11）ICMP超时（Type = 12）参数3. ICMPv6消息类型回见TCP/IP 对ICMP协议作介绍 ICMP（Internet Control Messag…...

编程日记 2024/9/18 1:09:21

Unity-Transform类-旋转

角度度相关 相对世界坐标角度 print(this.transform.eulerAngles); 相对父对象角度 print(this.transform.localEulerAngles); 注意&#xff1a;设置角度和设置位置一样 不能单独设置xyz 要一起设置 如果我们希望改变的 角度 是面板上显示的内容 那是改…...

编程日记 2024/9/18 1:06:18

如何使用 Vue 3 的 Composition API

Vue 3 引入了 Composition API&#xff0c;它提供了一种更灵活的方式来组织和重用逻辑。与 Vue 2 的 Options API 相比&#xff0c;Composition API 允许你将组件的逻辑按功能组织到函数中&#xff0c;而不是将它们分散到组件选项对象中。以下是如何在 Vue 3 中使用 Compositio…...

编程日记 2024/9/18 1:04:16

Mamba环境配置教程【自用】

1. 新建一个Conda虚拟环境 conda create -n mamba python3.102. 进入该环境 conda activate mamba3. 安装torch&#xff08;建议2.3.1版本&#xff09;以及相应的 torchvison、torchaudio 直接进入pytorch离线包下载网址&#xff0c;在里面寻找对应的pytorch以及torchvison、…...

编程日记 2024/9/18 1:03:14

2021 年 6 月青少年软编等考 C 语言二级真题解析

目录 T1. 数字放大思路分析 T2. 统一文件名思路分析 T3. 内部元素之和思路分析 T4. 整数排序思路分析 T5. 计算好数思路分析 T1. 数字放大 给定一个整数序列以及放大倍数 x x x&#xff0c;将序列中每个整数放大 x x x 倍后输出。 时间限制&#xff1a;1 s 内存限制&#x…...

编程日记 2024/9/18 1:02:13

2024网络安全、应用软件系统开发决赛技术文件

用软件系统开发技术方案 一、竞赛项目 2024 年全国电子信息行业第二届职工技能竞赛四川省应用 软件系统开发选拔赛分理论比赛和实际操作两个部分。理论比赛 成绩占30%&#xff0c;实际操作成绩占70%。 二、理论比赛 1、理论比赛范围 ①计算机系统基础知识&#xff1a; …...

编程日记 2024/9/18 0:59:09

CSP-J初赛每日题目2（答案）

二进制数 00100100和 00010100 的和是( )。 A.00101000 B.01100111 C.01000100 D.00111000 正确答案&#xff1a; D \color{green}{正确答案&#xff1a; D} 正确答案&#xff1a;D 解析&#xff1a; \color{red}{解析&#xff1a;} 解析&#xff1a; 00100100 36 \color{r…...

编程日记 2024/9/18 0:56:05

为什么Node.js不适合CPU密集型应用？

Node.js不适合CPU密集型应用的原因主要基于其设计理念和核心特性&#xff0c;具体可以归纳为以下几点&#xff1a; 单线程模型 Node.js采用单线程模型来处理用户请求和异步I/O操作。虽然这种模型在处理高并发I/O密集型任务时非常高效&#xff0c;因为它避免了传统多线程模型中的…...

编程日记 2024/9/18 0:53:01

数模原理精解【12】

文章目录 广义线性模型多元回归中的 R 2 R^2 R2&#xff08;也称为决定系数&#xff09;一、定义二、性质三、计算四、例子五、例题 偏相关系数一、定义二、计算三、性质四、例子 多元回归相关定义性质假设检验定义计算性质检验方法例子和例题例子例题例子 参考文献 广义线性模…...

编程日记 2024/9/18 0:49:57

steamdeck执行exe文件

命令行安装&#xff1a; sudo pacman xxxx //"xxxx"为软件名 &#xff0c;或者搜索“arch linux 软件安装命令” 安装wine及wineZGUI 命令行输入&#xff1a; sudo pacman -S wine 后面需要输入密码&#xff0c;deck设置的用户密码即可&#xff08;输入无反应是正…...

编程日记 2024/9/18 0:47:47

三、集合原理-3.2、HashMap（下）

3.2、HashMap&#xff08;下&#xff09; 3.2.2、单线程下的HashMap的工作原理(底层逻辑)是什么&#xff1f; 答&#xff1a; HashMap的源码位于Java的标准库中&#xff0c;你可以在java.util包中找到它。 以下是HashMap的简化源码示例&#xff0c;用于说明其实现逻辑&#…...

编程日记 2024/9/18 0:40:01

【激活函数】Activation Function——在卷积神经网络中的激活函数是一个什么样的角色？？

【激活函数】Activation Function——在卷积神经网络中的激活函数是一个什么样的角色&#xff1f;&#xff1f; Activation Function——在卷积神经网络中的激活函数是一个什么样的角色&#xff1f;&#xff1f; 文章目录 【激活函数】Activation Function——在卷积神经网络中…...

编程日记 2024/9/18 0:37:59

重生之我在Java世界------学单例设计模式

什么是单例设计模式&#xff1f; 单例模式是面向对象编程中最简单却又最常用的设计模式之一。它的核心思想是确保一个类只有一个实例&#xff0c;并提供一个全局访问点。本文将深入探讨单例模式的原理、常见实现方法、优缺点&#xff0c;以及在使用过程中可能遇到的陷阱。 单…...

编程日记 2024/9/18 0:36:57

快速提升Python Pandas处理速度的秘诀

大家好&#xff0c;Python的Pandas库为数据处理和分析提供了丰富的功能&#xff0c;但当处理大规模数据时&#xff0c;性能问题往往成为瓶颈。本文将介绍一些在Pandas中进行性能优化的方法与技巧&#xff0c;帮助有效提升数据处理速度&#xff0c;优化代码运行效率。 1.数据类…...

编程日记 2024/9/18 0:35:56

在基于线程的环境中运行 MATLAB 函数

MATLAB 和其他工具箱中的数百个函数可以在基于线程的环境中运行。可以使用 backgroundPool 或 parpool("threads") 在基于线程的环境中运行代码。 ​要在后台运行函数&#xff0c;请使用 parfeval 和 backgroundPool。​ ​具体信息可以参考Choose Between Thread-B…...

编程日记 2024/9/18 0:33:54

黑神话悟空+云技术，游戏新体验！

近期&#xff0c;一款名为黑神话悟空的游戏因其独特的艺术风格和创新的技术实现在玩家中产生了不小的影响。 而云桌面技术作为一种新兴的解决方案&#xff0c;正在改变人们的游戏体验方式&#xff0c;使得高性能游戏可以在更多设备上流畅运行。 那么&#xff0c;黑神话悟空如…...

编程日记 2024/9/18 0:32:52

【Android 13源码分析】WindowContainer窗口层级-3-实例分析

在安卓源码的设计中&#xff0c;将将屏幕分为了37层&#xff0c;不同的窗口将在不同的层级中显示。 对这一块的概念以及相关源码做了详细分析&#xff0c;整理出以下几篇。 【Android 13源码分析】WindowContainer窗口层级-1-初识窗口层级树 【Android 13源码分析】WindowCon…...

编程日记 2024/9/18 0:31:50

Redis常用操作及springboot整合redis

1. Redis和Mysql的区别 数据模型&#xff1a;二者都是数据库,但是不同的是mysql是进行存储到磁盘当中,而Redis是进行存储到内存中. 数据模型 : mysql的存储的形式是二维表而Redis是通过key-value键值对的形式进行存储数据. 实际的应用的场景: Redis适合于需要快速读写的场景&…...

编程日记 2024/9/18 0:24:40

动态规划day34|背包理论基础（1）（2）、46.携带研究材料（纯粹的01背包）、416. 分割等和子集(01背包的应用)

动态规划day34|背包理论基础&#xff08;1&#xff09;&#xff08;2&#xff09;、46.携带研究材料、416. 分割等和子集 背包理论基础&#xff08;1&#xff09;——二维背包理论基础&#xff08;2&#xff09;——一维46.携带研究材料(卡码网 01背包)1. 二维背包2. 一维背包 …...

编程日记 2024/9/18 0:22:37

(LeetCode 每日一题) 3442. 奇偶频次间的最大差值 I (哈希、字符串)

题目&#xff1a;3442. 奇偶频次间的最大差值 I 思路 &#xff1a;哈希&#xff0c;时间复杂度0(n)。 用哈希表来记录每个字符串中字符的分布情况&#xff0c;哈希表这里用数组即可实现。 C版本&#xff1a; class Solution { public:int maxDifference(string s) {int a[26]…...

编程新知 2025/7/17 1:27:31

谷歌浏览器插件

项目中有时候会用到插件 sync-cookie-extension1.0.0&#xff1a;开发环境同步测试 cookie 至 localhost&#xff0c;便于本地请求服务携带 cookie 参考地址&#xff1a;https://juejin.cn/post/7139354571712757767 里面有源码下载下来&#xff0c;加在到扩展即可使用FeHelp…...

编程新知 2025/6/25 22:42:56

Linux 文件类型，目录与路径，文件与目录管理

文件类型 后面的字符表示文件类型标志 普通文件&#xff1a;-&#xff08;纯文本文件&#xff0c;二进制文件&#xff0c;数据格式文件&#xff09; 如文本文件、图片、程序文件等。 目录文件&#xff1a;d&#xff08;directory&#xff09; 用来存放其他文件或子目录。 设备…...

编程新知 2025/7/16 4:25:34

React hook之useRef

React useRef 详解 useRef 是 React 提供的一个 Hook&#xff0c;用于在函数组件中创建可变的引用对象。它在 React 开发中有多种重要用途&#xff0c;下面我将全面详细地介绍它的特性和用法。 基本概念 1. 创建 ref const refContainer useRef(initialValue);initialValu…...

编程新知 2025/6/11 15:21:26

全球首个30米分辨率湿地数据集(2000—2022)

数据简介 今天我们分享的数据是全球30米分辨率湿地数据集&#xff0c;包含8种湿地亚类&#xff0c;该数据以0.5X0.5的瓦片存储&#xff0c;我们整理了所有属于中国的瓦片名称与其对应省份&#xff0c;方便大家研究使用。 该数据集作为全球首个30米分辨率、覆盖2000–2022年时间…...

编程新知 2025/7/17 8:18:54

镜像里切换为普通用户

如果你登录远程虚拟机默认就是 root 用户&#xff0c;但你不希望用 root 权限运行 ns-3&#xff08;这是对的&#xff0c;ns3 工具会拒绝 root&#xff09;&#xff0c;你可以按以下方法创建一个 非 root 用户账号 并切换到它运行 ns-3。 一次性解决方案&#xff1a;创建非 roo…...

编程新知 2025/7/12 10:16:37

爬虫基础学习day2

# 爬虫设计领域 工商&#xff1a;企查查、天眼查短视频&#xff1a;抖音、快手、西瓜 ---> 飞瓜电商&#xff1a;京东、淘宝、聚美优品、亚马逊 ---> 分析店铺经营决策标题、排名航空&#xff1a;抓取所有航空公司价格 ---> 去哪儿自媒体&#xff1a;采集自媒体数据进…...

编程新知 2025/7/6 13:55:34

使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台

🎯 使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台 📌 项目背景 随着大语言模型（LLM）的广泛应用，开发者常面临多个挑战： 各大模型（OpenAI、Claude、Gemini、Ollama）接口风格不统一；缺乏一个统一平台进行模型调用与测试；本地模型 Ollama 的集成与前…...

编程新知 2025/7/17 8:51:17

Mysql故障排插与环境优化

前置知识点 最上层是一些客户端和连接服务&#xff0c;包含本 sock 通信和大多数jiyukehuduan/服务端工具实现的TCP/IP通信。主要完成一些简介处理、授权认证、及相关的安全方案等。在该层上引入了线程池的概念&#xff0c;为通过安全认证接入的客户端提供线程。同样在该层上可…...

编程新知 2025/7/15 8:52:34

网页端 js 读取发票里的二维码信息（图片和PDF格式）

起因 为了实现在报销流程中&#xff0c;发票不能重用的限制&#xff0c;发票上传后&#xff0c;希望能读出发票号&#xff0c;并记录发票号已用&#xff0c;下次不再可用于报销。 基于上面的需求&#xff0c;研究了OCR 的方式和读PDF的方式&#xff0c;实际是可行的&#xff…...

编程新知 2025/7/15 10:57:51