{"id":20648763,"url":"https://github.com/xuejianxianzun/softwarelist","last_synced_at":"2025-04-16T20:43:03.348Z","repository":{"id":39078572,"uuid":"274639277","full_name":"xuejianxianzun/softwareList","owner":"xuejianxianzun","description":"一个 vue-cli 制作的网站，分享了一些我觉得好用的软件。","archived":false,"fork":false,"pushed_at":"2023-01-06T09:46:46.000Z","size":8191,"stargazers_count":20,"open_issues_count":27,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-29T05:41:26.711Z","etag":null,"topics":["software","vue-cli3","vuejs"],"latest_commit_sha":null,"homepage":"https://software.pixiv.download/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xuejianxianzun.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-06-24T10:19:42.000Z","updated_at":"2025-02-22T06:06:11.000Z","dependencies_parsed_at":"2023-02-05T20:02:09.772Z","dependency_job_id":null,"html_url":"https://github.com/xuejianxianzun/softwareList","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xuejianxianzun%2FsoftwareList","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xuejianxianzun%2FsoftwareList/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xuejianxianzun%2FsoftwareList/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xuejianxianzun%2FsoftwareList/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xuejianxianzun","download_url":"https://codeload.github.com/xuejianxianzun/softwareList/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249274970,"owners_count":21242192,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["software","vue-cli3","vuejs"],"created_at":"2024-11-16T17:10:44.446Z","updated_at":"2025-04-16T20:43:03.331Z","avatar_url":"https://github.com/xuejianxianzun.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 简介\n\n这是一个使用 vue-cli 制作的网站，分享了一些我觉得好用的软件。\n\n[查看在线演示站点（加载速度可能比较慢）](https://software.pixiv.download/)\n\n[查看无背景截图](screenshot/2020-06-22_150708.png)\n\n[查看有背景截图](screenshot/2020-06-22_150759.png)\n\n前端使用 vue-cli，后端使用 koa 框架，数据库使用 redis。软件数据写在 js 文件里，通过 node-redis 导入到数据库。\n\n界面上我模仿了 Windows 10 的资源管理器的样式。因为我推荐的都是电脑软件，所以我觉得用“电脑”风格明显的界面算是相得益彰。对移动端进行了简单的适配。\n\n这个项目推荐软件的标准是适合广大普通用户使用的，所以我没有列出用途太小众的，以及专业性太强的软件。另外我也没有列出很大众的软件，比如 qq、微信，这些当用户有需要的时候自己就会想到。\n\n这个项目里做了一个自定义右键菜单；另外用户可以选择自己电脑上的图片设置背景图片。没有背景图片的时候是白底黑字，设置背景图片之后文字会变成白色，以便于阅读。建议使用颜色较深的图片作为背景图片。\n\n# 前端构建流程\n\ngit clone 本项目，然后进入项目目录。\n\n```\n# 安装依赖\nnpm install\n\n# 启动热更新\nnpm run serve\n\n# 构建项目\nnpm run build\n```\n\n# 后端构建流程\n\n后端文件在 `koa` 文件夹内。\n\n```\ncd koa\n```\n\n### 安装依赖\n\n```\nnpm install\n```\n\n### 导入数据到数据库\n\n首先编辑  `redis.js` 配置 redis 数据库信息，然后导入数据：\n\n```\nnode initDB.js\n```\n\n### 启动后端 web 服务器\n\n```\nnode index.js\n```\n\n# 配置文件\n\n以下是一些你可能会需要修改的配置文件。\n\n### 配置 redis 数据库信息\n\n编辑 `koa/redis.js`\n\n### 编辑软件数据\n\n编辑 `koa/data.js`，然后执行 `koa/initDB.js` 向数据库写入数据。\n\n### 修改 koa 服务的端口\n\n修改 `koa/index/js` 结尾的端口号：\n\n```\napp.listen(3001)\n```\n\n### 配置后台使用的网址\n\n编辑 `.env.development` 和 `.env.production` 中的变量 `VUE_APP_BACKEND_URL` 的值。\n\n### 编辑软件的分类\n\n软件的分类由前后端共同约定。\n\n后端只保存分类名，如 `video`。前端保存分类的附加信息，如 `video` 的中文名为“视频”，icon 图标为 `video.png`。这样是为了让前端配置和操作更加自由。\n\n后端部分，软件数据保存在 `koa/data.js` 里，`category` 字段是软件的分类；分类的附加信息则保存在前端 `src/store.ts` 的 `categoryList` 字段里。","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxuejianxianzun%2Fsoftwarelist","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxuejianxianzun%2Fsoftwarelist","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxuejianxianzun%2Fsoftwarelist/lists"}