Original : Push instantané de la page Web Jingxiu.com | Veuillez indiquer la source de la réimpression
Lien :
Cette série de didacticiels est basée sur ThinkJS v2.x version (site officiel) Des exemples sont introduits et le tutoriel se concentre sur les opérations pratiques.
Cet article continue d'expliquer l'utilisation de Controller.
Si vous souhaitez faire quelque chose lorsque l'objet est instancié, la méthode constructeur est le meilleur choix. Le constructeur fourni par ES6 est constructor .
La méthode constructeur est la méthode par défaut de la classe. Cette méthode est automatiquement appelée lorsqu'une instance d'objet est générée via la nouvelle commande. Une classe doit avoir une méthode constructeur Si elle n'est pas explicitement définie, une méthode constructeur vide sera ajoutée par défaut.
Méthodes
ECMAScript 6 Getting Started Auteur : Ruan Yifeng
Le pouvoir de thinkjs est que nous pouvons non seulement suivre les règles export default class déclarent la classe par elles-mêmes et fournissent également une méthode pour créer dynamiquement une classe : think.controller.
Mais la classe créée dynamiquement par thinkjs n'a pas constructor, mais fournit un init comme alternative à la méthode constructeur, qui est utilisée de la même manière que constructor.
Il existe également des exemples d'utilisation de la méthode init dans l'article précédent (Node.js Domestic MVC Framework ThinkJS Development Controller Chapter Base Class and Inheritance Chain Part), regardez à nouveau le code :
// src/home/controller/base.js'use strict';export default class extends think.controller.base {
init(...args) {super.init(...args);// 要求全部 url 必须携带 auth 参数let auth = this.get('auth');if (think.isEmpty(auth)) { return this.error(500, '全部 url 必须携带 auth 参数');}
}}Bien sûr, cela ne veut pas dire que vous ne pouvez pas utiliser la méthode constructor Si vous êtes comme moi et avez l'habitude d'utiliser export default class pour déclarer vous-même des classes, vous. peut toujours utiliser la méthode standard constructor de.
Pour la méthode de création dynamique de classe dans thinkjs, veuillez vous référer à la documentation officielle et ne sera pas répété ici.
thinkjs a implémenté plusieurs méthodes magiques très utiles, ce qui offre une grande commodité pour le développement Manuellement comme ~
// src/home/controller/user.js'use strict';export default class extends think.controller.base {
__before() {console.log('this is __before().');
}
indexAction() {console.log('this is indexAction().');return this.end();
}}// 访问 /home/user/index 的执行结果如下：// this is __before().// this is indexAction(). et __before aient le même objectif. Comme d'habitude, regardez le code : init
// src/home/controller/user.js'use strict';export default class extends think.controller.base {
init(...args) {super.init(...args);console.log('this is init().');
}
__before() {console.log('this is __before().');
}
indexAction() {console.log('this is indexAction().');return this.end();
}}// 访问 /home/user/index 的执行结果如下：// this is init().// this is __before().// this is indexAction().// src/home/controller/base.js'use strict';export default class extends think.controller.base {
init(...args) {super.init(...args);console.log('this is base.init().');
}}// src/home/controller/user.js'use strict';export default class extends think.controller.base {
init(...args) {super.init(...args);console.log('this is user.init().');
}
__before() {console.log('this is user.__before().');
}
indexAction() {console.log('this is user.indexAction().');return this.end();
}}// 访问 /home/user/index 的执行结果如下：// this is base.init().// this is user.init().// this is user.__before().// this is user.indexAction().// src/home/controller/user.js'use strict';export default class extends think.controller.base {
init(...args) {super.init(...args);console.log('this is init().');
}
__before() {console.log('this is __before().');
}
__after() {console.log('this is __after().');
}
indexAction() {console.log('this is indexAction().');return this.end();
}}// 访问 /home/user/index 的执行结果如下：// this is init().// this is __before().// this is indexAction(). Non exécuté. __after
est écrit ci-dessus __after ! Modifier le code : indexAction
// src/home/controller/user.js'use strict';export default class extends think.controller.base {
init(...args) {super.init(...args);console.log('this is init().');
}
__before() {console.log('this is __before().');
}
__after() {console.log('this is __after().');return this.end();
}
indexAction() {console.log('this is indexAction().');
}}// 访问 /home/user/index 的执行结果如下：// this is init().// this is __before().// this is indexAction().// this is __after(). a été déplacé de return this.end() vers indexAction. __after
exécute en interne l'opération this.end()Node.js HTTP Response.end(), indiquant que tout le flux de réponse est terminé, donc si vous souhaitez activer , ce code est-ce qu'il doit être exécuté à l'intérieur de __after. __after
prendra en charge l'opération. init__call
// src/home/controller/user.js'use strict';export default class extends think.controller.base {
init(...args) {super.init(...args);console.log('this is init().');
}
__call() {console.log(this.http.action + 'Action is not exists.');return this.end();
}
indexAction() {console.log('this is indexAction().');return this.end();
}}// 访问 /home/user/test 的执行结果如下：// this is init().// testAction is not exists. pour le traitement. Notre traitement consiste à enregistrer l'erreur et. terminer la sortie de réponse. testAction__callL'exemple de code place
__call
Si vous souhaitez détecter la situation où le contrôleur n'existe pas, vous devez étendre la classe d'erreur du framework, qui sera décrite dans un autre article.Méthode d'appel externe
//实例化 home 模块下 user controllerlet instance = think.controller('user', http, 'home');
// src/home/controller/user.js 增加_getPoints() {
return 8000;}// src/home/controller/index.jslet instance = think.controller('user', this.http, 'home');let points = instance._getPoints();console.log(points); // 打印：8000instance.indexAction(); // 与直接执行 /home/user/index 是一样的效果instance.testAction(); // 报错 [Error] TypeError: instance.testAction is not a functionÀ première vue, cette méthode est très proche du résultat de
(sauf que la méthode magique de ne sera pas déclenchée), alors à quoi sert thinkjs fournissant cette méthode ? Regardons le code : this.redirect
// src/home/controller/util.js'use strict';export default class extends think.controller.base {
calcGPSDistance(lat, lng){// 计算 GPS 两点直线距离return distance;
}
calcBaiduDistance(lat, lng){// 计算 百度大地坐标 两点直线距离return distance;
}
calcSosoDistance(lat, lng){// 计算 Soso坐标 两点直线距离return distance;
}}这是一个助手 Controller，一个“隐身”的 Controller，从 url 是无法直接访问到的，因为它的所有方法名均没有 Action 后缀。
这个场景下，运行时实例化 Controller 并操作其方法的方式就派上用场了。
控制器在实例化时，会将 http 传递进去。该 http 对象是 ThinkJS 对 req 和 res 重新包装的一个对象，而非 Node.js 内置的 http 对象。
Action 里如果想获取该对象，可以通过 this.http 来获取。
thinkjs 官网
thinkjs 框架并没有给我们准备这样一个过渡页面的功能，那么我们可以自己实现一个来练练手，上代码：
// src/common/controller/complete.js'use strict';export default class extends think.controller.base {
/** * 显示中转页面 * * 调用方式： * let complete = think.controller('complete', this.http, 'common'); * return complete.display('应用新增成功！', '/', 5); * * @param msg 提示文字，支持 HTML * @param url 后续自动跳转的目标地址 * @param delay 停留秒数 * @returns {think.Promise} */
display(msg, url='', delay=3) {let tpl = 'common/complete/200';let opt = think.extend({}, {type: 'base', file_depr: '_', content_type: 'text/html'});this.fetch(tpl, {}, opt).then(content => { content = content.replace(/COMPLETE_MESSAGE/g, msg); if (url) {content = content.replace(/TARGET_URL/g, url);content = content.replace(/WAIT_SECONDS/g, delay); }; this.type(opt['content_type']); return this.end(content);}).catch(function(err){ return this.end('');});
}}<!-- view/common/complete_200.html --><!DOCTYPE html><html><head><title>正在跳转 - 荆秀网</title></head><body><p class="header"><p class="wrap"><p class="logo"><a href="/"><img src="/static/img/logo.png" alt="XxuYou" width="60"></a></p><p class="headr"> </p></p></p><p class="wrap"><p style="margin-top:20px;height:100px;background:url(/static/img/200.gif) top center no-repeat;"></p><h1>COMPLETE_MESSAGE</h1><p class="error-msg"><pre class="brush:php;toolbar:false">提示：页面将在 <span id="_count">WAIT_SECONDS</span> 秒后重定向到 <a href="TARGET_URL">TARGET_URL</a>