分享 React + MySQL 编写的前后端分离的博客系统

› React

This topic created in 2297 days ago, the information mentioned may be changed or developed.

最近疫情比较紧张，在家调休，闲着无聊便写了个前后端分离，服务端渲染的博客系统。支持特性：

文章创建、编辑、发布
文章及页面评论
文章搜索及搜索记录管理
页面动态创建
文件上传（上传到阿里云 OSS ）
邮件通知
动态系统设置（系统标题、Logo、favicon、页脚及 SEO 配置等）
系统访问统计（ ip + user-agent ）

使用技术：react.js typescript nextjs nestjs mysql。 GitHub 地址： https://github.com/zhxuc/wipi （欢迎 star ）。

线上预览

前台页面

地址： https://custw.qifengle1412.cn/

后台页面

更多页面及特性可以本地启动使用。

地址： https://custw.qifengle1412.cn/admin/login

账户：wipi，密码：wipi123456。

Supplement 1 · Apr 13, 2020

## 更新

lerna 分包完成。

### 前台页面

地址： https://blog.wipi.tech/

### 后台页面

地址： https://admin.blog.wipi.tech/ （支持访客注册，也可使用账户：`wipi` `wipi123456`）。

## 本地启动

- 安装依赖

首先安装 `MySQL`，推荐使用 docker 进行安装。

```bash
docker run -d --restart=always --name wipi-mysql -p 3306:3306 -e MYSQL_ROOT_PASSWORD=root mysql
```

- clone 本项目。

```bash
git clone --depth=1 https://github.com/zhxuc/wipi.git your-project-name
```

然后安装项目 node 依赖。

```bash
lerna bootstrap
```

- 启动项目

```bash
lerna run dev
```

前台页面地址：`http://localhost:3000`。
后台管理地址：`http://localhost:3001`。
服务接口地址：`http://localhost:4000`。

首次启动，默认创建管理员用户：admin，密码：admin （可在 `server/src/config` 文件中进行修改）。
[PS] 如服务端配置启动失败，请先确认 MySQL 的配置是否正确，配置文件在 `server/src/config`。

Supplement 2 · Dec 1, 2020

最新地址： https://github.com/fantasticit/wipi

页面

React

MySQL

地址

12 replies • 2020-12-01 13:48:04 +08:00