前端页面

lancelot 8600e2f0ce 22 1 day ago
.vscode 4b177dc224 15:42 2 months ago
mock de57d5c072 exam debug 2 months ago
public 220cceaebd logo reutrn 3 weeks ago
src 8600e2f0ce 22 1 day ago
.editorconfig 4b177dc224 15:42 2 months ago
.eslintignore 4b177dc224 15:42 2 months ago
.eslintrc 4b177dc224 15:42 2 months ago
.gitignore daa4d1c31d author page finsh 5 days ago
.webpackrc.js 8cb44b19be 9/17 2 months ago
README.md 4b177dc224 15:42 2 months ago
package-lock.json c7aa5fe59e 21:16 2 months ago
package.json 3b190747a2 agent extraction repair 1 month ago

README.md

ICE

赋能企业中后台建设

简介

基于海量高质量可复用区块,通过 GUI 工具快速搭建的一套中后台模板。

ice-design-pro

特性

技术点

  • icedesign
  • react
  • redux
  • redux-thunk
  • react-router-dom v4
  • axios
  • webpack v4
  • mockjs
  • etc...

页面

按照 Dashboard 综合页和 Block 分类进行展示

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

目录结构

ice-design-pro
├── dist        // 打包资源
├── mock        // 模拟数据
├── public      // 静态资源
├── src
│   ├── components   // 公共组件
│   ├── layouts      // 通用布局
│   ├── pages        // 页面
│   ├── index.js     // 应用入口
│   ├── menuConfig   // 导航配置
│   ├── routerConfig // 路由配置
│   └── router.jsx   // 路由配置
├── tests            // 测试
├── .gitignore       // git 忽略目录配置
├── .editorconfig    // 代码风格配置
├── .eslintignore    // eslint 忽略目录配置
├── .eslintrc        // eslint 配置
├── package.json     // package.json
└── README.md        // 项目说明

使用

  1. (推荐) GUI 工具使用: 下载 iceworks

  2. Cli 命令使用:

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

相关文档