Летающий лед — Руководство пользователя ICE Design Pro

внешний интерфейс GitHub Алибаба React.js

Пишите впереди:

В настоящее время в Flying Ice мы предоставляем21 шаблон(в будущем он будет увеличиваться), вы можете выбрать подходящий шаблон для инициализации проекта в соответствии с потребностями в интерфейсе шаблона Iceworks, а затем быстро построить страницу на основе блока для вторичной разработки, сократив время на различная конфигурация среды и написание пользовательского интерфейса, тем самым повышая эффективность разработки.

Тем не менее, эти шаблоны более или менее имеют свои собственные характеристики шаблонов, основанные на различных областях промышленности, их стили и макеты шаблонов также различаются, но в основном они основаны на пользовательском интерфейсе. При разработке шаблонов мы стараемся, чтобы шаблоны были как можно более легкими, потому что настройка бизнеса слишком сильна, и трудно охватить конкретные сценарии. Однако в практических приложениях мы получили отзывы от многих пользователей о том, что пользовательский интерфейс — это лишь небольшой шаг в разработке.В настоящее время Iceworks может эффективно сократить время на настройку среды и написание пользовательского интерфейса, но как проводить вторичную разработку на основе шаблонов в сочетании с бизнес, такие как схема данных, фиктивная схема, схема разрешений и ряд проблем, являются реальными ключевыми проблемами. С этой целью мы ввелиРуководство пользователя Ice Design Pro, На основе шаблона пользовательского интерфейса он предоставляет такие решения, как примеры CRUD, регистрация и вход в систему, схема данных, фиктивная практика, управление разрешениями и способы развертывания для повышения практичности и совершенства шаблона.

Быстрое понимание

На основе большого количества высококачественных повторно используемых блоков, быстро с помощью инструментов графического интерфейса.строитьнабор шаблонов среднего бэк-офиса.

  • Профессиональная поддержка дизайна:ICE Design
  • Зрелые основные компоненты:ICE Component
  • Богатые бизнес-блоки:ICE Block
  • Полные инструменты разработки:Iceworks

Функция

  • Регистрация Войти
  • управление полномочиями
    • Авторизация входа
    • авторизация меню
    • Авторизация маршрутизации
  • Интеграция с Redux
  • Макет решения
  • CRUD-пример
  • Code Splitting
  • глобализация

технический пункт

  • ice-design
  • react
  • redux
  • redux-thunk
  • react-router-dom v4
  • axios
  • bizcharts
  • webpack v4
  • mock.js
  • etc...

страница

Отображение в соответствии со всеобъемлющей страницей панели инструментов и категорией блоков

- 登录/注册
- Dashboard
- 图表页
  - 图表列表
- 表格页
  - 基础表格
  - 展示型表格
  - 表格列表
- 列表页
  - 文章列表
  - 卡片列表
  - 图文列表
- 内容页
  - 基础详情页
  - 条款协议页
  - 进度展示页
- 结果页
  - 成功
  - 失败
- 异常
  - 403 无权限
  - 404 找不到
  - 500 服务器出错
  - 内容为空

Структура каталогов

ice-design-pro
├── build       // 打包资源
├── mock        // 模拟数据
├── public      // 静态资源
├── src
│   ├── api                 // 接口定义
│   ├── components          // 公共组件
│   ├── layouts             // 通用布局
│   ├── pages               // 页面
│   ├── store               // 全局 store
│   ├── 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               // 项目说明

использовать

  1. (Рекомендуется) Использование инструмента с графическим интерфейсом: загрузите инициализацию Iceworks одним щелчком мыши.

  2. Команды CLI используют:

$ npm start      // 启动预览服务器
$ npm run build  // 构建

Документация

Связанная информация

Категории