init typeorm

Author: whyengineer

package-lock.json

@@ -14,6 +14,11 @@
   "main": "background.js",
   "dependencies": {
     "core-js": "^3.6.5",
+    "electron-log": "^4.3.0",
+    "element-ui": "^2.4.5",
+    "mysql": "^2.18.1",
+    "sqlite3": "^5.0.0",
+    "typeorm": "^0.2.29",
     "vue": "^2.6.11",
     "vue-router": "^3.2.0",
     "vuex": "^3.4.0"
@@ -30,6 +35,7 @@
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
     "vue-cli-plugin-electron-builder": "~2.0.0-rc.5",
+    "vue-cli-plugin-element": "~1.0.1",
     "vue-template-compiler": "^2.6.11"
   }
 }

package.json

@@ -1,32 +1,36 @@
 <template>
   <div id="app">
-    <div id="nav">
-      <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
+    <img src="./assets/logo.png">
+    <div>
+      <p>
+        If Element is successfully added to this project, you'll see an
+        <code v-text="'<el-button>'"></code>
+        below
+      </p>
+      <el-button>el-button</el-button>
     </div>
-    <router-view/>
+    <HelloWorld msg="Welcome to Your Vue.js App"/>
   </div>
 </template>
 
+<script>
+import HelloWorld from './components/HelloWorld.vue'
+
+export default {
+  name: 'app',
+  components: {
+    HelloWorld
+  }
+}
+</script>
+
 <style>
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
-}
-
-#nav {
-  padding: 30px;
-}
-
-#nav a {
-  font-weight: bold;
-  color: #2c3e50;
-}
-
-#nav a.router-link-exact-active {
-  color: #42b983;
+  margin-top: 60px;
 }
 </style>

src/App.vue

@@ -3,6 +3,7 @@
 import { app, protocol, BrowserWindow } from 'electron'
 import { createProtocol } from 'vue-cli-plugin-electron-builder/lib'
 import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'
+import db from './db/db'
 const isDevelopment = process.env.NODE_ENV !== 'production'
 
 // Scheme must be registered before the app is ready
@@ -21,7 +22,8 @@ async function createWindow() {
       nodeIntegration: process.env.ELECTRON_NODE_INTEGRATION
     }
   })
