thinkjs 创建项目之helloworld

thinkjs 创建项目之helloworld

使用node.js开发应用程序，光有node.js不足以满足业务需求，而且太原始了，需要选择一些优秀的框架加速开发和提高质量。站在巨人肩膀上，尿的更高些。

之前了解express和koa，偶然看到sails.js太厉害了，跟socket.io结合一起，自动创建数据库，网上有个教程一分钟搞定sails.js demo，orm是waterline，几乎搞定各种数据库，而且还能同时配置访问多个不同类型数据库。集成能力太强了。当时thinkjs也看了下，还是1.0阶段，感觉不是成熟，thinkjs发了2.0才真正关注，结合中国国情的很多问题，确定选择thinkjs。比如你想找sails的人解答问题比较困难，thinkjs的qq群回复很快直接和团队沟通。

ThinkJS 是一款使用 ES6/7 特性全新开发的 Node.js MVC 框架，使用 ES7 中async/await，或者 ES6 中的 */yield 特性彻底解决了 Node.js 中异步嵌套的问题。同时吸收了国内外众多框架的设计理念和思想，让开发 Node.js 项目更加简单、高效。

1、安装thinkjs

npm install -g thinkjs@2
//查看版本号
thinkjs -v

环境搭建完了，官方做双周升级，目前最新版本是2.1.7，记得命令行要带上@2；

2、创建helloworld应用程序

我们生成个万能的helloworld，强烈推荐采用es6/7的方式编程。带--es就是生成支持es6/7。

thinkjs new helloworld --es

  create : helloworld
  create : helloworld\package.json
  create : helloworld\.thinkjsrc
  create : helloworld\nginx.conf
  create : helloworld\pm2.json
  create : helloworld\.gitignore
  create : helloworld\README.md
  create : helloworld\www
  create : helloworld\www\development.js
  create : helloworld\www\production.js
  create : helloworld\www\testing.js
  create : helloworld\www\README.md
  create : helloworld\www\static
  create : helloworld\www\static\js
  create : helloworld\www\static\css
  create : helloworld\www\static\img
  create : helloworld\src
  create : helloworld\src\common\bootstrap
  create : helloworld\src\common\bootstrap\middleware.js
  create : helloworld\src\common\bootstrap\global.js
  create : helloworld\src\common\config
  create : helloworld\src\common\config\config.js
  create : helloworld\src\common\config\view.js
  create : helloworld\src\common\config\db.js
  create : helloworld\src\common\config\hook.js
  create : helloworld\src\common\config\session.js
  create : helloworld\src\common\config\error.js
  create : helloworld\src\common\config\env
  create : helloworld\src\common\config\env\development.js
  create : helloworld\src\common\config\env\testing.js
  create : helloworld\src\common\config\env\production.js
  create : helloworld\src\common\config\locale
  create : helloworld\src\common\config\locale\en.js
  create : helloworld\src\common\controller
  create : helloworld\src\common\controller\error.js
  create : helloworld\view\common
  create : helloworld\view\common\error_400.html
  create : helloworld\view\common\error_403.html
  create : helloworld\view\common\error_404.html
  create : helloworld\view\common\error_500.html
  create : helloworld\view\common\error_503.html
  create : helloworld\src\home\config
  create : helloworld\src\home\config\config.js
  create : helloworld\src\home\controller
  create : helloworld\src\home\controller\base.js
  create : helloworld\src\home\controller\watermark.js
  create : helloworld\src\home\logic
  create : helloworld\src\home\logic\watermark.js
  create : helloworld\src\home\model
  create : helloworld\src\home\model\watermark.js
  create : helloworld\view\home
  create : helloworld\view\home\index_index.html

3、安装nodejs依赖包

//进入目录
  $ cd helloworld
//安装依赖
  $ npm install

按照提示先npm install依赖库，运行前就准备完成了。
最后编译并执行应用程序

npm run compile
npm run start
如此项目初始化就完成了，运行结果如图

因thinkjs2.0是用es6/es7编写，需要编译成es5执行，thinkjs会自动完成这一步，用任何开发工具改了文件，即刻编译看到结果。

4、helloworld展示

找到home/controller/index.js下index.js,给title赋值。

'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", "ThinkJS 官网");
    return this.display();
  }
}

我们再看看前端view/home/index_index.html，把controller里assign的title值打印出来。js模板引擎默认是ejs。

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

刷新浏览器就能看到。
如此，最简单的helloworld项目基本就完成了。