您好,登錄后才能下訂單哦!
本篇內(nèi)容介紹了“Remix后臺開發(fā)之remix-antd-admin配置的方法是什么”的有關(guān)知識,在實(shí)際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
一款基于 Remix
/ Antd
/ Echarts
/ Styled-components
的管理系統(tǒng),可快速進(jìn)行項(xiàng)目初始化。(本項(xiàng)目偏前端)
訪問地址(注意部署在 vercel):remix-antd-admin.vercel.app/
1.51.0
Remix 的設(shè)計(jì)范式簡單方便,整個(gè)應(yīng)用就是一個(gè)路由器,并且是前后端打通的路由器。表單設(shè)計(jì)使得 Remix 的表單能力更加簡單方便。在后臺管理系統(tǒng)中,數(shù)據(jù)展示與數(shù)據(jù)錄入,以及頁面切換占據(jù)重要位置,Remix 設(shè)計(jì)似乎特貼的簡單貼切。集成 Antd UI 項(xiàng)目能力,能快速實(shí)現(xiàn)具有漂亮 UI 簡單的后臺管理系統(tǒng)。
包 | 說明 |
---|---|
remix | 1.51.0(核心包) |
antd | 5.3.1(核心 UI 包) |
styled-components | css-in-js 解決方案(核心 css 解決方案) |
remix-utils | Remix 的 常用工具,例如:僅僅在服務(wù)端然組件 <ClientOnly> 組件(核心工具) |
國際化包 | 說明 |
---|---|
remix-i18next | 很容的方式翻譯你的 remix 應(yīng)用 |
i18next | - |
react-i18next | - |
i18next-browser-languagedetector | - |
選圖表注意支持 ssr
圖表庫 | 說明 |
---|---|
echarts | 5.3.9 主要圖表(考慮 Remix 需要服務(wù)端渲染等問題) |
echarts-for-react | 基于 React 封裝 echarts 組件 |
react-mind | React 腦圖 |
react-mindmap | React 腦圖 |
react-wordcloud | React 云詞圖 支持 ssr |
reactflow | 流程圖 |
echarts-liquidfill-ssr | 水滴圖 |
react-advanced-cropper
pnpm install react-advanced-cropper
簡單明了的路由書寫范式,簡單的數(shù)據(jù)獲取和表單能力
強(qiáng)大的文件路由范式
loader 獲取數(shù)據(jù)
action 處理表單數(shù)據(jù)
使用 pnpm
# 服務(wù)器 pnpm run dev # pnpm dev # 構(gòu)建 pnpm run build # pnpm build # 開發(fā)環(huán)境服務(wù)器 pnpm run start # pnpm start
"scripts": { "prettier": "prettier --write app/ public/locales" },
“Remix后臺開發(fā)之remix-antd-admin配置的方法是什么”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。