公共库维护前端(demo)
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
For a detailed explanation on how things work, check out the guide and docs for vue-loader.
- 模块化搭建的vue项目,首先确保安装了node.js,请按照Build Setup来本地运行项目。
- 使用了axios向后端请求数据,请求的url在main.js的Vue.prototype.apiUrl中定义, 引入websocket实现保存所有结果进度条加载
- 使用了ElementUI来构建前端
- 目前主要实现了中科院,工程院,长江学者公共库的维护与更新
- api文档
- 使用了vue-router,处于history模式,部署参考history模式下的部署
- 公共库列表展示
- 公共库现有数据管理,增删改
- 公共库自动更新设置
- 获取最新数据
- 侧导航栏
- 查看更新结果
- 对更新结果的操作
- 结果检索
文件路径 | 说明 |
---|---|
src/main.js | 定义了基本的设置,引入了elementui,axios,定义了后端url |
src/components/LibraryList.vue | 展示所有公共库列表,多数指向长江学者 |
src/components/AsideMenu.vue | 侧导航栏组件,在公共库之间快速切换切换 |
src/components/GeneralAdmin.vue | 对公共库现有数据的管理组件,包括增删改 |
src/components/GeneralUpdatedResults.vue | 公共库更新结果界面 |