03、一步一步学thinkjs之创建一个新页面no hello world
2016-12-28 17:38
411 查看
需学习内容:thinkjs控制器
这步我们学习下如何创建自己的页面,当然只是简单的通过控制器+view进行显示
1、F:\thinkjs\2hwl\src\home\controller\新建一个user.js文件,controller目录是控制器目录。我们新建一个user文件,也就是说表示
2、保存后,这样我们就有了第一个控制器了。我们访问下。(http://127.0.0.1:8360/user/)提示我们错误500,然后看下面提示的内容为
3、发现问题则解决问题:进入F:\thinkjs\2hwl\view\home目录新建一个user_index.html,写入内容:保存,我们再浏览下http://127.0.0.1:8360/user/
OK。我们看到我们定义的title在这个页面显示出来了。至此我们就成功新建了一个简单的controller+view页面
这步我们学习下如何创建自己的页面,当然只是简单的通过控制器+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>
相关文章推荐
- 04、一步一步学thinkjs之动态页面创建
- 创建一个helloworld springmvc的web工程
- 1.3创建一个“HelloWorld"程序
- 使用Node.js创建一个简单的本地页面服务器
- [bigdata-106] spring-cloud-03 创建一个hello服务并把它注册到eurake server双机高可用集群
- Tech : 终于创建了一个EJB HelloWorld
- 08、一步一步学thinkjs之实现提供一个 API 供第三方使用
- [js]一个获取页面ip的正则
- JS代码,将终端用户(Web 页面的查看者)的计算机时间置于一个按钮 Web 服务器控件上
- 一步一步SharePoint 2007之二十三:编写一个最简单的WebPart(1)——创建工程
- 一步一步SharePoint 2007之四十二:实现自定义Workflow(1)——在VS中创建一个Workflow
- [js]一个获取页面ip的正则
- 一步一步SharePoint 2007之三十五:在SharePoint中实现Workflow(1)——创建一个判断列
- 一个js随机颜色脚本(用于标签页面,也可用于任何页面)
- 一个面象对象的"hello world"程序
- 一步一步SharePoint 2007之三十六:在SharePoint中实现Workflow(2)——创建一个Workflow
- 用JS实现一个页面两份样式表
- 用js在页面上放一个flash广告,如何加上连接?
- 向页面动态加载JS文件的的一个小技巧
- 一步一步SharePoint 2007之二十三:编写一个最简单的WebPart(1)——创建工程