Frappe Books 开源项目教程

Frappe Books 开源项目教程

booksFree Accounting Software项目地址:https://gitcode.com/gh_mirrors/book/books

1. 项目的目录结构及介绍

Frappe Books 是一个用于小型企业和自由职业者的免费会计软件。以下是其主要目录结构的介绍：

frappe-books/
├── app/
│   ├── public/
│   ├── src/
│   │   ├── assets/
│   │   ├── components/
│   │   ├── pages/
│   │   ├── App.vue
│   │   ├── main.js
│   ├── package.json
├── electron/
│   ├── main.js
│   ├── package.json
├── package.json
├── README.md

• app/: 包含前端代码的主要目录。
  • public/: 静态资源文件。
  • src/: 源代码目录。
    • assets/: 静态资源文件。
    • components/: Vue 组件。
    • pages/: 页面组件。
    • App.vue: 主应用组件。
    • main.js: 入口文件。
  • package.json: 前端项目的依赖管理文件。
• electron/: 包含 Electron 相关代码的目录。
  • main.js: Electron 的主进程文件。
  • package.json: Electron 项目的依赖管理文件。
• package.json: 根目录的依赖管理文件。
• README.md: 项目说明文档。

2. 项目的启动文件介绍

前端启动文件

• app/src/main.js: 这是前端项目的入口文件，负责初始化 Vue 应用并挂载到 DOM 上。

import { createApp } from 'vue';
import App from './App.vue';

createApp(App).mount('#app');

Electron 启动文件

• electron/main.js: 这是 Electron 的主进程文件，负责创建窗口和管理应用的生命周期。

const { app, BrowserWindow } = require('electron');
const path = require('path');

function createWindow() {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
    },
  });

  mainWindow.loadFile('index.html');
}

app.whenReady().then(() => {
  createWindow();

  app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
      createWindow();
    }
  });
});

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

3. 项目的配置文件介绍

前端配置文件

• app/package.json: 包含前端项目的依赖和脚本命令。

{
  "name": "frappe-books",
  "version": "1.0.0",
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "vue": "^3.0.0"
  },
  "devDependencies": {
    "@vue/cli-service": "^4.5.0"
  }
}

Electron 配置文件

• electron/package.json: 包含 Electron 项目的依赖和脚本命令。

{
  "name": "frappe-books-electron",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "start": "electron ."
  },
  "dependencies": {
    "electron": "^12.0.0"
  }
}

根目录配置文件

• package.json: 包含整个项目的依赖和脚本命令。

{
  "name": "frappe-books",
  "version": "1.0.0",
  "scripts": {
    "serve": "cd app && npm run serve",
    "build": "cd app && npm run build",
    "start": "cd electron

booksFree Accounting Software项目地址:https://gitcode.com/gh_mirrors/book/books