Code Monkey home page Code Monkey logo

admin-antd-react's Introduction

admin-antd-react-vite

此分支是 Vite + React 18 + Ant Design + Recoil 版本 , Webpack UmiJS 版本请查看 v1.0-umijs (分支)(githubgitee

Demo

注意:Demo 用的是在线mock服务,不稳定,若在线登录不了pull到本地可直接运行查看demo

http://vite-demo.admin-antd-react.liqingsong.cc
Home

使用文档

后台前端解决方案列表

前台前端SSR解决方案列表

功能

- 登录 / 注销 / 注册

- 权限验证
  - 页面权限
  - 按钮操作
  - 权限配置

- 全局功能
  - 国际化多语言
  - 动态侧边栏(支持多级路由嵌套)
  - 动态面包屑(支持自定义配置)
  - Svg Sprite 图标
  - Mock 数据

- 综合实例
  - 引导页
  - 组件示例
    - 编辑器
      - CKEditor
      - tui-editor
    - 图标
      - IconSvg
  - 页面示例
    - 列表页面
      - 标准列表
      - 表格列表
      - 高度自适应表格
      - 搜索列表
    - 表单页面
      - 基础表单
      - 高级表单      
    - 详情页面
      - 基础详情
      - 模块详情
      - 表格详情
  - 权限验证

自定义配置

(建议) 本地或开发模式下,不要直接修改 '.env.development'

复制 '.env.development' 重命名为 '.env.development.local' , 启用修改对应的参数.

(建议) 生产模式下,不要直接修改 '.env.production'

复制 '.env.production' 重命名为 ' .env.production.local' , 修改对应的参数.

项目设置

一、Install dependencies,

$ pnpm install

推荐使用 pnpm , pnpm的安装与使用

二、Start the dev server,

$ pnpm run dev

三、Compiles and minifies for production

$ pnpm run build

四、精简 svg icon

$ pnpm run svgo

捐赠

如果你觉得这个项目帮助到了你,请帮助点击 Star,你也可以请作者喝咖啡表示鼓励.

ALIPAY WECHAT
Alipay Wechat

admin-antd-react's People

Contributors

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

admin-antd-react's Issues

不支持动态路由

RightTabNav 不识别动态路由。
比如我添加一个路由 /users/show/:id ,然后进入到页面 /users/show/1 ,RightTabNav 没有识别出来,不会显示新的 Tab。

登录后权限身份返回菜单列表不匹配

用户是admin身份

这里读取routes权限返回还是user身份的list数据,只有刷新网页才会返回admin身份的list数据
/src/layouts/IndexLayout/index.tsx

  useEffect(() => {
    console.log(userRoles); // 'admin'
    setMenuData(getPermissionMenuData(roles, IndexLayoutRoutes))
  }, [userRoles])

roles: ['admin'] 第三级权限的不会返回出来
/src/layouts/IndexLayout/routes.ts

const IndexLayoutRoutes: RoutesDataItem[] = [
  {
    title: 'index-layout.menu.home',
    path: '/home',
    redirect: '/home/test',
    roles: ['admin', 'user'],
    routes: [
      {
        icon: 'test',
        title: 'index-layout.menu.home.title',
        path: 'test',
        redirect: '/home/test/index',
        roles: ['admin', 'user'],
        routes: [
          {
            title: 'index-layout.menu.home.index',
            path: 'index',
            component: '@/pages/index',
            roles: ['admin', 'user'],
          },
          {
            title: 'index-layout.menu.home.third',
            path: 'third',
            component: '@/pages/third',
            roles: ['admin'],
          }
        ]
      }
    ]
  }
]

有升级到antd5打算吗

我改了一下,直接升级到antd5.6编译tree控件过不去
框架我改成tab形式,希望作者升级到antd5

重新回来标签页后的页面上的数据不见了

您好,当打开多个标签页后,在其中一个标签页随便输入一些数据,然后打开其他标签页,然后再回来第1个标签页,之前输入的数据不见了。要如何解决这个问题呢?谢谢。

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.