# ossManage

**Repository Path**: hpzhangzhaotong/oss-manage

## Basic Information

- **Project Name**: ossManage
- **Description**: 使用electron创建简单桌面程序，管理阿里云oss对象存储
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2023-07-03
- **Last Updated**: 2023-07-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Electron, jQuery, JavaScript

## README

# oss管理

## 预览：
注意：当前只支持windows系统
![image-20230703113211433](./docs/image-20230703113211433.png)

![image-20230703113234304](./docs/image-20230703113234304.png)

![image-20230703113300342](./docs/image-20230703113300342.png)

![image-20230703113313170](./docs/image-20230703113313170.png)

## 介绍：

> ossManage 是一个基于阿里云oss对象存储开发的文件管理器，你可以将你的文件上传到oss存储中，然后可以方便的下载下来，
> 由于本项目侧重于oss的操作，所以页面略显粗糙，你可以自行美化页面
```text
项目结构：
注意：运行此项目你的电脑需要有node.js 环境！！！
首页为index.html，由于页面简单，你可以很轻易的看懂页面的结构。
/css                页面需要的样式
/docs               预览需要的图片资源
/js                 页面的js脚本，名字就对应页面名字
/*.html             对应了具体的页面
/main.js             主入口，你可以在此进行配置
..
如果你要使用自己的接口，请打开/js/public.js    修改里面的window.REMOTEPATH 变量为自己的接口地址
使用技术：
使用了 electron + layui + jquery +javascript
```

## 如何运行项目：

```bash
## 安装项目所需的依赖 
npm install
## 运行项目
npm run start
## 打包项目
npm run make
```
## 如何开发调试？
```javascript
// 打开 main.js 
const {app,BrowserWindow} = require('electron')
const electron = require('electron')
const path = require('path')
// 热部署  将下边  try catch的代码注释解开 这样你写的代码保存即可更新上，少数情况需要重启项目
// try {
//     require('electron-reloader')(module);
// } catch (_) { }
const createWindow = () =>{
    const Menu = electron.Menu;
    // 隐藏菜单栏  Menu.setApplicationMenu(null);注释解开，这样可以打开控制台进行debugger调试
    // Menu.setApplicationMenu(null);
    const win = new BrowserWindow({
        width: 1000,
        height: 600,
        icon: path.join(__dirname,'./logo.ico'),
        webPreferences: {
            preload: path.join(__dirname, 'preload.js')
        }
    })
    win.loadFile('index.html')
}

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

})
// 监听关闭方法，如果不是在macOS上运行程序，则调用
app.on('window-all-closed',()=>{
    if(process.platform !== 'darwin') app.quit();
})
```
## ✨✨✨✨✨✨✨✨✨如果喜欢本项目请帮我点个star！谢谢，这对我很重要；如果你有任何问题，欢迎提issue或者联系我：qq=1724457215