#健康快乐工作#每一天都是新的一天

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
如此项目初始化就完成了,运行结果如图

112

因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项目基本就完成了。


感谢你的阅读,本文由 sau交流学习社区 版权所有。
如若转载,请注明出处:sau交流学习社区-power by saucxs(程新松)(/page/206.html)
交流咨询
    官方QQ群
    群号663940201,欢迎加入!
    sau交流学习社区交流群

图文推荐

saucxs聊天机器人
saucxs
hi ,欢迎来到sau交流学习社区,欢迎与我聊天,问我问题哦!