51dev.com IT技术开发者社区

51dev.com 技术开发者社区

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

代码星球阅读(30)2020-08-01 收藏0次评论

moy是什么?

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

 

整体介绍

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

 

环境准备和说明

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

 

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

请期待下一篇。

ps:该文章的github地址:https://github.com/iuap-design/blog/issues/170

(完)

以上就是使用moy快速开发后台管理系统(一)的全部内容。