moy是什么？

moy?是基于模型框架?kero?和?UI?框架?neoui?實現的應用框架，是前端集成解決方案，為企業級應用開發而生。
github地址：https://github.com/iuap-design/tinper-moy

step 2. 實現路由切換頁面展示

1. 注冊路由：在router/router.js文件中替換為如下代碼：

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

2. 在左側欄添加入口：在index.html中加入新增應用管理入口代碼：

   <ul class="nav-menu height-full" id="menu"> <!-- 原有代碼請勿拷貝 --> <li class='nav-li'> ... </li> <!-- 新增應用管理入口代碼 begin --> <li class='nav-li'> <!-- a標簽地址要指向到你想去的頁面的路由地址 --> <a href="#cardtable/cardtable"> <i class="uf uf-4square-3"></i> <span class="nav-title">應用管理</span> </a> </li> <!-- 新增應用管理入口代碼 end --> </ul>

3. 在首頁添加入口：在pages/mainPage/main.html中加入新增應用管理代碼：

   <div class="u-row bottom-layout margin-0"><!-- 原有代碼請勿拷貝 --> <div class="u-col-xs-6 u-col-md-3 content"> ... </div> <!--新增應用管理 begin --> <div class="u-col-xs-6 u-col-md-3 content"> <a href="#cardtable/cardtable"> <div class="u-form-group"> <div class="u-col-xs-12 content-svg"> <img src="./static/applimanage.png"> </div> </div> </a> </div> <!--新增應用管理 end --> </div>

這個時候在瀏覽器刷新下頁面，點擊左側欄的應用管理，這個時候地址欄變成了http://localhost:8080/#cardtable/cardtable，頁面一片空白，到這里，這一步已經完成了

---

到這里，我們已經完成了前面的準備工作，后面我會開始寫如何去實現grid表格數據展示和分頁

請期待下一篇。

(完)

轉載于:https://www.cnblogs.com/olddoublemoon/p/6519974.html

總結

以上是生活随笔為你收集整理的使用moy快速开发后台管理系统（二）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。