溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Remix后臺開發(fā)之remix-antd-admin配置的方法是什么

發(fā)布時(shí)間:2023-04-18 16:47:15 來源:億速云 閱讀:110 作者:iii 欄目:開發(fā)技術(shù)

本篇內(nèi)容介紹了“Remix后臺開發(fā)之remix-antd-admin配置的方法是什么”的有關(guān)知識,在實(shí)際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!

Remix Antd Admin

Remix后臺開發(fā)之remix-antd-admin配置的方法是什么

Remix后臺開發(fā)之remix-antd-admin配置的方法是什么

Remix后臺開發(fā)之remix-antd-admin配置的方法是什么

一款基于 Remix / Antd / Echarts / Styled-components 的管理系統(tǒng),可快速進(jìn)行項(xiàng)目初始化。(本項(xiàng)目偏前端)

Project experience URL

訪問地址(注意部署在 vercel):remix-antd-admin.vercel.app/

Current Remix Version

1.51.0

設(shè)計(jì)動(dòng)機(jī)

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)。

核心包

說明
remix1.51.0(核心包)
antd5.3.1(核心 UI 包)
styled-componentscss-in-js 解決方案(核心 css 解決方案)
remix-utilsRemix 的 常用工具,例如:僅僅在服務(wù)端然組件 <ClientOnly> 組件(核心工具)

國際化

國際化包說明
remix-i18next很容的方式翻譯你的 remix 應(yīng)用
i18next-
react-i18next-
i18next-browser-languagedetector-

圖表庫

選圖表注意支持 ssr

圖表庫說明
echarts5.3.9 主要圖表(考慮 Remix 需要服務(wù)端渲染等問題)
echarts-for-react基于 React 封裝 echarts 組件
react-mindReact 腦圖
react-mindmapReact 腦圖
react-wordcloudReact 云詞圖 支持 ssr
reactflow流程圖
echarts-liquidfill-ssr水滴圖

裁剪工具

react-advanced-cropper

pnpm install react-advanced-cropper

Remix 優(yōu)點(diǎn)

簡單明了的路由書寫范式,簡單的數(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í)用文章!

向AI問一下細(xì)節(jié)

免責(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)容。

AI