使用moy快速开发后台管理系统(一)

moy是什么?

moy 是基于模型框架 keroUI 框架 neoui 实现的应用框架,是前端集成解决方案,为企业级应用开发而生。
github地址:https://github.com/iuap-design/tinper-moy

整体介绍

本文会一步步引导大家使用moy如何快速创建一个后台管理系统,该教程基于uba,包含查询、编辑、删除、创建,以及分页处理,数据 mock,自动处理 loading 状态等.

最终演示:

使用moy快速开发后台管理系统(一)_第1张图片
default

环境准备和说明

  • 安装node.js开发环境,确保 node 版本是 4.x +
  • 用 cnpm能节约你安装依赖的时间

Step 1. 使用uba初始化项目工程

  1. 先安装uba,并确保版本是2.0.4或以上(mac环境需加上sudo)

    $ sudo npm install uba -g 
    $ uba -v
    Version : 2.0.4
    
  2. 然后创建应用,uba详细使用文档:

    $ uba init
    
  3. 根据上下键移动选择uba-boilerplate-manage-init - 后台管理系统的示例工程(初始化) ,并且输入自己的项目名称比如:manage-demo
    ps:uba-boilerplate-manage - 后台管理系统的示例工程 是上面工程根据此文档完工后的示例工程,可以直接使用

  4. 进入应用,启动项目

    $ cd manage-demo
    $ npm run start
    
  5. 访问项目首页,http://localhost:8080/

    uba初始化演示:

    使用moy快速开发后台管理系统(一)_第2张图片
    uba_init

到这里,我们已经完成了前面的准备工作,后面我会开始写如何去添加路由去渲染页面

请期待下一篇。

(完)

你可能感兴趣的:(使用moy快速开发后台管理系统(一))