Coder Social home page Coder Social logo

naihe138 / naice-blog-admin Goto Github PK

View Code? Open in Web Editor NEW
40.0 1.0 13.0 9.46 MB

👏👏👏博客后台管理系统(react-hooks+typeScript)

JavaScript 0.63% HTML 1.80% TypeScript 75.50% SCSS 22.07%
react typescript react-router-v5 redux webpack4 react-hook naice-blog

naice-blog-admin's Introduction

简述

这是博客内容管理系统,利用react + typescript + react-router + hooks + ant design编写而成。具体模块有

  1. 登录、退出
  2. 文章管理
    • 文章修改,删除
    • 添加文章
    • 草稿箱
  3. 标签管理
    • 新增、修改、删除标签
  4. 留言墙管理
    • 新增、修改、删除留言
  5. 文章评论管理
    • 新增、修改、删除留言
  6. 项目管理
    • 新增、修改、删除留言
  7. 音乐管理
    • 新增、修改、删除音乐
    • 上传音乐文件、海报到七牛云

相关链接

博客地址:naice-blog

博客管理:naice-blog-admin

博客后台:node-koa

后台相关截图:

登录

文章列表

添加文章

编辑文章

文章草稿

标签列表

评论管理

留言管理

项目管理

编辑项目

音乐列表

编辑音乐

相关技术栈:

  • react + redux + react-router + ant design
  • token控制

server

  • node + koa + mongoose
  • 鉴别参数是否正确
  • 登录权限jwt
  • 百度sro推送,邮件通知
  • pm2自动化部署
  • nginx + ssl + http2
  • 缓存
  • ....

未来可能加入

  • 网易云音乐
  • 移动适配
  • 页面数据可视化统计
  • react-native
  • ....

Clone

git clone [email protected]:naihe138/naice-blog-admin.git

Install

yarn --ignore-engines

Dev

npm start

Build

npm run build

如在浏览中遇到任何的bug,请留言我,我会第一时间修复,就此先谢谢

naice-blog-admin's People

Contributors

naihe138 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

naice-blog-admin's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.