apicloud-with-react

项目介绍

用React来开发Apicloud相比较之前的方式来说,更便捷以及更方便维护
另外引入了TypeScript,在代码提示和团队协作开发方面十分酸爽
UI使用的目前国际上较流行的Material-UI
该项目目前已经使用在本人最近的APP项目中,

测试地址(安卓版)

目录介绍

• 根目录/
  • config
    • config.js UMI配置文件
    • plugins.js umi-plugin-dva配置文件
    • webpack.js webpack配置文件
  • dev
    • index.html (开发模式,跳转umi调试页面的入口文件)
  • dist (umi编译生成的项目文件)
  • mock mockjs配置目录
  • res (apicloud目录)
  • script (node额外脚本目录)
    • sprite.js 雪碧图脚本
  • src 项目源码
    • apicloud apicloud常用方法封装
    • components 组件目录
    • documents umi页面document模版
    • functions 自定义函数目录
    • interfaces 接口类型ts目录
    • layouts 默认layouts
    • model db模块模型配置
    • pages 项目页面目录
      • document.ejs 默认document模版
    • service ajax接口目录
    • statics 素材目录
      • _icons 图标目录,用来生成雪碧图,只支持png格式
      • css 项目样式文件
      • fonts 字体图标
      • img 图片素材
    • app.ts 运行时配置文件
    • global.ts 初始化文件
    • global.less 全局less样式
  • .env UMI环境变量

开发相关

• 使用VS Code编辑器
• 插件 自定义同步调试

适配

• 安卓7.0以上(RAM<4G的设备会出现卡顿)
• IOS 8以上(iPhone6以下的设备会出现卡顿)
• 卡顿的情况视项目大小以及动效复杂度