分享 React + MySQL 编写的前后端分离的博客系统
custw · fantasticit · 2020-03-16 23:38:59 +08:00 · 3437 次点击这是一个创建于 1747 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近疫情比较紧张，在家调休，闲着无聊便写了个前后端分离，服务端渲染的博客系统。支持特性：
- 文章创建、编辑、发布
- 文章及页面评论
- 文章搜索及搜索记录管理
- 页面动态创建
- 文件上传（上传到 阿里云 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。
第 1 条附言 · 2020-04-13 13:22:54 +08:00
## 更新
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`。
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`。
第 2 条附言 · 2020-12-01 13:48:22 +08:00
 |
1
ericgui 2020-03-17 04:50:07 +08:00
牛逼
|
 |
3
ljpCN 2020-03-17 16:38:43 +08:00
star 了，一直想找个前后端分离的博客系统。如果有个 RESTful API 的博客系统就更好了，可以自己写前端，搭建自己喜爱的口味。
|
 |
4
ivank 2020-03-17 17:52:58 +08:00
优秀
|
 |
5
custw OP @ljpCN 文档还在补充中，另外一个分支将模块重分了，提供 server （接口服务）、admin （后台管理）、client （前台页面） 3 个包，如果需要自定义，理论上重写 client 就可以了。[最近工作毕竟忙，预计 4 月初可以重写完并整理出文档]
|
|
7
custw OP 1
|
|
8
custw OP 1
|
 |
9
yazoox 2020-05-05 08:36:53 +08:00 via Android
这个可以有，厉害啊！
学习一下！ |
 |
11
Reol 2020-11-19 15:58:31 +08:00
项目没有了？
|
|
12
custw OP |
Select Language