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初始化项目

  • moy是什么?

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

    step 2. 实现路由切换页面展示

    1. 注册路由:在router/router.js文件中替换为如下代码:

      define(function() {
          return [{
              name: "/mainPage/main"
          }, {
              name: "/cardtable/cardtable"
          }]
      });

  • moy是什么?

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

    step 3. 实现grid表格数据展示和分页

    1. 添加grid表格ui:进入pages/cardtable/cardtable.html中加入grid表格相关代码到相应位置:

      <div class="list-panel" id="manager">
          <h2>系统管理</h2>
        	
         <!-- gr

  • moy是什么?

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

    step 4. 实现grid数据新增

    1. 添加新增按钮ui部分:进入pages/cardtable/cardtable.html中,加入新增按钮部分的代码到相应位置,并且在data-bind属性中绑定点击事件addClick方法:

      <div class="list-panel" id="manager">
          <h2>系统管理&l

  • moy是什么?

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

    step 5. 实现grid数据编辑和删除

    1. 因为在上面已经在html中加入了field为operate的列加入到了表格中了,见step 3。所以我们现在针对该属性定义的rederType属性中的值optFun,在pages/cardtable/cardtable.js中的viewModel对象中加入对应的方法,就可以显示出修改和删除图标了:

      var vi