- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 electron-vite安装详情和路由安装
本文介绍了使用electron-vite快速搭建Electron+Vue3项目的步骤：1.通过npm脚手架初始化项目并安装vue-router；2.调整项目结构，将渲染进程文件移至根目录并修改index.html、main.js等配置文件；3.配置Hash路由模式以适应Electron环境，并实现主进程与渲染进程的IPC通信；4.详细展示了Versions.vue组件的实现，包括界面布局、样式设计和IPC通信功能，最终构建出具有控制台调试功能的Electron应用界面。
2025-07-27 18:39:43
188
原创 Node+electron-vue做聊天软件（完）
该文章介绍了一个基于Electron和Node.js开发的实时聊天应用，主要功能包括用户登录/注册、群聊室、私聊、未读消息提示及聊天记录存储。后端使用Express和Socket.io构建，前端采用Electron-Vue框架实现桌面客户端。 后端核心功能包含： 用户认证系统（登录/注册/密码加密） 实时通信（群聊/私聊） 未读消息管理 JSON文件存储聊天记录 跨域支持 前端特性包括： 无边框窗口设计 托盘图标及消息闪烁通知 用户列表展示和最后消息预览 时间分组显示的聊天界面 本地配置存储
2025-06-23 12:06:08
303
原创 Node+electron-vue做聊天软件（3）：实现群聊和私聊
本文实现了一个基于Electron-Vue和Socket.io的即时通讯应用，主要功能包括： 后端架构 使用Express搭建服务器，配置Socket.io实现实时通讯 采用JSON文件数据库存储用户数据和聊天记录 提供群聊和私聊两种消息类型处理 实现用户在线状态管理 客户端功能 设计响应式布局的聊天界面 实现用户列表展示和切换 支持群组消息和私聊消息收发 自动滚动和消息时间格式化
2025-06-20 18:12:57
181
原创 Node+electron-vue做聊天软件（2）：前端实现登录
Electron-vue项目搭建与登录功能实现摘要 本文详细介绍了Electron-vue项目的创建过程，重点包含以下内容： 项目配置：提供修改后的package.json完整配置，包含electron-builder打包设置和开发/生产环境脚本 核心功能实现： 主进程配置无边框透明窗口和托盘图标功能 使用JSON文件数据库管理配置数据（含用户凭证存储） 基于vue-router的路由管理和登录权限拦截 完整登录页面实现，包含记住密码、自动登录功能
2025-06-19 15:04:22
296
原创 Node+electron-vue做聊天软件（1）：后端实现登录
这是一个基于Node.js开发的聊天应用后端项目摘要： 项目使用Express框架搭建，包含用户认证和实时聊天功能。核心配置包括： 使用bcrypt进行密码加密，提供登录/注册/修改密码接口 采用JSON文件作为数据库存储用户和聊天数据 支持CORS跨域访问 目录结构清晰，包含路由、socket.io和数据库管理层 提供用户密码迁移脚本(migrate.js)用于将明文密码转为加密存储 基础用户数据示例包含两个预置账号 项目端口设为3000，后续计划对接Electron-Vue前端实现完整应用。
2025-06-18 23:44:32
280
原创 用node中的fs模块做json数据库操作
摘要：这是一个Node.js文件系统数据库管理模块(dbManager.js)，提供JSON数据库和基础文件操作功能。主要特性包括：1)创建基于JSON的简易数据库，支持自动递增ID；2)可定义唯一键约束保证数据完整性；3)提供CRUD操作接口；4)包含文件/文件夹管理功能(创建、删除、重命名等)；5)所有操作限定在项目mydb目录下。模块采用同步文件操作，适用于小型项目或原型开发，通过简单API即可实现数据持久化，如用户管理系统示例所示。注意事项包括路径处理规则和唯一键约束机制。
2025-06-16 16:18:31
126
原创 速卖通区域调价软件
当前只有菜鸟无忧物流-标准的区域调价，若感觉还有可调整的地方欢迎补充。最近搞速卖通，区域调价那块差点把我送走，还好终究还是完成了。交流群：882113868。导出的文档，可以自选位置。打开的excel数据。
2023-10-20 16:20:33
183
1
原创 Vue2封装自制组件（四）：选择框组件
当然，如果需要点击后回调的还可以在input中加一个@change，内容更改后的组件。学习链接：https://blog.youkuaiyun.com/lk_123456/article/details/120196318三：选择框组件使用示例
2023-10-05 17:27:32
1191
原创 Vue2封装自制组件（二）：按钮组件
Vue组件的API分为几部分：model，props，slot，event，$emit在这里button只需要用到props单向传送即可。
2023-10-04 16:50:15
450
1
原创 Vue2封装自制组件（一）：准备及全局引入
在使用vue样式的时候总是感觉非常不自在，无论是electron-ui还是iview等样式，用起来都不太理想，修改样式又觉得过于麻烦，定制主题依旧还是有些样式规划令人糟心。这时谁会拒绝自制一款属于自己的主题呢？
2023-10-04 16:30:23
662
1
原创 Electron-vue第六章：圆角窗口和控制按钮
1.先将窗口改为透明状态且无边框和菜单2.通讯页和路由第二步：修改index.vue样式，使其达到心中的预期运行效果出现滚动条，在app.vue中修改滚动条样式，同时禁用文本选中和body的默认间距。
2023-04-17 17:20:47
2562
2
原创 Electron-vue第五章：新增一级菜单和子菜单
由于我的路由是自动加载的，所以菜单也是被vue文件或者文件夹控制，所以只要创建vue文件和文件夹就可以实现创建菜单。第一步：修改自动加载路由vue-router我之前的路由是文件夹下单个vue文件即是一级路由，而要变成二级路由就得要有两个vue文件以上，但是这样非常麻烦，还有就是一些页面不想在菜单中显示，但是又想使用，所以增加了一个hidde文件夹作为隐藏vue文件位置。router/index.jsimport Vue from 'vue'import Router from 'vue
2021-11-02 20:05:59
1570
原创 Electron-vue第四章：thinkphp登录判断和权限管理
服务器搭建工具：phpstudy 下载地址：小皮面板(phpstudy) - 让天下没有难配的服务器环境！后端框架：thinkphp3.2.3 下载地址：框架下载 - ThinkPHP框架phpstudy配置:第一步：搭建thinkphpindex.php配置<?php// +----------------------------------------------------------------------// | ThinkPHP [ WE CAN DO .
2021-10-31 22:19:18
906
原创 Electron-vue第三章：elementUi导航栏及选项卡联动
最终效果：第一步：根据ElementUi制作Layout布局和菜单栏在components下新建vue，layout.vue代码：<template> <div class="mainheight"> <el-container class="all-height"> <!--顶栏容器--> <el-header class="header"> <div class="navbar">.
2021-10-24 23:06:21
2390
原创 electron-vue第二章：登录拦截以及登录界面
最终效果：第一步：安装element安装步骤请查看官方文档：Element - The world's most popular Vue UI framework第二步：登录拦截使用vue导航守卫router.beforeEach，文档地址：导航守卫 | Vue Routerrenderer/main.js中加入以下代码，需要登录权限则跳到登录界面，由sessionStorage来控制是否跳转页面。// 登录拦截router.beforeEach((to, from,
2021-10-24 22:51:18
2996
原创 Electron-vue第一章：创建和自动生成嵌套路由
# 安装 vue-cli 和 脚手架样板代码npm install -g vue-clivue init simulatedgreg/electron-vue my-project# 安装依赖并运行你的程序cd my-projectyarn # 或者 npm installyarn run dev # 或者 npm run dev第一步：安装第二步：填坑 根据提示cd my-project并安装依赖npm install，安装成功后使用npm run dev启动 ...
2021-10-24 15:12:06
1341
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人