/ArXiver

arxiv客户端web app

Primary LanguageVue

Arxiver

2020春季软件工程课一组项目

  • 概述

    • web app, 前端vue+后端django
    • 已部署在阿里云服务器，地址：http://121.199.25.59/
    • 实现arxiv网站客户端，基于官方接口，设计提供个人收藏，阅读，个性化推荐，搜索，评论的网络应用

  • 面向人群

    • 具有arxiv网站使用需求的各领域学生，教师，科研人员
    • 方便arxiv网站论文的检索与收藏

  • 功能简介

    • 注册

      • 通过邮箱注册
      • 用户名唯一

    • 登录

      • 使用用户名和密码登录

    • 搜索

      • 顶栏搜索
        • 通过作者搜索
        • 通过论文名搜索
        • 通过关键字搜索
      • 左边栏搜索
        • 通过学科搜索
        • 学科列表包含三级目录，对应arxiv网站最细粒度划分

    • 个性化推荐

      • 基于用户关注领域及收藏列表

    • 论文阅读

      • 采用vue-pdf插件实现
      • 提供在线阅读，收藏，下载，放大，翻页

    • 论文评论

      • 每篇论文拥有自己的评论区
      • 评论可回复
      • 评论可点赞/踩

    • 个人信息

      • 收藏夹展示，可选中一篇或多篇删除
      • 个人信息展示，包括头像，邮箱等用户信息，可上传图片或键入新内容修改
      • 个人关注领域，可修改

  • 实现框架

    • 前端

      • vue框架
      • 使用element UI 设计
      • 论文阅读采用vue-pdf插件

    • 后端

      • django框架

    • 服务器部署

      • WSGI

  • 注

    • 有关vue-pdf插件问题，需修改有源码

      npm install -D worker-plugin
#修改vue.config.js
const WorkerPlugin = require('worker-plugin')
module.exports = {
  lintOnSave: false,
  configureWebpack: {
    plugins: [
      new WorkerPlugin()
    ]
  }
}
#修改node_modules/vue-pdf/src/vuePdfNoSss.vue,删减第13&14行改为
PDFJS.GlobalWorkerOptions.workerPort = new Worker('pdfjs-dist/build/pdf.worker.js', { type: 'module' });
      • 第三步修改需在每次npm install后进行一次

  • 本地运行方式

    • 前端环境及框架

      • 为避免版本不兼容问题，采用vue-cli4，安装方式见官网
        • 要求安装node.js

    • 后端环境及框架

      • django

    • 命令

      cd my-project
npm install
npm run build
cd ..
py manage.py runserver