資訊專欄INFORMATION COLUMN
摘要：為此，我們推出了使用指南，在模板的基礎(chǔ)上，提供了示例注冊登錄數(shù)據(jù)方案實(shí)踐權(quán)限管理到如何部署等等解決方案，提高模板的實(shí)用性和完善性。
寫在前面：
目前在飛冰中，我們提供了 21 套模板(后續(xù)會(huì)持續(xù)的增加)，可以在 Iceworks 的模板界面根據(jù)需求選擇合適的模板進(jìn)行初始化項(xiàng)目，然后基于區(qū)塊快速搭建頁面進(jìn)行二次開發(fā)，減少各種環(huán)境配置和 UI 編寫的時(shí)間，從而提高開發(fā)效率。
然而，這些模板或多或少都有各自的模板特征，基于不同的行業(yè)領(lǐng)域，其模板風(fēng)格，布局方式也不盡相同，但主要都是 UI 為主。在模板中設(shè)計(jì)中，我們盡量保持模板的輕量，因?yàn)闃I(yè)務(wù)的定制性太強(qiáng)，很難覆蓋到具體的場景。但在實(shí)際應(yīng)用中，我們收到很多用戶的反饋，UI 僅是開發(fā)中的一小步，目前 Iceworks 能有效的減少環(huán)境配置和 UI 編寫的時(shí)間，但是接下來如何基于模板結(jié)合業(yè)務(wù)進(jìn)行二次開發(fā)，比如數(shù)據(jù)方案，Mock 方案，權(quán)限方案等等一系列問題才是真正的關(guān)鍵問題所在。為此，我們推出了《Ice Design Pro 使用指南》，在 UI 模板的基礎(chǔ)上，提供了 CRUD 示例、注冊登錄、 數(shù)據(jù)方案、Mock 實(shí)踐、權(quán)限管理、到如何部署等等解決方案，提高模板的實(shí)用性和完善性。
快速了解基于海量高質(zhì)量可復(fù)用區(qū)塊，通過 GUI 工具快速 搭建 的一套中后臺(tái)模板
專業(yè)的設(shè)計(jì)支持: ICE Design
成熟的基礎(chǔ)組件: ICE Component
豐富的業(yè)務(wù)區(qū)塊: ICE Block
完善的開發(fā)工具: Iceworks
功能注冊登錄
權(quán)限管理
登錄授權(quán)
菜單授權(quán)
路由授權(quán)
Redux 集成
Mock 方案
CRUD 示例
Code Splitting
國際化
技術(shù)點(diǎn)ice-design
react
redux
redux-thunk
react-router-dom v4
axios
bizcharts
webpack v4
mock.js
etc...
頁面按照 Dashboard 綜合頁和 Block 分類進(jìn)行展示
- 登錄/注冊 - Dashboard - 圖表頁 - 圖表列表 - 表格頁 - 基礎(chǔ)表格 - 展示型表格 - 表格列表 - 列表頁 - 文章列表 - 卡片列表 - 圖文列表 - 內(nèi)容頁 - 基礎(chǔ)詳情頁 - 條款協(xié)議頁 - 進(jìn)度展示頁 - 結(jié)果頁 - 成功 - 失敗 - 異常 - 403 無權(quán)限 - 404 找不到 - 500 服務(wù)器出錯(cuò) - 內(nèi)容為空目錄結(jié)構(gòu)
ice-design-pro ├── build // 打包資源 ├── mock // 模擬數(shù)據(jù) ├── public // 靜態(tài)資源 ├── src │ ├── api // 接口定義 │ ├── components // 公共組件 │ ├── layouts // 通用布局 │ ├── pages // 頁面 │ ├── store // 全局 store │ ├── utils // 工具函數(shù) │ ├── configureStore.js // redux 入口配置 │ ├── reducers.js // reducers 入口配置 │ ├── index.js // 應(yīng)用入口 │ ├── menuConfig // 導(dǎo)航配置 │ ├── routerConfig // 路由配置 │ └── router.jsx // 路由配置 ├── tests // 測試 ├── .gitignore // git 忽略目錄配置 ├── .editorconfig // 代碼風(fēng)格配置 ├── .eslintignore // eslint 忽略目錄配置 ├── .eslintrc // eslint 配置 ├── package.json // package.json └── README.md // 項(xiàng)目說明使用
(推薦) GUI 工具使用: 下載 iceworks 一鍵初始化
CLI 命令使用:
$ npm start // 啟動(dòng)預(yù)覽服務(wù)器 $ npm run build // 構(gòu)建文檔
開始使用
布局
菜單設(shè)計(jì)
路由設(shè)計(jì)
新增頁面
Mock方案
數(shù)據(jù)方案
權(quán)限管理
構(gòu)建發(fā)布
相關(guān)信息官方網(wǎng)站：飛冰-讓前端開發(fā)簡單而友好
下載 Iceworks：https://alibaba.github.io/ice...
Github：http://github.com/alibaba/ice
聯(lián)系我們 ice-admin[at]alibaba-inc.com
飛冰群二維碼：
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/96554.html
摘要：距離正式版發(fā)布又過了兩個(gè)月，飛冰迎來了大版本的更新。飛冰是什么詳細(xì)的飛冰背景和介紹等，請參照正式版發(fā)布的介紹，這里不再贅述。飛冰帶來了什么支持項(xiàng)目開發(fā)千呼萬喚始出來。其次，已經(jīng)進(jìn)行全面升級(jí)，支持自定義物料源項(xiàng)目識(shí)別等功能和相關(guān)邏輯處理。 距離 1.0 正式版發(fā)布又過了兩個(gè)月，飛冰迎來了 2.0 大版本的更新。 飛冰 2.0 是什么? 詳細(xì)的飛冰背景和介紹等，請參照 1.0 正式版發(fā)布的...
摘要：發(fā)布，海量圖表供你選擇，豐富模板一鍵創(chuàng)建，提供多種垂直領(lǐng)域模板，快速創(chuàng)建項(xiàng)目，支持風(fēng)格切換，滿足個(gè)性化需求輕松操作頁面管理，海量物料自由搭配，頁面組合可視化操作更得心應(yīng)手開發(fā)調(diào)試一體化，集成運(yùn)行環(huán)境零配置運(yùn)行，開箱即用。 Iceworks 2.7.0 發(fā)布，海量圖表供你選擇 Iceworks，豐富模板一鍵創(chuàng)建，提供多種垂直領(lǐng)域模板，快速創(chuàng)建項(xiàng)目，支持風(fēng)格切換，滿足個(gè)性化需求；輕松操作頁...
摘要：發(fā)布，海量圖表供你選擇，豐富模板一鍵創(chuàng)建，提供多種垂直領(lǐng)域模板，快速創(chuàng)建項(xiàng)目，支持風(fēng)格切換，滿足個(gè)性化需求輕松操作頁面管理，海量物料自由搭配，頁面組合可視化操作更得心應(yīng)手開發(fā)調(diào)試一體化，集成運(yùn)行環(huán)境零配置運(yùn)行，開箱即用。 Iceworks 2.7.0 發(fā)布，海量圖表供你選擇 Iceworks，豐富模板一鍵創(chuàng)建，提供多種垂直領(lǐng)域模板，快速創(chuàng)建項(xiàng)目，支持風(fēng)格切換，滿足個(gè)性化需求；輕松操作頁...
閱讀 3735·2021-11-24 09:39
閱讀 1894·2021-11-16 11:45
閱讀 623·2021-11-16 11:45
閱讀 1045·2021-10-11 10:58
閱讀 2489·2021-09-09 11:51
閱讀 1949·2019-08-30 15:54
閱讀 699·2019-08-29 13:13
閱讀 3477·2019-08-26 12:18
