美文网首页前端共享Web前端之路让前端飞
使用moy快速开发后台管理系统(一)

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

作者: 古朋 | 来源:发表于2017-03-07 15:40 被阅读111次

    moy是什么?

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

    整体介绍

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

    最终演示:

    defaultdefault

    环境准备和说明

    • 安装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_inituba_init

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

    请期待下一篇。

    (完)

    相关文章

      网友评论

        本文标题:使用moy快速开发后台管理系统(一)

        本文链接:https://www.haomeiwen.com/subject/vpvmgttx.html