YQ·H-优快云博客

原创 Electron的入门3-认识preload文件

摘要：Electron中的preload文件充当主进程和渲染进程间的安全桥梁，通过contextBridge安全地暴露底层API。它使用ipcRenderer进行进程间通信，将系统主题切换等底层功能封装成简单接口供渲染进程调用。preload既保证了通信安全性（仅暴露必要API），又实现了类型安全，支持文件操作、窗口管理等常见场景。这种架构设计使Vue等前端框架能简单调用Electron原生功能，是Electron实现跨进程安全通信的关键机制。

2025-07-19 14:19:10 574

原创 Electron的入门1—项目结构 and Electron的入门2—窗体的底层

摘要：文章介绍了Electron+Vue项目的目录结构，重点说明electron文件夹包含主进程文件main.ts和预加载脚本preload.ts。dist-electron是映射文件，修改会被覆盖；src/main.ts是Vue应用的入口文件。文章还详细讲解了BrowserWindow创建窗体的代码示例，包括常用属性设置如窗体宽高(width/height)、隐藏菜单栏(autoHideMenuBar)和自定义标题栏样式(titleBarStyle)等配置参数。

2025-07-19 13:06:39 172

原创大项目前章-9 客户端构造

文章摘要：本文介绍了基于HBuilderX的Uniapp项目结构搭建与配置流程。主要包括项目目录结构说明（pages、components、static等文件夹用途）、页面配置方法（在pages.json中注册页面并设置tabBar导航栏）、以及微信小程序调试环境配置。重点强调了项目初期规划目录结构的重要性，并提供了微信开发者工具的下载链接和调试方法。文章还指出实际开发中应注意页面分类存放，避免后期维护困难。

2025-07-19 11:47:07 639

原创 Electron项目的创建并启动

本文介绍了搭建Electron开发环境的关键步骤。首先需安装Node.js，然后通过npm初始化项目并安装Electron依赖。由于安装过程较慢，建议切换至淘宝镜像源加速下载。文章详细说明了镜像源的切换命令，并推荐使用electron-vite脚手架快速搭建项目框架。在项目创建过程中，可能需要设置Electron镜像源来加速依赖安装。最后，通过npm run dev命令即可启动开发环境。全文提供了完整的Electron开发环境配置流程，包括依赖安装和镜像源配置等实用技巧。

2025-07-18 11:43:40 461

原创大项目前章-8 项目结构搭建

本文介绍了校园社团管理系统的技术选型与项目搭建过程。系统采用多端架构，包括uniapp开发的微信小程序客户端（面向学生）、Vue+ElementUI搭建的协会管理后台、教务处管理后台，以及ASP.NET构建的网络接口，数据库选用MySQL。重点说明了各模块的搭建流程：客户端使用HBuilder创建uniapp项目并配置微信调试环境；管理后台基于Vue脚手架开发；后端接口采用ASP.NET三层架构；数据库采取"先模拟后构建"策略。文章强调了项目初始化、环境配置和目录结构搭建的关键步骤，并建

2025-07-18 11:42:32 836

原创大项目前章-7 项目的启动

校协汇是一款针对高校信息流通不畅而开发的四端管理服务程序，包含客户端、协会管理端、教务处管理端和开发者终端。该程序旨在解决校园信息不对称问题：学生常因缺乏获取渠道而错过比赛、活动等机会，社团资源也难以有效共享。通过整合教务处数据、爬取官网信息等功能，实现信息透明化。其中"协"字突出社团功能，帮助志同道合的学生建立联系。四个端权限分级，分别服务于学生用户、社团管理者、教务人员和开发者。该解决方案希望打破传统依赖教师传递信息的局限，构建更高效的校园信息生态。

2025-06-19 14:36:29 369

原创大项目前章-6 中途的决策

作者分享了自己开发校园社区项目的坎坷经历。由于功能过多无法按时提交比赛，加上得知类似项目已有学长做过，最终暂停了该项目。随后组建团队开发校协汇项目，使用VUE+ElementPlusUI和SQLserver数据库，但因缺乏原型图导致进度缓慢。虽然面临实习工作与开发的时间冲突，作者仍决心坚持推进项目开发。整个过程中积累了大型项目开发经验，并学会了团队协作。

2025-06-17 16:22:40 355