首頁 > web前端 > js教程 > 詳細解讀Thinkjs3的簡單使用

詳細解讀Thinkjs3的簡單使用

亚连
發布: 2018-06-22 15:34:53
原創
4244 人瀏覽過

Thinkjs 是一個快速、簡單的基於MVC和物件導向的輕量級Node.js開發框架,以下這篇文章主要給大家介紹了關於Thinkjs3新手入門之添加一個新的頁面的相關資料,文中通過範例程式碼介紹的非常詳細,需要的朋友可以參考下。

前言

ThinkJS 是一款擁抱未來的Node.js Web 框架,致力於整合專案最佳實踐,規範專案讓企業級團隊開發變得更簡單,更有效率。

目前該版本已經在線上多個專案中使用,簡單一個指令就可以讓你下載使用它:

npm install -g think-cli
登入後複製

本文將幫助大家在Thinkjs3中新增一個新的頁面,沒有原理描述,只提供給入門者一個感性認識。

0x0 首先需要一個Thinkjs3專案

#我們建立一個叫做1uck的專案

$ thinkjs new 1uck
$ cd ./1uck
$ npm install
$ npm start
登入後複製

# 0x1 在該目錄下透過指令為專案新增模組

透過thinkjs命令列工具,加入模組1hit的model(模型)檔案和controller(控制器)檔案。

這些指令將會在專案的src/controller和src/model中加入1hit模組所需的檔案。

$ thinkjs model 1hit
$ thinkjs controller 1hit
登入後複製

此時造訪http://127.0.0.1:8360/1hit將會有下列錯誤提示。

她說沒有找到對應的View(視圖)檔。

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

$ cd view
$ touch 1hit_index.html
$ echo 'fuck' > 1hit_index.html
登入後複製

解釋:

  • cd進入了專案的view(視圖)目錄。

  • touch新建了1hit_index.html檔。

  • echo配合>完成了在1hit_index.html中寫入字元。

此時造訪http://127.0.0.1:8360/1hit,就可以看到她在罵人了。

0xSegmentFuck 感性認識

  • #thinkjs命令列工具很強大。

  • thinkjs專案的URL結構似乎像是專案網域/模組名稱

  • #thinkjs專案中的模組的預設(index)視圖,以模組名稱_index.html放在view資料夾中。

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

在JS中如何實作指定位置插入內容

在JavaScript中有關於多執行緒運行程式庫(詳細教程)

在js中如何實作行動端觸控輪播

#

以上是詳細解讀Thinkjs3的簡單使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板