当前位置: 首页 > Web前端 > HTML5

FlyingIce-ICEDesignPro使用指南

时间:2023-04-06 00:10:24 HTML5

写在前面:目前在FlyingIce中,我们提供了21套模板(未来会不断增加),您可以在里面根据自己的需要选择合适的模板Iceworks的模板接口初始化项目,然后基于块快速构建页面进行二次开发,减少各种环境配置和UI编写的时间,从而提高开发效率。但是,这些模板或多或少都有自己的模板特性。基于不同的行业领域,它们的模板风格和排版方式也有所不同,但都以UI为主。在模板的设计上,我们尽量保持模板的轻量化,因为业务的定制化太强,难以覆盖特定的场景。但在实际应用中,我们收到了很多用户的反馈,UI只是开发的一小步。目前,Iceworks可以有效减少环境配置和UI编写的时间,但如何基于模板和业务进行二次开发,如数据方案、mock方案、权限方案等一系列问题才是真正的关键问题。为此,我们推出《Ice Design Pro 使用指南》,基于UI模板,提供CRUD实例、注册登录、数据方案、Mock实践、权限管理、如何部署等解决方案,提高模板的实用性和完善性。快速了解一套基于海量优质可复用块通过GUI工具快速构建的中后台模板专业设计支持:ICEDesign成熟的基础组件:ICEComponent丰富的业务块:ICEBlock完善的开发工具:Iceworks功能注册登录权限管理登录授权菜单授权路由授权Redux集成Mock解决方案CRUD实例代码拆分国际化技术要点ice-designreactredux-thunkreact-router-domv4axiosbizchartswebpackv4mock.jsetc...页面按照Dashboard综合页面和Block分类-登录/注册-仪表盘-图表页-图表列表-表单页-基础表单-展示表单-表单列表-列表页-文章列表-卡片列表-图表列表-内容页-基本详情页-条款和协议页-进度展示页-结果页面-成功-失败-异常-403无权限-404未找到-500服务器错误-内容为空目录结构ice-design-pro├──build//包资源├──mock//模拟数据├──public//静态资源├──src│├──api//接口定义│├──components//公共组件│├──layouts//总体布局│├──pages//pages│├──store//globalstore│├──utils//效用函数│├──configureStore.js//redux入口配置│├──reducers.js//reducers入口配置│├──index.js//应用入口│├──menuConfig//导航配置│├──routerconfig//路由配置│└──router.jsx//路由配置├──tests//测试├──.gitignore//git忽略目录配置├──.editorconfig//代码风格配置├──.eslintignore//eslint忽略目录配置├──.eslintrc//eslint配置├──package.json//package.json└──README.md//项目描述使用(推荐)GUI工具使用:下载iceworks一键初始化CLIcommandUse:$npmstart//启动预览服务器$npmrunbuild//构建文档开始使用布局菜单设计路由设计添加新页面Mockscheme数据方案权限管理构建发布相关信息官网:飞冰-制作前端开发简单友好下载Iceworks:https://alibaba.github.io/ice...Github:http://github.com/alibaba/ice联系我们ice-admin[at]alibaba-inc.com二维码: