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包配置。

安装和设置

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