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