mk框架实现的demo网站,技术栈:react, redux, immutable,antd,在线预览:

By | 五月 17, 2019

新版框架已于2018.10.24号正式发布:

官网:https://www.makajs.org

代码: https://github.com/makajs/maka

mk-demo

该demo是使用mk框架创建的一个demo

DEMO在线效果(用户名:13334445556 密码:1):https://ziaochina.github.io/mk-demo/

mk框架介绍网站:https://ziaochina.github.io/mk-docs/

环境准备

  • nodejs最新版
  • npm最新版
  • chrome

start

$ npm install
$ npm start
http://127.0.0.1:8089

可能遇到的问题

  • 如果npm start报错not found module
$ npm cache clean --force
$ rm -rf node_modules
$ rm -rf package-lock.json
$ npm install
  • 2017.9.27 react v16.0.0版本发布
//这之前clone的版本npm update后可能会出现各种问题,请按下面步骤修复

$ git pull //更新最新的demo代码,或者重新clone一份
$ npm i -g mk-tools
$ npm cache clean --force
$ rm -rf node_modules
$ rm -rf package-lock.json
$ npm install
$ npm start


DEMO截图

  • mk框架前端包含内容:

  • 登录:

  • 注册:

  • 忘记密码:

  • 门户:

  • 个人设置:

  • 门户支持多页签风格:

  • 列表:

  • 卡片:

  • 单据:

  • 复杂表格:

  • 可编辑表格:

  • 树表:

  • 图形:

  • 版本轴:

  • 报表:

  • 图片列表:

  • 开发工具,运行态监控网站运行状态:

  • 元数据设计器,使用mk框架ui元数据设计,及时预览:

  • apidoc:

  • action监控:

Github下载地址