# Electron+Vue+SQLite3 项目

**Repository Path**: effort-xiaozhou/electron-vue-sqlite3-project

## Basic Information

- **Project Name**: Electron+Vue+SQLite3 项目
- **Description**: Electron+Vue+SQLite3  卓面软件开发（001 框架）
vue3
nodejs  22.18.0
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-08-12
- **Last Updated**: 2025-10-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Electron+Vue+SQLite3 项目

#### 介绍
1. Electron+Vue+SQLite3  卓面软件开发（001 框架）
2. vue3
3. nodejs  22.18.0
4. mermaid 代码
1. sequenceDiagram
    participant VueComponent as Vue 组件<br>(DatabaseTest.vue)
    participant Preload as 预加载脚本<br>(preload/index.js)
    participant MainHandlers as 主进程处理<br>(main/db/handlers.js)
    participant Database as 数据库模块<br>(main/db/index.js)
    participant SQLite as SQLite 数据库

    VueComponent->>+Preload: 调用 electronAPI.queryDatabase(sql)
    Preload->>+MainHandlers: IPC 发送 'db:query' 事件
    MainHandlers->>+Database: 调用 db.query(sql, params)
    Database->>+SQLite: 执行 SQL 查询
    SQLite-->>-Database: 返回查询结果
    Database-->>-MainHandlers: 返回 Promise 结果
    MainHandlers-->>-Preload: IPC 返回响应
    Preload-->>-VueComponent: 返回数据给前端

    VueComponent->>+Preload: 调用 electronAPI.executeDatabase(sql)
    Preload->>+MainHandlers: IPC 发送 'db:execute' 事件
    MainHandlers->>+Database: 调用 db.run(sql, params)
    Database->>+SQLite: 执行 SQL 语句
    SQLite-->>-Database: 返回操作结果
    Database-->>-MainHandlers: 返回 Promise 结果
    MainHandlers-->>-Preload: IPC 返回响应
    Preload-->>-VueComponent: 返回操作结果


#### 软件架构
![数据库测试](Snipaste_2025-08-12_09-03-36.png)](image.png)
![首页测试](Snipaste_2025-08-12_09-04-47.png)
![调用流程](%E8%B0%83%E7%94%A8%E6%B5%81%E7%A8%8B%E5%9B%BE01.png)



#### 安装教程

1.  xxxx
2.  xxxx
3.  xxxx

#### 使用说明

1.  xxxx
2.  xxxx
3.  xxxx

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)