Skip to content

🙋‍♂Hi pals,这是一个对新手特友好的纯前端demo,不需要vuex,后端接口可DIY调用.本项目为🐮🍺下载内核aria2c的前端UI,技术栈vue2 + vue-router + ES6 + Element UI + WebSocket + webpack ,欢迎🍴&&⭐,共同提升,持续完善中...

meleethine/aria2c-vue-ui

Repository files navigation

前言

1、aria2是一个无页面的轻量级命令下载工具。本项目将其可视化,可以在页面中交互,实现下载任务的增删改查及系统设置等功能。

2、由于项目中需要频繁获取数据,通过合理使用Promise请求数据,提高了代码的可读性和简洁度。

3、下载的过程涉及多个状态,因此采用模块化开发,降低了代码的耦合性,并且更易于维护。

4、使用WebSocket双向通信,数据轻量,节省性能,通信效率较高。

技术栈

vue2 + vue-router + webpack + ES6

项目运行

前端部分:

git clone https://github.com/meleethine/aria2c-vue-ui.git

或者

git clone git@github.com:meleethine/aria2c-vue-ui.git  

cd aria2c-vue-ui

npm install

npm run serve

后端部分:

cd aria2c

./aria2c.exe --conf-path=./aria2c.conf

API文档

https://aria2.github.io/manual/en/html/index.html

目标功能

  • 添加BT任务 -- 完成
  • 添加链接任务 -- 完成
  • 删除任务 -- 完成
  • 开始任务 -- 完成
  • 暂停任务 -- 完成
  • 全选/反选 -- 完成
  • 搜索任务 -- 完成
  • 重下任务 -- 完成
  • 清除配置 -- 完成
  • 修改设置-- 完成
  • 添加服务器-- 完成
  • 修改服务器 -- 完成
  • 移除服务器 -- 完成
  • 切换服务器 -- 完成
  • 缩放/还原界面 -- 完成

项目截图

主页面

添加任务

查询任务

删除任务

清空任务

重下任务

修改配置

修改/删除服务器

切换服务器

About

🙋‍♂Hi pals,这是一个对新手特友好的纯前端demo,不需要vuex,后端接口可DIY调用.本项目为🐮🍺下载内核aria2c的前端UI,技术栈vue2 + vue-router + ES6 + Element UI + WebSocket + webpack ,欢迎🍴&&⭐,共同提升,持续完善中...

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published