# electron-vue-engineering

**Repository Path**: through-git/electron-vue-engineering

## Basic Information

- **Project Name**: electron-vue-engineering
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-12
- **Last Updated**: 2024-05-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# move-rename-front

> The graphical interface of a project that renames and moves files to specified directory.

#### 工程简介

	本项目是首个基于electron的桌面图形软件开发之练习项目.
	
	亦可按照electron-vue+node.js的前后端分离流程进行开发,使用vue-cli构建,采用C/S形式发布.
	
	"move-rename-front" 为前端图形UI客户端,而使用express框架的node项目 node-server 为业务后端服务器.

	通过本工程,加深了对js面向对象编程(OOP)的掌握程度,受益匪浅.

----------------------------------------

#### 前端client架构:

+ vue
+ element-ui
+ electron
+ electron-vue
+ sqlite3(嵌入式文件型数据库)
+ Promise
+ node.js

#### 后端server架构

+ express
+ sqlite3
+ axios
+ node.js

------------------------------------

### 已实现功能

+ 批量将JPG图片文件按所在目录名增加前缀名,并移动至指定目录
+ 批量将B站手机APP缓存之blv视频文件,按所在目录中的json文件内容节点增加前缀名,并移动至指定目录(更为详细之介绍,可以看看某另一座仓库`bilibili-video-front`的readme)

- web开发中的` hello,world! `: 增删改查
	+ 注册
	+ 登录
	+ 查看全部用户列表
	+ 查看个人资料
	+ 修改个人基本资料
	+ 更改密码
----------------------------------------

+ 要对sqlite3数据文件所在目录赋予全部权限:`chmod -R 777 database/`,如此node.js方可进行写入操作

+ 搞定了如何在vue组件中导入并调用OOP设计类型的外部js模块中的函数

+ 于electron中elementUI表格组件不起效,只得自己生成表格内容

+ 密码加密应用了MD5+UUID

+ this在callback(回调)函数中会失效,无法调用

+ 调用` this.$store.dispatch ` 总是报错没有then方法` TypeError: Cannot read property 'then' of undefined `,通过vuex调用store模块宣告失败

+ 全体用户列表组件经常报错,报错时尝试重新加载即可

+ 每当代码有所改动之时,皆需重新加载

+ `electron`依赖不可安装在正式依赖(dependencies)范围,而是要安装在devDependencies之内,不然打包时会报错

```
Package electron is only allowed in devDependencies,please remove it from the dependencies section in your package.json

```