# 程序员问答社区及其后台管理系统

**Repository Path**: grx330/coder-station

## Basic Information

- **Project Name**: 程序员问答社区及其后台管理系统
- **Description**: React练手项目，仿照思否社区（SegmentFault）进行开发，包含了用户使用的客户端和配套的后台管理系统。客户端技术栈是 React 18 + Antd 4 + react-router-dom 6 + React-redux + axios；后台使用到了 antd pro 后台集成解决方案，并使用了 Typescript 保证类型安全。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-04-28
- **Last Updated**: 2025-10-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目演示

React练手项目，仿照[思否社区（SegmentFault） ](https://segmentfault.com/)进行开发，包含了用户使用的客户端和配套的后台管理系统

### 客户端

<table>
    <tr>
        <td><img src="./READMEimg/3.jpg"/></td>
        <td><img src="./READMEimg/4.jpg"/></td>
    </tr>
     <tr>
        <td><img src="./READMEimg/5.jpg"/></td>
        <td><img src="./READMEimg/6.jpg"/></td>
    </tr>
     <tr>
        <td><img src="./READMEimg/7.jpg"/></td>
        <td><img src="./READMEimg/8.jpg"/></td>
    </tr>
     <tr>
        <td><img src="./READMEimg/9.jpg"/></td>
        <td><img src="./READMEimg/10.jpg"/></td>
    </tr>
    <tr>
        <td><img src="./READMEimg/11.jpg"/></td>
        <td><img src="./READMEimg/12.jpg"/></td>
    </tr>
</table>

### 后台管理系统

<table>
    <tr>
        <td><img src="./READMEimg/13.jpg"/></td>
        <td><img src="./READMEimg/14.jpg"/></td>
    </tr>
    <tr>
        <td><img src="./READMEimg/15.jpg"/></td>
        <td><img src="./READMEimg/16.jpg"/></td>
    </tr>
</table>

其余用户、书籍等页面基本相似，不再过多演示，在问答栏可对前台发起的问答进行审核后展示

## 数据库恢复

需要使用到一个可执行命令：mongorestore，在mongoDB的bin目录下能看到（我这里是C:\Program Files\MongoDB\Server\6.0\bin），如果没有，需要自行去mongoDB官网下载

![](./READMEimg/1.jpg)

``` bash
# 在bin目录下打开终端执行下面的命令
mongorestore -h dbhost -d dbname --dir dbdirectory
# 我这里的命令是：
mongorestore -h localhost:27017 -d coderstation --dir D:\Duyi-study\coder-station\coderstationData
```

如果在恢复数据时，数据库名字取了别的名字，在服务器的.env文件需要改成对应的名字：

![](./READMEimg/2.jpg)

## 服务器

技术栈是 express + mongoDB

```bash	
cd ./coderstation-server(express+mongo)
# 依赖安装
npm i
# 项目启动
npm start
```

## 客户端-client

技术栈是 React 18 + Antd 4 + react-router-dom 6 + React-redux + axios

```bash
cd ./client
# 依赖安装，因为里面有的包是依赖React17，所以要加--froce，不然会安装失败
npm i --force
# 项目启动
npm start
```

## 后台管理系统-admin

整体框架是 umijs 搭建，使用到了 antd pro 后台集成解决方案。前端路由使用到了 react-router，数据流方案采用的是基于 redux 和 redux-saga 的 dva，使用了 Typescript 保证类型安全。

```bash
cd ./admin
# 依赖安装，因为里面有的包是依赖React17，所以要加--froce，不然会安装失败
npm i --force
# 项目启动
npm run dev
```