V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
custw
V2EX  ›  React

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

  •  1
     
  •   custw ·
    fantasticit · 2020-03-16 23:38:59 +08:00 · 3402 次点击
    这是一个创建于 1712 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    • 文章创建、编辑、发布
    • 文章及页面评论
    • 文章搜索及搜索记录管理
    • 页面动态创建
    • 文件上传(上传到 阿里云 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`。
    第 2 条附言  ·  2020-12-01 13:48:22 +08:00
    12 条回复    2020-12-01 13:48:04 +08:00
    ericgui
        1
    ericgui  
       2020-03-17 04:50:07 +08:00
    牛逼
    custw
        2
    custw  
    OP
       2020-03-17 13:11:48 +08:00
    @ericgui 哈哈,可以 star 下
    ljpCN
        3
    ljpCN  
       2020-03-17 16:38:43 +08:00
    star 了,一直想找个前后端分离的博客系统。如果有个 RESTful API 的博客系统就更好了,可以自己写前端,搭建自己喜爱的口味。
    ivank
        4
    ivank  
       2020-03-17 17:52:58 +08:00
    优秀
    custw
        5
    custw  
    OP
       2020-03-17 17:54:57 +08:00
    @ljpCN 文档还在补充中,另外一个分支将模块重分了,提供 server (接口服务)、admin (后台管理)、client (前台页面) 3 个包,如果需要自定义,理论上重写 client 就可以了。[最近工作毕竟忙,预计 4 月初可以重写完并整理出文档]
    ljpCN
        6
    ljpCN  
       2020-03-17 22:40:28 +08:00
    @custw 可以可以,期待一波
    custw
        7
    custw  
    OP
       2020-03-18 16:26:00 +08:00
    1
    custw
        8
    custw  
    OP
       2020-03-23 19:08:15 +08:00
    1
    yazoox
        9
    yazoox  
       2020-05-05 08:36:53 +08:00 via Android
    这个可以有,厉害啊!
    学习一下!
    custw
        10
    custw  
    OP
       2020-05-27 13:21:42 +08:00
    @yazoox 哈哈
    Reol
        11
    Reol  
       2020-11-19 15:58:31 +08:00
    项目没有了?
    custw
        12
    custw  
    OP
       2020-12-01 13:48:04 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   934 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 21:12 · PVG 05:12 · LAX 13:12 · JFK 16:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.