/WebSpiderPanel

WebSpider在线爬虫前端面板

Primary LanguageJavaScript

WebSpiderPanel

WebSpider 在线爬虫系统采用了前后端分离设计。本文档将对前端面板进行简要说明

技术栈

前端面板构建采用 Vue.js 框架,使用 Element-UI 进行界面 UI 构建。

主要功能

面板主要分为 7 个模块:

  • WebSpider: 爬虫面板配置预览模块
  • HttpProxyLite: 代理检测模块
  • API Store: API 分享模块
  • 管理面板: 后台管理模块(包括编辑 API 信息、查看 API 详情两个子模块)
  • 使用说明: WebSpider 使用说明
  • 更新日志: 在线爬虫更新日志模块

注意: main 分支只保留了预览功能。

命令

  • npm run serve 启动项目
  • npm run build 打包项目

其他

请先下载本项目,运行打包命令后,将/dist中的文件拖到 WebSpider 项目下的 /static 文件夹中。

如果由 Nginx 等分发前端代码文件,请先修改/src/config/index.js文件中的参数,保存后再打包。