React + Ant Design Pro – a simple blog backend management system

preface

Ant Design Pro is a complete set of enterprise-level back-end front-end/Design solutions based on Ant Design and UMI’s packaging

React is a JavaScript library for building user interfaces. The React Hooks + function component is used

The installation

Install dependency package NPM I // run NPM startCopy the code

Open your browser and type http://localhost:8000

Function is introduced

The blog has the basic functions of the blog background, as shown in the figure below

• Loading page

• The login page

  • Administrator account: Buchiyu Password: Buchiyu
  • User account: user Password: buchiyu

  

• Outer frame

  • First, jump to the welcome page, which is currently empty

  

• Article list page

  

  • To view the article

    

  • Quick post editing

    

  • Edit the article, jump to the article details page

  • Click [+ New article] to jump to the article details page

• Article Details page

  • Edit the articles

    

  • Adding new articles

    

• TAB list page

  

  • Quick TAB editing

    

• The next category/site building log list page functions similarly to the TAB list page

• Friends list page

  

• Management page

  

• The API list