完成markdown文档, 自动登录数据库, 提示文件已存在

Author: chendonming

favicon.ico

@@ -1,6 +1,6 @@
 {
   "name": "easycode-javascript",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -17,7 +17,9 @@
     "ejs": "^3.1.5",
     "electron-localstorage": "^1.0.5",
     "element-ui": "^2.13.2",
+    "github-markdown-css": "^4.0.0",
     "lodash": "^4.17.20",
+    "marked": "^1.2.2",
     "mysql2": "^2.2.5",
     "uuid": "^8.3.1",
     "vue": "^2.6.11",

package.json

@@ -5,6 +5,7 @@ import ejs from 'ejs'
 import { v4 as uuidv4 } from 'uuid'
 import { exec } from 'child_process'
 import localstorage from 'electron-localstorage'
+import path from 'path'
 
 function queryAllTables (connection, db) {
   return new Promise((resolve, reject) => {
@@ -76,12 +77,35 @@ export default function (win, renderer) {
     })
   })
 
+  ipcMain.on('localTemplateFile', () => {
+    const folder = path.join(__dirname, '../static/ejs/')
+    fs.access(folder, err => {
+      if (!err) {
+        fs.readdir(folder, (err, fileList) => {
+          if (!err) {
+            renderer.send('localTemplateFile', fileList.map(v => ({
+              title: v,
+              value: folder + v
+            })))
+          }
+        })
+      }
+    })
+  })
+
   ipcMain.on('connectToTheDatabase', (e, data) => {
     try {
+      delete data.tryConnection
       connection = mysql.createConnection(data)
-      win.webContents.send('connection.success')
+      connection.ping((err) => {
+        if (err) {
+          win.webContents.send('connection.failed', { msg: '请启动mysql服务!' + err.message })
+        } else {
+          win.webContents.send('connection.success')
+        }
+      })
     } catch (err) {
-      win.webContents.send('connection.failed', err)
+      win.webContents.send('connection.failed', { msg: err.message })
     }
   })
 
@@ -166,11 +190,12 @@ export default function (win, renderer) {
   ipcMain.on('generateCustomFiles', (e, data) => {
     // 使用固定文件位置
     const setting = localstorage.getItem('setting')
+    const name = data.name || uuidv4()
     let filepath
     if (setting && setting.fileGenerationDirectory) {
-      filepath = setting.fileGenerationDirectory + '\\' + uuidv4() + '.' + data.suffix
+      filepath = setting.fileGenerationDirectory + '\\' + name + '.' + data.suffix
     } else {
-      filepath = app.getPath('userData') + '\\files\\' + uuidv4() + '.' + data.suffix
+      filepath = app.getPath('userData') + '\\' + name + '.' + data.suffix
     }
     ejs.renderFile(data.templateName, data, (err, str) => {
       if (err) {
@@ -179,11 +204,11 @@ export default function (win, renderer) {
           msg: 'err: ' + err.message
         })
       } else {
-        fs.writeFile(filepath, str, { flag: 'a' }, (err, datas) => {
+        // flag: a 不存在该文件则会创建该文件
+        fs.writeFile(filepath, str, { flag: 'ax' }, (err, datas) => {
           if (err) {
             renderer.send('generateCustomFiles', {
-              code: -1,
-              msg: 'err: ' + err.message
+              code: err.code
             })
           } else {
             renderer.send('generateCustomFiles', {
@@ -257,4 +282,28 @@ export default function (win, renderer) {
   ipcMain.on('getSetting', () => {
     renderer.send('getSetting', localstorage.getItem('setting'))
   })
+
+  // 保存数据源
+  ipcMain.on('saveDataSource', (e, json) => {
+    localstorage.setItem('dataSource', json)
+  })
+
+  // 取出数据源
+  ipcMain.on('getDataSource', () => {
+    renderer.send('getDataSource', localstorage.getItem('dataSource'))
+  })
+
+  // 查询文档
+  ipcMain.on('consultYourDocumentation', (e, id) => {
+    const file = path.join(__dirname, '../static/document', id)
+    fs.access(file, err => {
+      if (!err) {
+        fs.readFile(file, 'utf8', (err, data) => {
+          if (!err) {
+            renderer.send('consultYourDocumentation', data)
+          }
+        })
+      }
+    })
+  })
 }

src/api.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { app, protocol, BrowserWindow, Menu } from 'electron'
+import { app, protocol, BrowserWindow, Menu, shell } from 'electron'
 import { createProtocol } from 'vue-cli-plugin-electron-builder/lib'
 import api from './api'
 // import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'
@@ -85,7 +85,7 @@ app.on('ready', async () => {
   }
   const template = [
     {
-      label: '&connection',
+      label: '&Connection',
       submenu: [
         {
           label: '连接数据库',
@@ -102,6 +102,22 @@ app.on('ready', async () => {
           }
         }
       ]
+    },
+    {
+      label: '&About',
+      submenu: [
+        {
+          label: '前端CRUD',
+          submenu: [
+            {
+              label: '使用手册',
+              click () {
+                win.webContents.send('about', { id: 'frontCRUD.md', title: '前端CRUD手册' })
+              }
+            }
+          ]
+        }
+      ]
     }
   ]
 

src/background.js

@@ -19,6 +19,10 @@ const routes = [
       }
     ]
   },
+  {
+    path: '/DocumentText',
+    component: () => import('@/views/DocumentText')
+  },
   {
     path: '/about',
     name: 'About',

src/router/index.js

@@ -5,11 +5,17 @@ Vue.use(Vuex)
 
 export default new Vuex.Store({
   state: {
+    // 是否连接数据库
+    connection: false
   },
   mutations: {
+    setConnection (state, bool) {
+      state.connection = bool
+    }
   },
-  actions: {
+  getters: {
+    connection: state => state.connection
   },
-  modules: {
-  }
+  actions: {},
+  modules: {}
 })

src/store/index.js

@@ -61,3 +61,48 @@ table {
   color: #409EFF;
   cursor: pointer;
 }
+
+::-webkit-scrollbar-track {
+  border-radius: 10px;
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.05);
+  border-radius: 10px;
+  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+::-webkit-scrollbar {
+  width: 16px;
+  height: 16px;
+}
+
+::-webkit-scrollbar-track,
+::-webkit-scrollbar-thumb {
+  border-radius: 999px;
+  border: 5px solid transparent;
+}
+
+::-webkit-scrollbar-track {
+  box-shadow: 1px 1px 5px rgba(144, 146, 152, 0.3) inset;
+}
+
+::-webkit-scrollbar-thumb {
+  min-height: 20px;
+  background-clip: content-box;
+  box-shadow: 0 0 0 5px rgba(144, 146, 152, 0.3) inset;
+}
+
+::-webkit-scrollbar-corner {
+  background: transparent;
+}