Sciencetopia 前端

概述

Sciencetopia是一个搜罗全网开源学习资源，以为群众提供系统性的、免费的自学服务的交互式网页应用。它提供了一个动态的知识网络，并根据用户的偏好和需求生成个性化学习计划。

特点

交互式知识网络：可视化并与知识领域的网络进行交互。
个性化学习计划：根据用户偏好和需求生成定制学习计划。
用户认证：安全的登录和注册功能。
用户个性化：个人中心，用户可以管理他们的偏好和学习计划。

技术栈

Vue.js：用于构建用户界面的渐进式JavaScript框架。
Vuex：Vue.js应用的状态管理模式+库。
Vuetify：Vue.js的Material Design组件框架。
Axios：基于Promise的HTTP客户端，用于发出HTTP请求。
Font Awesome：图标库，用于UI增强。

项目结构

src/：应用的源文件。
- App.vue：主应用组件。
- main.js：Vue.js应用的入口点。
- router/index.js：定义应用的路由。
- store.js：Vuex状态管理。
- api.js：API调用的Axios实例。
- components/：各种功能的Vue组件，如知识网络、学习计划、登录等。
- views/：不同视图/页面的Vue组件。
- assets/：包含CSS和图像。
public/：公共资源，如favicon和index.html。
package.json：NPM包配置。

安装和设置

克隆仓库：git clone https://github.com/Sciencetopia-org/sciencetopia-frontend.git
安装依赖：在项目目录中运行npm install。
运行应用：执行npm run serve以启动开发服务器。