autojs用MCV框架实现界面切换

"ui";
require("./controller").init();

let LoginPage = (
  <vertical padding="30">
    <horizontal>
      <text text="username" textSize="30sp" />
      <input id="username" w="*" />
    </horizontal>
    <horizontal>
      <text text="password" textSize="30sp" />
      <input id="password" type="password" w="*" />
    </horizontal>
    <button id="login">login</button>;
  </vertical>
);
let HomePage = (
  <vertical padding="30">
    <text text="homepage" w="*" gravity="center" textStyle="bold" textSize="40sp" />
    <horizontal>
      <text text="username: " textSize="30sp" />
      <text id="username" textSize="30sp" />
      <linear id="vipComponentParent"></linear>
    </horizontal>
    <button id="logout">logout</button>;
  </vertical>
);
let VipComponent = (
  <vertical>
    <text text=" vip" textColor="#ff5722" w="*" textStyle="bold" textSize="30sp" />
  </vertical>
);
module.exports = {
  LoginPage: LoginPage,
  HomePage: HomePage,
  VipComponent: VipComponent,
};

let view = require("./view");
let model = require("./model");
module.exports = {
  init,
};
function init() {
  loadLoginPage();
}
function loadLoginPage() {
  ui.layout(view.LoginPage);
  loginPageAction();
}
function loadHomePage(user) {
  ui.layout(view.HomePage);
  user.vip && ui.vipComponentParent.addView(ui.inflate(view.VipComponent));
  homePageAction(user);
}
function loginPageAction() {
  ui.login.click(function () {
    let username = ui.username.text();
    let password = ui.password.text();
    if (!username) {
      toastLog("username is empty");
      ui.username.setError("username is empty");
      return;
    }
    if (!password) {
      toastLog("password is empty");
      ui.password.setError("password is empty");
      return;
    }
    let user = new model.UserModel(username, password);
    let loginResult = user.login();
    if (loginResult) {
      loadHomePage(user);
    } else {
      toastLog("login failed");
    }
  });
}
function homePageAction(user) {
  ui.username.text(user.username);
  ui.logout.click(function () {
    loadLoginPage();
  });
}

let UserModel = function (username, password) {
  this.username = username;
  this.password = password;
  this.vip = false;
  this.login = function () {
    if (this.username === "admin" && this.password === "123") {
      this.vip = true;
      return true;
    } else if (this.username === "user" && this.password === "123") {
      this.vip = false;
      return true;
    } else {
      return false;
    }
  };
};
module.exports = {
  UserModel: UserModel,
};