
前端
文章平均质量分 61
LCG元
企业信息数字化解决方案
政务/大数据/集成/物联/门户/XC
专项系统:人事|项目|合同|发票|电签|印章|认证|营销|客服|档案|资产|知识|采购|费控|RPA|OA
等系统「一体化的解决方案」,热衷于探索数字化信息,并将理论转化为实际应用。希望能和志同道合的朋友共同交流探讨,共同进步,学习成长。技术合作请加本人wx(注明来自CSDN):renganhugo
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【Axum】Rust Web 高效构建:Axum 框架从入门到精通指南
本文介绍了如何使用Rust的Axum框架构建高性能RESTful API服务。主要内容包括: 环境准备与项目创建 安装Rust工具链 添加Axum及相关依赖(Tokio、SQLx、Serde等) 项目架构设计 分层架构(路由→中间件→处理器→服务层→数据访问层) 模块化项目结构设计 核心功能实现 数据库连接池配置 用户模型定义(包含认证相关字段) 路由配置(用户和认证路由) JWT认证服务实现(密码哈希、令牌生成与验证) 关键技术点 异步处理(Tokio运行时) 数据库集成(SQLx) 认证授权(JWT)原创 2025-06-29 10:06:40 · 1476 阅读 · 0 评论 -
【Tokio】Rust 异步编程核心:Tokio 运行时深度解析与实战指南
本文深入解析了Rust生态中Tokio异步运行时的核心架构,并通过构建高性能TCP代理服务器展示其实际应用。主要内容包括: Tokio运行时架构解析,包含工作线程、任务队列、Reactor事件循环等核心组件; 环境准备与项目创建步骤,包括Cargo项目初始化和依赖配置; 异步TCP代理服务器的系统架构设计,通过序列图展示数据传输流程; 核心功能实现,包括主服务器逻辑、配置管理和连接管理模块。 文章重点展示了Tokio在构建高性能网络应用中的关键作用,包括异步I/O处理、任务调度和连接管理机制,为开发者提供了原创 2025-06-29 10:02:46 · 958 阅读 · 0 评论 -
【Rust Web】跨框架实战解析:Actix, Axum, Rocket 对比与选型指南
本文对比分析了Rust三大主流Web框架(Actix Web、Axum、Rocket)的核心特性和实现差异。通过构建相同的RESTful API服务,从路由系统、中间件实现、性能表现等方面进行了详细对比: 核心特性:Actix Web基于Actor模型,性能最佳(128,000 req/s);Axum基于Tower中间件设计,平衡性能与易用性(118,000 req/s);Rocket采用宏驱动开发,学习曲线最平缓(85,000 req/s)。 实现对比:三框架在路由注册、参数提取、JSON序列化等方面各有原创 2025-06-29 09:51:52 · 988 阅读 · 0 评论 -
【Actix Web 精要】Rust Web 服务开发核心技术与实战指南
Actix Web是Rust生态中高性能的Web框架,本文展示了如何构建用户管理系统。文章首先解析了Actix Web的核心架构,包括HttpServer、路由系统、中间件链等组件交互流程。然后详细介绍了项目初始化、依赖配置和模块化目录结构。重点讲解了配置管理和应用状态管理模块的实现,通过PostgreSQL连接池、环境变量配置和结构化日志等特性,构建生产级Rust Web应用。项目采用分层架构设计,包含路由、处理器、服务、仓储等明确分工的模块,展示了Actix Web在性能与安全性方面的优势。原创 2025-06-28 13:16:04 · 908 阅读 · 0 评论 -
【Actix Web】构建高性能 Rust API:Actix Web 最佳实践与进阶指南
本文介绍如何使用Rust生态中的高性能Web框架Actix Web构建RESTful API服务。主要内容包括: 高性能架构设计:采用多线程模型、Redis缓存、PostgreSQL主从分离等组件搭建高性能系统架构。 项目初始化:详细说明如何创建项目、配置Cargo.toml依赖和服务器参数。 核心模块实现:包含应用状态管理、数据模型定义等关键代码实现,使用Arc实现线程安全共享状态。 认证系统:基于JWT的认证流程和工具函数实现,包括Token生成与验证。 文章通过Mermaid图表展示系统架构和认证流程原创 2025-06-28 12:14:01 · 783 阅读 · 0 评论 -
【Rust + Actix Web】现代后端开发:从零构建高并发 Web 应用
本文介绍了如何从零开始构建一个基于Rust和Actix Web的高并发URL缩短服务。主要内容包括:环境准备(Rust工具链安装)、项目创建与依赖配置、系统架构设计(采用Nginx负载均衡、多Actix实例、Redis缓存和PostgreSQL数据库)。文章详细展示了核心代码实现,包含数据库模型定义、应用状态管理以及业务逻辑处理(URL生成、缓存读写、重定向等)。该项目实现了URL缩短、重定向和访问统计功能,通过Redis缓存和异步任务处理确保高并发性能,适合作为Rust Web开发的实践案例。原创 2025-06-28 10:07:39 · 1042 阅读 · 0 评论 -
Elasticsearch快速上手与深度进阶:一站式实战教程
使用 ILM(Index Lifecycle Management)策略将数据迁移至冷存储。Elasticsearch 的分步教程,涵盖从基础到进阶的核心内容,适合快速上手和实践。建议结合实际项目场景深入练习,并关注官方更新以获取最新特性!在另一台机器启动 Elasticsearch 并配置相同。,节点会自动加入集群。原创 2025-03-21 22:08:58 · 921 阅读 · 0 评论 -
Vue.js组件开发-实现网页右侧浮动带二维码返回顶部联系电话联系QQ效果
使用Vue实现网页右侧浮动带二维码、返回顶部、联系电话和联系QQ效果。原创 2025-02-05 12:27:52 · 631 阅读 · 0 评论 -
Vue.js组件开发-实现底部浮动导航页面滚动预览
创建 Vue 项目:使用 Vue CLI 创建一个新的 Vue 项目。设计页面结构:创建包含内容区域和底部浮动导航栏的页面结构。实现滚动监听:监听页面滚动事件,根据滚动位置更新导航栏的激活状态。实现导航跳转:点击导航栏的项时,页面滚动到相应的内容区域。原创 2025-02-05 12:20:27 · 850 阅读 · 0 评论 -
Vue.js组件开发-实现右下角浮动层可以最大化最小化效果
使用Vue实现右下角浮动层可以最大化最小化效果。原创 2025-02-04 16:22:13 · 555 阅读 · 0 评论 -
Vue.js组件开发-实现广告图片浮动随屏幕滚动
【代码】Vue.js组件开发-实现广告图片浮动随屏幕滚动。原创 2025-02-04 16:17:10 · 576 阅读 · 0 评论 -
Vue.js组件开发-实现左侧浮动菜单跟随页面滚动
使用 Vue 实现左侧浮动菜单跟随页面滚动。原创 2025-02-03 22:58:44 · 562 阅读 · 0 评论 -
Vue.js组件开发-实现字母向上浮动
使用Vue实现字母向上浮动的效果。原创 2025-02-03 22:54:15 · 566 阅读 · 0 评论 -
Vue.js组件开发-实现图片浮动效果
使用Vue实现图片浮动效果。原创 2025-02-02 18:54:57 · 670 阅读 · 0 评论 -
Vue.js组件开发-实现全屏手风琴幻灯片切换特效
创建 Vue 项目:使用 Vue CLI 创建一个新的 Vue 项目。设计组件结构:创建一个手风琴幻灯片组件,包含幻灯片项和切换逻辑。实现样式:使用 CSS 实现全屏和手风琴效果。添加交互逻辑:通过 Vue 的事件处理实现幻灯片的切换。原创 2025-02-02 18:49:23 · 629 阅读 · 0 评论 -
Vue.js组件开发-实现全屏幻灯片左右切换特效
创建Vue项目:使用Vue CLI快速搭建一个新的Vue项目。设计组件结构:创建一个组件,包含幻灯片容器和切换按钮。实现样式:设置全屏样式和幻灯片切换动画。实现逻辑:使用Vue的响应式数据和方法来处理幻灯片的切换。原创 2025-02-01 19:33:24 · 754 阅读 · 0 评论 -
Vue.js组件开发-实现全屏图片文字缩放切换特效
使用 Vue 实现全屏图片文字缩放切换特效。原创 2025-02-01 19:28:49 · 747 阅读 · 0 评论 -
Vue.js组件开发-实现全屏焦点图片带图标导航按钮控制图片滑动切换
使用 Vue 实现全屏焦点图片带图标导航按钮控制图片滑动切换。原创 2025-01-31 19:28:59 · 809 阅读 · 0 评论 -
Vue.js组件开发-实现滑块滑动无缝切换和平滑切换动画
介绍如何使用 Vue 实现滑块滑动无缝切换和平滑切换动画。原创 2025-01-31 19:20:56 · 762 阅读 · 0 评论 -
Vue.js组件开发-实现全屏背景图片滑动切换特效
使用 Vue 实现全屏背景图片滑动切换特效的详细步骤、代码、注释和使用说明。原创 2025-01-30 20:17:59 · 943 阅读 · 0 评论 -
Vue.js组件开发-实现全屏平滑移动、自适应图片全屏滑动切换
使用Vue实现全屏平滑移动、自适应图片全屏滑动切换的功能。使用Vue 3和Vue Router,并结合一些CSS样式来完成这个效果。原创 2025-01-30 20:10:17 · 777 阅读 · 0 评论 -
Vue.js组件开发-使用Vue3如何实现上传word作为打印模版
该方案实现了完整的Word模板上传、解析和打印流程,包含完善的错误处理和样式优化,可直接集成到现有Vue项目中。可根据具体需求扩展模板管理、样式配置等功能。原创 2025-01-29 23:28:07 · 1235 阅读 · 0 评论 -
Vue.js组件开发-如何实现异步组件
在Vue中,异步组件允许在需要的时候才加载组件,而不是在应用初始化时就加载所有组件,这有助于提高应用的性能,特别是对于大型应用。原创 2025-01-29 22:50:38 · 690 阅读 · 0 评论 -
Vue.js组件开发-实现导出PDF文件可自定义添加水印及水印样式方向
使用 Vue 实现导出 PDF 文件并添加水印,同时支持设置水印样式、方向和自定义水印内容。原创 2025-01-29 22:40:44 · 1188 阅读 · 0 评论 -
Vue.js组件开发-实现下载时暂停恢复下载
在 Vue 中实现下载时暂停和恢复功能,通常可以借助对象来控制下载过程。允许在下载过程中暂停和继续请求。原创 2025-01-28 20:33:21 · 603 阅读 · 0 评论 -
Vue.js组件开发-实现下载动态进度条
在Vue.js中,可以通过创建一个自定义组件来实现下载动态进度条。这个组件可以接收下载的进度作为prop,并根据这个进度动态地更新进度条。原创 2025-01-28 20:30:12 · 652 阅读 · 0 评论 -
Vue.js组件开发-Vue实现上传word模版打印设置自定义样式和布局
要使用 Vue 实现上传 Word 模板、打印并设置自定义样式和布局,可以借助一些工具和库来完成这个任务。原创 2025-01-27 19:34:34 · 1392 阅读 · 0 评论 -
Vue.js组件开发-实现HTML内容打印
在Vue项目中实现打印功能,可以借助插件来完成。原创 2025-01-27 19:29:37 · 983 阅读 · 0 评论 -
Vue.js组件开发-实现对视频预览
在 Vue 中实现视频文件预览。原创 2025-01-26 20:43:35 · 1388 阅读 · 0 评论 -
Vue.js组件开发-实现多个文件附件压缩下载
在 Vue 项目中实现多个附件压缩下载,可以借助jszip库来创建压缩文件,以及file-saver库来保存生成的压缩文件。原创 2025-01-26 20:36:23 · 739 阅读 · 0 评论 -
Vue组件开发-使用 html2canvas 和 jspdf 库实现PDF文件导出 设置页面大小及方向
在 Vue 项目中实现导出 PDF 文件、调整文件页面大小和页面方向的功能,使用将 HTML 内容转换为图片,再使用jspdf把图片添加到 PDF 文件中。原创 2025-01-25 13:05:15 · 1283 阅读 · 0 评论 -
Vue组件开发-使用xlsx库导出Excel文件
methods: {// 定义数据// 将数据转换为工作表// 创建一个新的工作簿并添加工作表// 生成Excel文件的二进制字符串// 将二进制字符串转换为Blob对象// 使用FileSaver保存文件定义数据:定义了一个包含多个对象的数组,每个对象代表一行数据。将数据转换为工作表:使用方法将JSON数据转换为工作表。创建工作簿并添加工作表:使用创建一个新的工作簿,然后使用将工作表添加到工作簿中。生成Excel文件的二进制字符串:使用XLSX.write。原创 2025-01-25 12:48:15 · 415 阅读 · 0 评论 -
Vue.js组件开发-如何实现带有搜索功能的下拉框
如果需要使用第三方组件库,比如 Element UI 或 Ant Design Vue,可以安装相应的依赖。这里我们以 Element UI 为例。通过这种方式,可以在用户输入时动态过滤选项,并且通过防抖函数减少不必要的 API 请求,提高性能。如果还没有创建一个 Vue 项目,可以使用 Vue CLI 来创建一个新的项目。属性使得下拉框具有搜索功能,用户可以通过输入内容来过滤选项。这样,就实现了一个带有搜索功能的下拉框。文件中引入 Element UI。来实现下拉框,并添加搜索功能。原创 2025-01-24 21:44:20 · 829 阅读 · 0 评论 -
Vue.js组件开发-如何实现全选反选
在 Vue.js 中实现全选和反选功能,可以通过结合`v-model`、计算属性和事件处理来完成。原创 2025-01-24 21:26:58 · 600 阅读 · 0 评论 -
Vue.js组件开发-解决PDF签章预览问题
vue-pdf:基于PDF.js的Vue组件,提供响应式PDF查看、WebWorker优化的性能和丰富的API。修改pdf.js源码:在某些情况下,可能需要修改pdf.js的源码来解决签章显示问题。在Vue.js组件开发中,解决PDF签章预览问题可能涉及多个方面,包括选择合适的PDF预览库、配置PDF.js(或其封装库如vue-pdf)以正确显示签章、以及处理可能的兼容性和性能问题。测试不同PDF文件:尝试使用不同的PDF文件进行测试,以确定问题是否与特定的PDF文件或签章格式有关。原创 2025-01-18 17:40:53 · 841 阅读 · 0 评论 -
Vue.js组件开发-如何处理跨域请求
在Vue.js组件开发中,处理跨域请求(CORS,即跨来源资源共享)通常不是直接在Vue组件中解决的,而是需要后端服务器进行相应的配置,以允许来自不同源的请求。不过,前端开发者也需要了解一些基本的CORS概念和策略,以便与后端团队有效协作,并在必要时进行适当的配置或调试。原创 2025-01-17 23:07:14 · 878 阅读 · 0 评论 -
Vue.js组件开发-实现后端返回二进制文件在浏览器自动下载
在Vue.js组件开发中,若需实现从后端获取二进制文件并触发浏览器自动下载,可以利用axios(或其他HTTP客户端库)来向后端发送请求,随后利用Blob对象及URL.createObjectURL方法生成一个可供下载的链接,最后通过创建一个隐藏的元素或利用window.location来启动下载。原创 2025-01-17 22:58:06 · 848 阅读 · 0 评论 -
Vue.js组件开发-实现输入框与筛选逻辑
创建一个计算属性或方法来过滤数据列表,根据输入框中的关键字返回符合条件的数据项。原创 2025-01-16 20:50:55 · 620 阅读 · 0 评论 -
Vue.js组件开发-如何实现表头搜索
在Vue.js组件开发中,实现表头搜索通常涉及在表格组件的表头添加输入框,并让用户能够输入搜索关键字来过滤表格数据。原创 2025-01-16 20:44:11 · 698 阅读 · 0 评论 -
Vue.js组件开发-如何自定义Element UI组件
1.创建组件文件:在Vue项目的components目录下创建一个新的.vue文件,用于定义自定义组件。2.引入Element UI组件:在自定义组件文件中,引入需要使用的Element UI组件。3.定义组件模板:使用Element UI组件来构建自定义组件的模板。可以组合多个Element UI组件,或者对它们进行封装和扩展。4.添加组件逻辑:在自定义组件的<script>部分添加逻辑,处理数据、事件等。原创 2025-01-15 20:29:03 · 1311 阅读 · 0 评论