Giter VIP home page Giter VIP logo

ant-back's Introduction

ant-back

react MIT antd

网站后台项目,实现了多角色登录、权限管理、用户管理、菜单管理、文章管理、富文本、图片上传等常用功能。你可以在本项目基础上定制自己的后台系统。

🚀 查看效果点这里

💎 后端项目地址点这里

说明

项目跑起来后首页有使用说明,里面有接口文档,还有添加页面、添加接口的教程。

数据库文件在后端项目中。

如果对您对此项目有兴趣,可以点 "Star" 支持一下 谢谢!:stuck_out_tongue_closed_eyes:

技术栈

前端:react + ant-design-pro

后端:node.js + koa + sequelize + mysql

部分截图

首页:

页面图片-首页

角色管理:

页面图片-角色管理

用户管理:

页面图片-用户管理

菜单管理:

页面图片-菜单管理

写文章:

页面图片-写文章

安装和运行

请确保已安装node

git clone https://github.com/sunft1996/ant-back.git
cd ant-back
npm install 
# 安装依赖后项目运行
npm start 

如果npm install或者时间太长,配置npm registry到国内镜像

npm config set registry https://registry.npm.taobao.org/
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
# 重新install
npm install 

实在不行你就用yarn下载

npm install -g yarn
yarn install
# 运行项目
yarn start

项目跑起来后你可以用以下两个账号登录:

管理员 账号:root ,密码:123456

游客 账号:user, 密码:123456

项目部署

修改路径

// src/global.js

// 修改为你的后端项目运行地址
export const imgUrl = 'http://back.1cloud.xyz';

执行命令

# 执行构建命令,生成的dist文件夹放在服务器下即可访问
npm run build

功能

  • 登录/注销
  • 修改密码
  • 新增用户
  • 用户管理
  • 角色管理
  • 按钮级权限
  • 菜单管理
  • 文章管理
  • 成功页/失败页
  • 403页/404页/500页
  • 富文本编辑器
  • 图片上传
  • 图表

关于权限

项目实现了多角色登录,你可以用root账号给角色分配权限。你可以给一个页面添加新增、删除、修改等功能添加子权限,具体看项目首页的使用说明。

如何添加页面

后台项目通常是列表和对应的增删改查,我写了一个示例列表页提供参考,你可以直接复制它来添加页面。 跟着项目首页的教程走一遍即可。

License

MIT

ant-back's People

Contributors

sunft1996 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  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

ant-back's Issues

账户管理

同一个账号,竟然可以多地同时登录。

文章列表权限

文章列表展示,只列出当前用户的文章,结果页会更加清晰些。
所以在创建文章的时候,需要获取当前用户的id,展示的时候根据id过滤。

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.