GithubHelp home page GithubHelp logo

ziaochina / mk-demo Goto Github PK

View Code? Open in Web Editor NEW
218.0 21.0 70.0 44.33 MB

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

Home Page: https://ziaochina.github.io/mk-demo/

License: MIT License

JavaScript 91.99% CSS 7.95% HTML 0.06%

mk-demo's Introduction

新版框架已于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监控:

mk-demo's People

Contributors

ziaochina avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

mk-demo's Issues

mk compile website 之后执行 npm start发生的问题

按照这个步骤执行:
https://ziaochina.github.io/mk-docs/#/mk-app-portal/markdown?id=3
在npm start这一步执行后,报错如下:
default

ERROR in ./node_modules/css-loader!./node_modules/less-loader/dist/cjs.js!./assets/styles/index.less
Module build failed:

@import "~antd/lib/style/color/colors";
^
Can't resolve 'antd/lib/style/color/colors' in '/Users/dujinyuan/IdeaProjects/mall-metadata-mk/mall-metadata-pro/node_modules/mk-component/dist/assets/theme'
in /Users/dujinyuan/IdeaProjects/mall-metadata-mk/mall-metadata-pro/node_modules/mk-component/dist/assets/theme/index.less (line 1, column 0)
@ ./assets/styles/index.less 4:14-121
@ multi (webpack)-dev-server/client?http://0.0.0.0:8089 ./index.js ./assets/styles/index.less

mk-demo本地npm启动不了

qq 20180607090257

按照启动项目文档中的README.md的start中的步骤,在npm start之后,项目感觉并未启动,只显示webpack compiled successfully,结果如上图。请问如何启动解决该问题,谢谢啦!

运行起来样式有问题

1.多页签显示风格这些标签看不到
2.快捷功能列表挤成一堆
3.收起菜单iocn图标也没了

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.