zl程序教程

您现在的位置是:首页 >  后端

当前栏目

JS教程之使用 ElectronJS、VueJS、SQLite 和 Sequelize ORM 从 A 到 Z 创建多对多 CRUD 应用程序

JSSQLite教程应用程序 创建 ORM CRUD vuejs
2023-09-11 14:18:47 时间

介绍

由于项目的密度和整篇文章的篇幅,本教程将分为三篇。

第 1 部分:使用 VueJS 创建 Electron 应用程序
第 2 部分:连接数据库和创建 CRUD 函数
第 3 部分:构建 UI 并将其与带有 IPC 的主进程连接

要求

  • 安装了 NodeJS 和 NPM
  • 了解 JavaScript 和 ES6 和 SQL
  • 具有 VueJS 和 Vuex 的知识和经验
  • 有 Electron 经验者优先,但不是必需的。

我们要建造什么?

我们将构建一个简单的桌面应用程序,我们可以在其中创建播放列表并向其中添加 youtube 视频。我不会对功能和特性进行深入探讨。目标是将数据库与 ElectronJS 和 VueJS 的多对多关系链接起来。

在这里插入图片描述
在这里插入图片描述

我们将如何去做?

我们将应用程序分成两部分;渲染器和主。Renderer 是前端,这部分我们将使用 VueJS、Vuex。主要部分是 ElectronJS 的主进程,它是后端。在这里,我们将构建应用程序的逻辑。

对于数据库,我们将创建两个表,视频和播放列表。这些表与多对多关系相关联。

开始建设