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

@HuYuee 2017-03-05 04:55:51发表于 iuap-design/blog documentation

moy是什么?

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

整体介绍

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

最终演示:

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初始化演示:

    uba_init


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

请期待下一篇。

(完)