第二篇：移动APP开发-首页开发

这一片开始正式的开发啦，我们知道APP需要登陆验证的，但是对于我这个还不太会写页面的人来说，还是先做出页面再考虑数据交互以及数据库操作吧，毕竟手机APP和web还是有很大区别的，例如我现在连这个页面跳转都不太懂。下面开始把。

第一步：创建一个名为LD的移动App项目

然后你就看到这个项目结构：

你的肯定比我的简单，因为刚才我添加模板来着，所以可能多了点。不过没啥事不影响的。

第二步：编写主页

主页我们自己不会写，但是第一篇不是有例子吗，里面有各种组件，我们结合起来就可以啦。顺片看一下里面怎么写的。

这里说一下，最好调出来边写边看试图：就是页面写什么，右边就显示什么

好了。下面去例子里面找到主页需要的元素吧

1.第一篇新建的项目里面因为所有组件都有，我的项目叫First,所以我找到index.html,右边显示相应组件，找到你需要的，然后在index.html中查找组件页面。

我想要的底层Tab路径是examples/tabbar.html

所以找到examples/tabbar.html页面粘贴到我们那个index.html,看看效果（只粘贴body和script）

 

现在底层的Tab有了，修改下标签文字什么的。

下面我要实现首页添加九宫格操作，同样的粘贴九宫格代码到index.html中，说实话我是想通过嵌套html做的，但是我查半天弄不清楚，索性就直接把这个页面代码粘贴进去了，效果看：

原来是每行4个，只需要改一下mui-col-sm-3 为mui-col-sm-4就可以变成三个一行了。

总结：

今天就开发到这里，明天把剩余页面需要的页面都加载进来，我需要查一下怎么嵌套页面，懂得回复告诉我一下，毕竟我在从零探索。