-
+  const database= new db(win)
+  database.connect(false)
   if (process.env.WEBPACK_DEV_SERVER_URL) {
     // Load the url of the dev server if in development mode
     await win.loadURL(process.env.WEBPACK_DEV_SERVER_URL)

src/background.js

@@ -0,0 +1,115 @@
+'use strict';
+import {createConnections,getConnection,getRepository} from "typeorm";
+import { Cap } from './entity/jlc/Cap';
+import path from 'path';
+import {app,ipcMain} from 'electron';
+import log from 'electron-log';
+
+export default class Db {
+    constructor(win) {
+        this.win = win;
+        this.connected = false;
+    }
+   
+    parseJlc(val,g) {
+
+        var a =  {
+            pn: '',
+            vendor: '',
+            vendorPn: '',
+            vendorUrl: '',
+            value: '',
+            prices: [],
+            imgs: [],
+            symbolUrl: '',
+            footprint: '',
+            fpUrl: '',
+            desc: '',
+            datasheet: '',
+            g: 'cap',
+            type: '',
+        }
+        if (val != null) {
+            let svgs = [];
+            if (val.svgs != null)
+                svgs = val.svgs.split(',');
+            a.g = g
+            a.pn = val.pn;
+            if (val.imgs != null)
+                a.imgs = val.imgs.split(',');
+            a.vendorPn = val.jlcpn;
+            a.vendorUrl = val.jlcurl;
+            a.vendor = 'jlc';
+            a.desc = val.desc;
+            a.footprint = val.footprint;
+            if (svgs.length > 0) {
+                a.symbolUrl = svgs[0];
+            }
+            if (svgs.length > 1) {
+                a.fpUrl = svgs[1];
+            }
+            if (val.datasheet != null)
+                a.datasheet = val.datasheet;
+            a.value = val.value;
+            if (val.type_ != null)
+                a.type = val.type_;
+            if (val.prices != null) {
+                const prices = val.prices.split(',');
+                a.prices=[]
+                for (const i in prices) {
+                    const m = prices[i].split(':');
+                    a.prices.push({
+                        num: m[0],
+                        price: m[1]
+                    });
+                }
+            }
+        }
+        log.info(a)
+        this.win.webContents.send('data',a)
+        return a;
+
+
+
+    }
+    connect(sync) {
+        createConnections([{
+            name: "jlc",
+            type: "mysql",
+            host: "www.whyengineer.com",
+            port: 3306,
+            username: "jlc",
+            password: "71451085a",
+            database: "jlc",
+            entities: [Cap],
+            logging: true,
+            synchronize: sync
+        }, {
+            name: "bom",
+            type: "sqlite",
+            database: path.join(app.getPath('userData'), 'db', 'bom.sqlite'),
+            entities: [],
+            logging: true,
+            synchronize: sync
+        }]).then(() => {
+            log.info("connect database ok")
+            this.connected = true;
+            this.jlc = getConnection('jlc');
+            this.bom = getConnection('bom');
+            // ipcMain.on('getData',()=>{
+            //     this.jlc.manager.findOne(Cap).then((val) => {
+            //         this.parseJlc(val, 'cap')
+            //     })
+            // })
+            this.jlc.manager.findOne(Cap).then((val) => {
+                this.parseJlc(val, 'cap')
+            })
+            
+
+        }).catch((err) => {
+            this.connected = false;
+            log.error(err);
+        })
+    }
+
+}

src/db/db.js

@@ -0,0 +1,89 @@
+import {EntitySchema} from "typeorm";
+
+ export const Cap = new EntitySchema({
+    name: "cap",
+    columns: {
+        pn: {
+            primary: true,
+            type: String,
+            nullable: false
+        },
+        value: {
+            type: String,
+            nullable: false
+        },
+        footprint: {
+            type: String,
+            nullable: false
+        },
+        jlcpn: {
+            type: String,
+            nullable: false
+        },
+        jlcurl: {
+            type: String,
+            nullable: false
+        },
+        prices: {
+            type: String,
+            nullable: true
+        },
+        imgs: {
+            type: String,
+            nullable: true
+        },
+        datasheet: {
+            type: String,
+            nullable: true
+        },
+        desc: {
+            type: String,
+            nullable: false
+        },
+        svgs: {
+            type: String,
+            nullable: true
+        },
+        type_: {
+            type: String,
+            nullable: true
+        },
+    },
+    indices: [
+        {
+            name: "cap_value",
+            unique: false,
+            columns: [
+                "value",
+            ]
+        },
+        {
+            name: "cap_footprint",
+            unique: false,
+            columns: [
+                "footprint",
+            ]
+        },
+        {
+            name: "cap_jlcpn",
+            unique: true,
+            columns: [
+                "jlcpn",
+            ]
+        },
+        {
+            name: "cap_jlcurl",
+            unique: true,
+            columns: [
+                "jlcurl",
+            ]
+        },
+        {
+            name: "cap_type_",
+            unique: false,
+            columns: [
+                "type_",
+            ]
+        },
+    ],
+});

src/db/entity/jlc/Cap.js

@@ -2,6 +2,7 @@ import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 import store from './store'
+import './plugins/element.js'
 
 Vue.config.productionTip = false
 

src/main.js

@@ -0,0 +1,5 @@
+import Vue from 'vue'
+import Element from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+
+Vue.use(Element)

src/plugins/element.js

@@ -0,0 +1,22 @@
+module.exports = {
+    configureWebpack: {
+        // Webpack configuration applied to web builds and the electron renderer process
+    },
+    pluginOptions: {
+        electronBuilder: {
+            nodeIntegration: true,
+            chainWebpackMainProcess: (config) => {
+                // Chain webpack config for electron main process only
+            },
+            chainWebpackRendererProcess: (config) => {
+                // Chain webpack config for electron renderer process only (won't be applied to web builds)
+            },
+            mainProcessWatch: ['src/**/**.js'],
+            // Provide a list of arguments that Electron will be launched with during "electron:serve",
+            // which can be accessed from the main process (src/background.js).
+            // Note that it is ignored when --debug flag is used with "electron:serve", as you must launch Electron yourself
+            // Command line args (excluding --debug, --dashboard, and --headless) are passed to Electron as well
+            mainProcessArgs: ['--arg-name', 'arg-value']
+        }
+    }
+}