您的位置:首页 > Web前端 > JavaScript

03、一步一步学thinkjs之创建一个新页面no hello world

2016-12-28 17:38 411 查看
需学习内容:thinkjs控制器  

这步我们学习下如何创建自己的页面,当然只是简单的通过控制器+view进行显示

1、F:\thinkjs\2hwl\src\home\controller\新建一个user.js文件,controller目录是控制器目录。我们新建一个user文件,也就是说表示 
home
 模块下有名为user控制器,写入内容如下:

'use strict';

import Base from './base.js';

export default class extends Base {
/**
* index action
* @return {Promise} []
*/
indexAction(){
//auto render template file index_index.html
this.assign('title',"这是新建的一个controller!");
return this.display();
}
}



2、保存后,这样我们就有了第一个控制器了。我们访问下。(http://127.0.0.1:8360/user/)提示我们错误500,然后看下面提示的内容为

can't find template file `F:\thinkjs\2hwl\view\home\user_index.html`不能发现模板文件user_index.html




3、发现问题则解决问题:进入F:\thinkjs\2hwl\view\home目录新建一个user_index.html,写入内容:保存,我们再浏览下http://127.0.0.1:8360/user/    

OK。我们看到我们定义的title在这个页面显示出来了。至此我们就成功新建了一个简单的controller+view页面

<header>
<div class="wrap">
<h1>A New App Created By ThinkJS  <%= title%>  </h1>
</div>
</header>

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: