# study-topic

**Repository Path**: inctdt/study-topic

## Basic Information

- **Project Name**: study-topic
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-08-16
- **Last Updated**: 2021-08-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目介绍
自律、成长、学习相关的项目，第一反应就是关于学习计划类的项目，同时也用过一些类似的产品，因此就决定学习并参考做个类似的网页项目，[原型图](https://excalidraw.com/#json=5861647151267840,QkxW8U1TepYtGseKlXsYgg)。
## 技术选型
使用了`vite(less+ts)`，自行研发了类MVVM框架([nvagir](https://github.com/Nctdtman/nvagir.git))及路由([nvagir-router](https://github.com/Nctdtman/nvagir-router.git))，并做了对应的响应式布局。

## 功能实现
大体实现了以下页面，路由同下，但是未对接后端
 - /login 登录页 - 账号: admin 密码: 123456
 - /register 注册页 - 表单验证
    > 账号 字母开头长度5-16 允许字母、数字、下划线
    > 密码 字母开头长度6-18 允许字母、数字、下划线
 - /article 文章页 - 学习资源/学习资料/笔记页
 - /writeArticle 写文章页 - 用`marked`实现在线md文章编写
 - /studyPlan 学习计划页 - 主要功能 学习计划和计划的todos编辑等操作
 - /playGround 广场页 - 瀑布流 用于获取别人文章的页面(未接入后端均为mock)
 - /settings 设置页 - 用于修改个人信息

## 项目目录
 - /src 项目源代码
   - /assets 图片等资源
   - /components 多页面共用的组件，如弹窗，日历，侧边栏
     - MainSideBar 侧边栏组件
     - DatePicker 日历组件
     - XXXModal 弹窗组件，有表单联动
   - /pages 页面目录 一文件夹对应一页面
   - /style 公共样式，如字体样式等
   - /typings 公共类型，如`Todo`类型
   - /utils 工具函数，如防抖函数
   - main.ts 入口文件
   - router.ts 路由配置