- 博客(25)
- 收藏
- 关注
RSS订阅原创 Vue3+vue-json-pretty@2.6.0实现加载 .JSON文件
本文介绍了如何使用vue-json-pretty插件在Vue项目中优雅地展示JSON数据。通过安装vue-json-pretty@2.6.0版本，并导入相关样式，开发者可以轻松实现JSON数据的可视化展示。示例代码包含了一个完整的JSON对象展示案例，支持全屏查看功能（通过FullscreenOutlined图标触发）。文章还提供了关键CSS样式，包括全屏按钮定位和JSON容器的背景设置，帮助开发者快速实现美观的JSON展示界面。
2025-11-24 09:42:39
98
原创 Vue3+vue3-pdf-app@1.0.3实现加载 .pdf文件
摘要：本文介绍如何在Vue3项目中安装使用vue3-pdf-app组件(1.0.3版本)实现PDF预览功能。代码示例展示了组件的基本用法，包括PDF文件URL绑定、加载完成和翻页事件监听，以及样式自定义。支持本地文件路径和远程PDF文件加载，可通过注释代码隐藏顶部工具栏。组件配置简单，只需引入主组件和样式文件即可快速集成PDF查看功能。
2025-11-24 09:23:41
366
原创 Vue3+vue-web-screen-shot@1.5.3实现页面截图
摘要：vue-web-screen-shot是一个Vue截图组件，支持全局安装配置(yarn add vue-web-screen-shot)和局部使用。主要功能包括：1)通过按钮触发截图；2)获取base64格式的截图数据；3)支持截图组件销毁回调。示例展示了核心使用方法：注册组件、设置截图状态、处理返回的图片数据（含base64转File工具函数）及样式调整。特别注意需关闭WebRtc选项(enableWebRtc:false)。
2025-11-18 11:30:48
452
原创 Vue3+Node.js+Scoket.IO@4.8.1实现通讯
摘要：本文介绍了如何实现Vue3前端与Node.js后端之间的实时双向通信。前端使用socket.io-client建立连接并监听服务端消息，后端通过socket.io创建服务并处理客户端连接。关键步骤包括：1)创建Vue3项目安装依赖；2)编写前端Socket连接和消息处理逻辑；3)搭建Node.js服务端处理连接认证和消息推送；4)实现前后端双向消息传递功能。项目启动后，前端可接收服务端定时推送并发送消息到后端，后端能处理客户端消息并回复。
2025-10-17 11:25:45
229
原创 Vue2+antDesign@1.7.8_数据页面
摘要：该代码实现了一个数据管理页面，包含可折叠的搜索区域、高级搜索功能、数据表格展示和分页功能。主要特点包括： 动态折叠面板，可展开/收起搜索区域 高级搜索支持动态添加/删除条件行 表格数据展示与分页控制 数据导入/导出功能 响应式布局和样式优化 核心功能通过Vue组件实现，使用了Ant Design Vue的UI组件库，包括表格、分页、上传等组件。页面设计注重用户体验，支持条件筛选、数据查看和删除等操作。
2025-10-16 16:12:41
325
原创 Vue2：手动拖拽改变容器大小
本文展示了一个可调整宽度的双面板Vue组件，左侧为权限面板，右侧为用户面板。通过鼠标拖动右侧边缘的分隔线，可以动态调整左侧面板宽度。代码实现包括：1) 初始化宽度数据；2) 鼠标事件处理（mousedown/mousemove/mouseup）；3) 计算拖动偏移量更新宽度；4) 样式设置包括圆角边框、背景色和拖动条样式。组件采用flex布局，支持响应式调整，适合管理系统中的权限和用户管理界面。
2025-09-18 15:01:45
105
原创 Vue2+antDesign@1.7.8_pagenation（前端）
摘要：本文实现了一个前端分页功能，使用Vue.js框架和Ant Design组件库。通过a-pagination组件实现分页控制，利用computed属性计算分页数据(pagedData)，从filteredData中按当前页码(current)和每页大小(pageSize)切片显示。通过计算属性实现高效数据分割，代码结构简洁。
2025-07-08 11:28:09
196
原创 Vue2+antDesign@1.7.8_smallTable&放大/缩小
【代码】Vue2+antDesign@1.7.8_smallTable&放大/缩小。
2025-07-08 10:14:01
181
原创 从零开始记录Cesium: vue2+显示模型(glb)
该摘要介绍了如何在Vue项目中集成Google的3D模型查看器(model-viewer)。首先需要安装@google/model-viewer和@google/model-viewer-effects两个依赖包。然后通过template标签创建模型容器，使用model-viewer组件加载3D模型，并设置尺寸、光源等参数。文章还展示了如何添加特效处理，包括轮廓线、环境光遮蔽和色彩分级效果。最后通过scoped样式定义了模型容器的边框和布局样式，实现了一个完整的3D模型展示解决方案。
2025-06-16 10:22:22
331
原创 Vue2+vue-office/excel 实现在线加载Excel文件预览
二、引入VueOfficeExcel组件、样式。一、 安装VueOfficeExcel插件。
2024-08-05 10:06:18
4817
8
原创 vue3+json-editor-vue3实现JSON编辑器
开发的vue3 json editor，支持全屏编辑，有完善的事件回调，可以在失去焦点时，对编辑器内容做校验。注：本项目中，按钮样式、成功失败提示，使用了 Ant-Design-Vue，按需安装插件。1. 安装插件 @originjs/vite-plugin-commonjs。四. 关于：vue3+ts无法渲染，报错。2. vite.config.js 内。五. 完整项目代码
2024-06-20 18:24:25
10462
原创 记录C#：软件安装，完成基础接口开发
4. 将Service 引用到 Controller(右键demo1->添加->项目引用)3. 新建 Service 类库(右击解决方案，新增)，再新建DService类。6. Controller内引用 并 封装api接口。1. Visual Studio 选择插件。5. 将DService注入到全局。
2024-06-03 18:15:00
335
原创 从零开始记录Cesium：创建项目并出现画面
2. 安装Cesium插件 和 vite-plugin-cesium 插件。4. 页面内引用Cesium，使用token，创建实例。3. Vue项目中 vite.config内。本次记录使用Vue3调用Cesium。
2024-06-03 11:50:30
392
原创 docker 安装 postgres 并 更改密码
v C:\SolutionSpace\docker\postgresql:/var/lib/postgresql/data：本地映射地址(本地持久化)6. 成功之后，使用navicat创建postgresSQL连接，输入端口号和密码，测试连接。-e POSTGRES_PASSWORD=123456：设置数据库初始密码。--name postgresql：容器名称。一、docker安装postgres。-p 5432:5432：端口映射。-d postgres：镜像名称。3. 镜像文件是否拉取成功。
2024-05-20 15:03:54
3441
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人