hbuilder 读取MySQL_HBuilder mui登录和访问控制教程--转载

HBuilder mui登录和访问控制教程

mui中提供了登录的模板页，但是对于登录后各个页面的访问控制，刷新等并没有官方的推荐方案。我在这里简单说一种初级的解决方案吧，肯定有不足指出，欢迎批评指正。

第一节中创建移动APP项目的时候选择的是"mui项目"，只引入了默认的js和css等文件，没有登录模板。要使用默认登录模板，可以创建的时候选择"mui登录模板"。现在创建一个名为muiLogin的"mui登录模板"项目：

可以看到这次多了不少东西。通过manifest.json可以发现，入口文件时login.html，我们就从login.html开始。

从plusReady函数开始看起。

先通过.preload预加载了main.html(就是mui，这是个闭包函数，mui作为参数$传进来的，详情百度JavaScript 闭包)。

toMain跳转主页面更新用户信息

然后是一个跳转到主页面的toMain函数，可以看到这里监听了main页面的loaded事件，当main加载完毕后，这里就将标志向量main_loaded_flag置为true，toMain中循环判断这个变量，当这里为true时，触发main的show事件，然后在main中，show事件的响应函数从app.getState()中读取用户名，显示在界面。这就完成