# 哒咔学习

**Repository Path**: kas233/clock-in-learning

## Basic Information

- **Project Name**: 哒咔学习
- **Description**: WebAPI+uni-app的小项目，用于监督自己学习小软件。
- **Primary Language**: 其他
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-10-09
- **Last Updated**: 2022-06-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: WebApi, dotNetCore, EFCore, Vue, uni-app

## README

# 哒咔学习(clock-in-learning)

## 开坑说明

基于这个项目简单学习总结下WebApi与uni-app的搭建。

## 背景

制作这样一个小程序的初衷是：『量化学习的时间；提高学习的兴趣（有目的性）；在面对学习、游戏的平衡时，有标准来辅助控制。』当然如果这个小程序也只是辅助的功能，真正的使用效果肯定会因人而异。

我自己是个比较贪玩的人，但是有时也会有学习的冲动，两者都无法权衡的时候我就会被这种矛盾陷入深深的痛苦中，为了解决这个问题于是有了它。

## 不同客户端示例

**微信 | app | H5**

<div style="width:100%;display:inline-block">
    <img style="width:32%;float:left;" src="https://gitee.com/kas233/drawing-bed/raw/master/img/%E7%A4%BA%E4%BE%8B1.png" />
    <img style="width:32%;float:left;" src="https://gitee.com/kas233/drawing-bed/raw/master/img/%E7%A4%BA%E4%BE%8B2.png" /> 
    <img style="width:32%;float:left;" src="https://gitee.com/kas233/drawing-bed/raw/master/img/%E7%A4%BA%E4%BE%8B3.png" />
</div>

## 业务逻辑简述

> 不是很复杂的项目，业务逻辑比较简单，也不是很重要，所以简单的写。

用户可自己学习赚取积分（记录学习时间，3分钟等于1积分），也可以其他用户监督（两种积分不公用）。<br/>用户在娱乐时，扣除积分（记录娱乐时间，1分钟花费1积分）。

## 技术栈

**后端：**<img src="https://img.shields.io/badge/.NetCore-3.1-brightgreen"> <img src="https://img.shields.io/badge/WebApi-x-blue" /> <img src="https://img.shields.io/badge/EFCore-x-ff69b4"><br/>**前端：**<img src="https://img.shields.io/badge/Vue-2.x-brightgreen"> <img src="https://img.shields.io/badge/uni_app-2.x-blue" /> <img src="https://img.shields.io/badge/echarts-8.x-ff69b4" />

> - 后端选择了自己比较熟悉的.Net平台，同时采用了.NetCore（已经逐渐抛弃.NetFramework），也是希望能在搭建这个项目中学习。在此基础之上，选用了WebApi框架，典型的RESTful框架，方便、快捷、成熟，依赖注入很好体现。数据操作部分（ORM）则选用了EFCore，毕竟是小项目，开发的快捷、方便是最需要考虑的，性能方面暂时没有太大的需求，后续如果有学习需要可能再看看SqlSugar、Dapper 之类。
>
> - 前端也是选择了相对比较熟悉并且很喜欢的Vue框架，没啥别的就是好用。uni-app则是根据项目定位，适用于一套代码，实现多平台（iOS、Android、Web、以及各种小程序）发布的需要，而做的一次学习。

## 代码结构简述

### 前端

### 后端

## 部署指南

此处的部署指部署到生产环境，可是视为一个空服务器，且以WindowsServer为例。此外，至少要了解Nginx、MySQL，因为它们属于生产环境的基础，分别用于提供前端服务及方向代理后端接口、数据服务。

### MySQL服务安装部署

> 由于后端所使用的程序集对应mysql8，所以请使用mysql8。

安装部署完了你的数据库之后，创建数据库，并在[脚本目录](https://gitee.com/kas233/clock-in-learning/tree/master/sql)中找到数据结构脚本，直接刷入即可。

### 后端部署

> 唯一需要注意的就是相关运行环境，目前后端基于.NET Core 3.1，在服务器上下载安装对应的环境。

**下载页面：**[.Net Core 3.1环境下载](https://dotnet.microsoft.com/download/dotnet/3.1)

**示意图：**![image-20211011162513779](https://gitee.com/kas233/drawing-bed/raw/master/img/image-20211011162513779.png)

环境搭建好之后，打包自己的后端程序，在服务器上运行即可，注意相关数据库的配置可能需要修改。

### 前端部署与Nginx配置

#### H5部署

#### APK打包