疫情防控,码耕不停,来写一个全栈应用

2020-02-15

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

  • 文章创建、编辑、发布
  • 文章及页面评论
  • 文章搜索及搜索记录管理
  • 页面动态创建
  • 文件上传(上传到 阿里云 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...

账户:wipi,密码:wipi123456。(请不要随便删数据哦)

本地启动

clone 本项目。

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

安装依赖

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

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

然后安装项目 node 依赖。

cd client && yarn
cd server && yarn

启动项目

分别启动前台页面和服务端。

cd client && yarn dev
cd server && yarn start:dev

打开浏览器,访问 http://localhost:3000即可访问前台页面,http://localhost:3000/admin为后台管理页面。

服务端接口运行在 http://localhost:4000

首次启动,默认创建用户:wipi,密码:wipi(可在 server/src/config文件中进行修改)。

[PS] 如服务端配置启动失败,请先确认 MySQL 的配置是否正确,配置文件在 server/src/config

项目部署

在服务器使用 pm2 进行部署即可,可以查看deploy.sh文件。

搜索服务

该项目使用了 MySQL 模糊查询提供搜索接口。如果服务器配置较高,或想体验更强大的搜索服务(elasticsearch),可以参考 elasticsearch文件下 deploy.sh文件。

最后说一句:

原文链接:segmentfault.com

上一篇:基于React、Redux、Webpack 和 React-Router的项目模板。
下一篇:antd 表单组件设计与实现---P1
相关教程
关注微信

扫码加入 JavaScript 社区

相关文章

首次访问,需要验证
微信扫码,关注即可
(仅需验证一次)

欢迎加入 JavaScript 社区

号内回复关键字:

回到顶部