electron项目实战 -- 本地资料管理系统

238 阅读1分钟

文档介绍

本系列文档将使用 electron + vue3 + ts 实现一个本地资料管理系统。主要包括以下文档:

  • 文档介绍
  • 开发环境搭建
  • web布局实现
  • 用户功能实现
  • 资料库及文件类别故案例案例实现
  • 文件管理功能及文件加解密实现
  • 日志功能实现
  • 系统菜单实现
  • 项目打包设置及打包

本章内容:

  • 技术选型
  • 原型
  • 数据表

技术选型

  • electron^21.2.2
  • vue^3.2.41
  • vue-router^4.1.6
  • pinia^2.0.23
  • sqlite3^5.1.2,轻量级数据库
  • typeorm^0.3.10orm 工具很适合使用ts开发
  • einf^1.3.0,electron主流程框架,提供一些装饰器和自动依赖注入

原型

在正式开发之前,将使用 pixso 将所有原型都提前确定下来。

切片 1.png

切片 2.png

切片 3.png

切片 4.png

切片 5.png

切片 6.png

切片 7.png

切片 8.png

切片 9.png

数据表设计

微信截图_20221108104425.png

微信截图_20221108104511.png

微信截图_20221108104523.png

微信截图_20221108104543.png

微信截图_20221108104559.png

微信截图_20221108104630.png

以上内容为开发前准备,下章将使用现有工具搭建出 electron + vue-ts 开发环境。