入手thinkjs，學習筆記

shuibo 發布于2019-08-20 15:44 / 477人閱讀

摘要：最近剛剛學習了一個的開發框架，最重要的是可以用開發傳送門以下是學習過程中的筆記上面時全局安裝完成后用檢查是否成功創建了一個名為的項目，然后進入目錄，安裝依賴，啟動項目，瀏覽器打開就可以看到頁面了。

最近剛剛學習了thinkjs--一個node的MVC開發框架，最重要的是可以用es6/es7開發【傳送門】

以下是學習過程中的筆記：

npm install thinkjs@2 -g --verbose

上面時全局安裝 thinkjs 完成后用 thinkjs -v 檢查是否成功

thinkjs new think

創建了一個名為think的項目，然后cd think 進入think目錄， npm install 安裝依賴， npm start啟動項目，瀏覽器打開127.0.0.1:8360就可以看到頁面了。

路由訪問規則
thinkjs 的路由訪問規則和 thinkphp 的差不多

域名/模塊名/控制器名 /action名
test.com/admin/index/index

模塊
在thinkjs中是用模塊來分拆項目的，當然官網說也可以用別的方式

thinkjs module admin

創建一個名為admin的模塊，模塊下有四個文件夾：

config---配置信息，如數據庫等等
controller --- 控制器目錄，控制器用于獲取post與get數據和處理邏輯
logic --- 據說這是thinkjs最有特色的一點，和controller一一對應用于驗證controller數據合法性與處理數據，在controller之前調用
model --- 用于操作數據庫，返回數據

視圖
thinkjs把所有的視圖文件放在了根目錄下的view文件夾，命名規則模塊名/控制器_action名有點怪是吧，沒問題可以改【傳送門】

靜態文件
thinkjs把所有的靜態文件放在www/static

簡單例子
接下來我們來實現一個模擬登錄操作：
首先按照我們步驟創建一個項目，接著安裝依賴，然后別急著啟動，先創建模塊，thinkjs module useracount，然后創建控制器 thinkjs controller signin,關于thinkjs命令【傳送門】，最后啟動項目 npm start,用你喜歡的編輯器打開項目。
打開src/useracount/controller/signin.js,在indexAction后面加入

 indexAction(){
    //auto render template file index_index.html
    return this.display();
  }
 signinAction() {
    let name = this.post("name");
    let pw = this.post("pw");
    let data = this.model("singin").signIn(name, pw);//跟model下的對應

    this.success(data);//返回數據
  }

打開src/useracount/model創建signin.js，寫入

"use strict";

export default class extends think.model.base {
  signIn(name, pw) {
    return {isSuccess:(name=="admin"&&pw=="123")};
  }
}

也可以用thinkjs model signin 創建model

打開view/useracount創建signin_index.html,寫入

瀏覽器打開http://127.0.0.1:8360/useracount/signin/index就可以看到登錄界面了（雖然很丑，湊合用吧）向輸入框輸入提交，打開控制臺就可以看見了數據了。到此就走通了一個簡單的流程了。

PS：個人覺等thinkjs還是挺不錯的目錄結構比較清晰，分的比較細，便于管理，配置靈活，喜歡的同學可以研究哦，我還是初學者寫的不好的請指出

GPU云服務器云服務器深度學習入手學習深度學習怎么入手如何入手深度學習深度學習從哪里入手

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/82458.html

Thinkjs3入門筆記一：添加一個新的頁面

摘要：本文幫助你往中添加一個新的頁面，沒有原理描述，只提供一個感性認識。首先需要一個項目我們創建一個叫做的項目所有選項一路確認即可在該目錄下通過命令向項目添加模塊通過命令行工具，添加模塊的控制器文件。感性認識命令行工具可以用來做很多事情。本文幫助你往Thinkjs3中添加一個新的頁面，沒有原理描述，只提供一個感性認識。首先需要一個Thinkjs3項目我們創建一個叫做fuck的項目 $ ...

oujie 2019-08-02 15:59 評論0 收藏0
Thinkjs3入門筆記一：添加一個新的頁面

摘要：本文幫助你往中添加一個新的頁面，沒有原理描述，只提供一個感性認識。首先需要一個項目我們創建一個叫做的項目所有選項一路確認即可在該目錄下通過命令向項目添加模塊通過命令行工具，添加模塊的控制器文件。感性認識命令行工具可以用來做很多事情。本文幫助你往Thinkjs3中添加一個新的頁面，沒有原理描述，只提供一個感性認識。首先需要一個Thinkjs3項目我們創建一個叫做fuck的項目 $ ...

or0fun 2019-08-21 17:53 評論0 收藏0
ThinkJS 作者李成銀：擇善而從之，篤行致遠

摘要：非常有幸邀請到李成銀老師，進行一期圖靈專訪。具體工作中，技術能力可能只占了，軟素質方面的能力卻高達。大數據處理隨著大數據處理越來越熱門，很多項目都要在前端進行大數據處理和展現。提案可以大大提升在大數據處理方面的性能。非商業轉載請注明作譯者、出處，并保留本文的原始鏈接：http://www.ituring.com.cn/article/260246 李成銀，奇虎360前端技術專家，Th...

alin 2019-08-19 18:47 評論0 收藏0
Vue+thinkJs博客網站（一）之vue多頁面應用的webpack3配置

摘要：首先看下的代碼編譯前刪除之前編譯生成的靜態資源首先需要改的是入口文件，因為是多頁面應用，需要多個入口文件來保證打包成不同的。一.項目簡介 ? ? 本項目使用vue作為前端框架，thinkJs作為后端框架，構建個人博客網站，頁面分為博客展示和后臺管理，主要目的是學習使用thinkJs。現在只完成了主要的博客增刪改功能，發現webpack的配置遇到了一些坑，這里先記錄下。項目目錄結構如下...

NickZhou 2019-08-23 15:28 評論0 收藏0