Thinkjs3新手入門(mén)之添加一個(gè)新的頁(yè)面

更新時(shí)間：2017年12月06日 09:37:08 作者：RDDcoding

Thinkjs 是一個(gè)快速、簡(jiǎn)單的基于MVC和面向?qū)ο蟮妮p量級(jí)Node.js開(kāi)發(fā)框架，下面這篇文章主要給大家介紹了關(guān)于Thinkjs3新手入門(mén)之添加一個(gè)新的頁(yè)面的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下。

前言

ThinkJS 是一款擁抱未來(lái)的 Node.js Web 框架，致力于集成項(xiàng)目最佳實(shí)踐，規(guī)范項(xiàng)目讓企業(yè)級(jí)團(tuán)隊(duì)開(kāi)發(fā)變得更加簡(jiǎn)單，更加高效。

目前該版本已經(jīng)在線上多個(gè)項(xiàng)目中使用，簡(jiǎn)單一個(gè)命令就可以讓你下載使用它：

npm install -g think-cli

本文將幫助大家往Thinkjs3中添加一個(gè)新的頁(yè)面，沒(méi)有原理描述，只提供給入門(mén)者一個(gè)感性認(rèn)識(shí)。

0x0 首先需要一個(gè)Thinkjs3項(xiàng)目

我們創(chuàng)建一個(gè)叫做1uck的項(xiàng)目

$ thinkjs new 1uck
$ cd ./1uck
$ npm install
$ npm start

0x1 在該目錄下通過(guò)命令向項(xiàng)目添加模塊

通過(guò)thinkjs命令行工具，添加模塊1hit的model（模型）文件和 controller（控制器）文件。

這些命令將會(huì)往項(xiàng)目的src/controller和src/model中添加1hit模塊所需要的文件。

$ thinkjs model 1hit
$ thinkjs controller 1hit

此時(shí)訪問(wèn)http://127.0.0.1:8360/1hit將會(huì)有如下錯(cuò)誤提示。

她說(shuō)沒(méi)有找到對(duì)應(yīng)的View(視圖)文件。

0x2 那么我們乖乖地去添加就好了

$ cd view
$ touch 1hit_index.html
$ echo 'fuck' > 1hit_index.html

解釋：

cd進(jìn)入了項(xiàng)目的view（視圖）目錄。
touch新建了1hit_index.html文件。
echo配合>完成了往1hit_index.html中寫(xiě)入字符。

此時(shí)訪問(wèn)http://127.0.0.1:8360/1hit，就可以看到她在罵人了。

0xSegmentFuck 感性認(rèn)識(shí)

thinkjs命令行工具很強(qiáng)大。
thinkjs項(xiàng)目的URL結(jié)構(gòu)似乎像是項(xiàng)目域名/模塊名
thinkjs項(xiàng)目中的模塊的默認(rèn)(index)視圖，以模塊名_index.html放在view文件夾中。

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章:

相關(guān)文章

詳解Node使用Puppeteer完成一次復(fù)雜的爬蟲(chóng)
這篇文章主要介紹了詳解Node使用Puppeteer完成一次復(fù)雜的爬蟲(chóng),小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-04-04
Nodejs中解決cluster模塊的多進(jìn)程如何共享數(shù)據(jù)問(wèn)題
本篇文章主要介紹了Nodejs中解決cluster模塊的多進(jìn)程如何共享數(shù)據(jù)問(wèn)題，有需要的可以了解一下。
2016-11-11
基于node下的http小爬蟲(chóng)的示例代碼
本篇文章主要介紹了基于node下的http小爬蟲(chóng)的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01
node.js 基于 STMP 協(xié)議和 EWS 協(xié)議發(fā)送郵件
這篇文章主要介紹了node.js 基于 STMP 協(xié)議和 EWS 協(xié)議發(fā)送郵件的示例，幫助大家更好的理解和使用node.js，感興趣的朋友可以了解下
2021-02-02
利用nginx + node在阿里云部署https的步驟詳解
這篇文章主要給大家介紹了關(guān)于利用nginx + node在阿里云部署https的步驟，文中通過(guò)圖文及示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2017-12-12
nodejs下打包模塊archiver詳解
這篇文章主要介紹了nodejs下打包模塊archiver的使用方法，非常簡(jiǎn)單實(shí)用，這里推薦給有需要的小伙伴。
2014-12-12
Node.js中常用設(shè)計(jì)模式的使用方法總結(jié)
設(shè)計(jì)模式是由經(jīng)驗(yàn)豐富的程序員在日積月累中抽象出的用以解決通用問(wèn)題的可復(fù)用解決方案,它提供了標(biāo)準(zhǔn)化的代碼設(shè)計(jì)方案提升開(kāi)發(fā)體驗(yàn),本文主要來(lái)和大家討論一下Node.js中設(shè)計(jì)模式的重要性并提供一些代碼示例,感興趣的可以了解下
2023-10-10
Node在Controller層進(jìn)行數(shù)據(jù)校驗(yàn)的過(guò)程詳解
這篇文章主要給大家介紹了關(guān)于Node在Controller層進(jìn)行數(shù)據(jù)校驗(yàn)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
pnpm實(shí)現(xiàn)依賴包共享和依賴包項(xiàng)目隔離的方法詳解
pnpm是Node.js的包管理器,它是 npm 的直接替代品,相對(duì)于npm和yarn它的優(yōu)點(diǎn)就在于速度快和高效節(jié)省磁盤(pán)空間,本文主要講解pnpm相比于npm/yarn如何利用軟硬鏈接來(lái)節(jié)省磁盤(pán)空間,以及如何實(shí)現(xiàn)依賴包共享和依賴包項(xiàng)目隔離的,需要的朋友可以參考下
2024-05-05
nodejs中各種加密算法的實(shí)現(xiàn)詳解
這篇文章主要給大家介紹了關(guān)于nodejs中各種加密算法的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用nodejs具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07