react-admin项目结构 整个项目采用vite4构建,使用react18 function编码方式开发。 react-vite-admin 支持暗黑/亮色主题模式、i18n国际化配置、动态路由权限鉴定、3种布局模板、tab路由标签栏等功能。 main.jsx入口配置 /** * 入口配置文件 * @author Hs */ import ReactDOM from 'react-dom/client' import App fr...
AdminJS 与react-admin 非常类似,也是一款主要提供前端 React 模板,同时提供轻后端接口的框架。但它开始得比较晚,目前在 GitHub 上有 4800 个星。 AdminJS 的主要优点有 支持部分常见组件,比如表格、文本输入框、下拉菜单 文档较全面,整个文档由 JSDoc 写成,非常详细 项目较新,维护比较勤 代码同时支持 TypeScirpt...
import CryptoJS from 'crypto-js'; 创建一个函数来执行解密操作: function decryptData(encryptedData) { const secretKey = 'your-secret-key'; // 必须与加密时使用的密钥相同 const bytes = CryptoJS.AES.decrypt(encryptedData, secretKey); const decryptedDataString = bytes.toString(CryptoJS.enc.Utf8)...
直接将react-react-app生成的配置复制出来进行修改,都在react-scripts文件夹下,当前配置了antd按需引入,分chunk打包以及使用了AutoDllPlugin。可以按照自己的需要进行修改。 打包模式的配置需修改buils.js与start.js文件中的process.env.REACT_APP_LAYOUT_MODE 使用教程 后面会出详细使用教程以及前后端分离的后台管理系统前...
{PostEdit} /> </Admin> ); export default App; // in src/posts.js import React from 'react'; import { Create, Edit, SimpleForm, DisabledInput, TextInput, DateInput, LongTextInput, ReferenceManyField, Datagrid, TextField, DateField, EditButton } from 'react-admin'; import RichTextInput ...
JSTS import { Admin } from 'react-admin'; import { dataProvider } from './dataProvider'; const App = () => ( <Admin dataProvider={dataProvider} darkTheme={null} > ... </Admin> ); If the theme prop is provided and the darkTheme prop is not, the dark theme is disabled....
一款基于React开发的清新脱俗后台管理框架 目前暂未完成,一些核心功能扔在开发中 前言: 总觉得市面上的后台管理框架,权限控制用起来不太灵活; 通常都是配置权限按钮,这样就仅仅局限于按钮的权限控制了; 我引入了一个权限项的概念,前端和后端可以进行封装,然后可以在项目中随处进行判断使用,而不仅仅局限于按钮; 这样...
react-admin一款基于reactjs后台解决方案 使用ES6,React和MaterialDesign在REST/GraphQLAPI之上构建在浏览器中运行的管理应用程序的一款前端框架。Githubstar8.7K+,MIT协议。由marmelab开源和维护。marmelab还有一款非常热门的angularjs后台解决方案ng-admin基于angularjs感兴趣的同学可以去了解下。react-admin官网示例截图如...
仓库地址https://gitee.com/jikey/react-admin-cn技术栈为:Dumi, Next:满足SEO前提下动态页面实现 仓库地址https://gitee.com/jikey/react-admin-cn技术栈为:Next, Antd, Ahooks, Bytemd, Tailwindcss Vue3: 后台管理 仓库地址https://gitee.com/jsfront/vue3-tiger-admin技术栈为:Vue3, Arce, VueUse, Un...
路由管理:react-router-dom^6.16.0 状态管理:zustand^4.4.1 模拟数据:mockjs^1.1.0 模拟请求:axios^1.5.1 图表库:bizcharts^4.1.22 编辑器组件:@wangeditor/editor-for-react^1.0.6 markdown编辑器:@uiw/react-md-editor^3.23.6 请求进度插件:nprogress^0.2.0 ...