成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

入手thinkjs，學(xué)習(xí)筆記

shuibo / 484人閱讀

摘要：最近剛剛學(xué)習(xí)了一個(gè)的開(kāi)發(fā)框架，最重要的是可以用開(kāi)發(fā)傳送門(mén)以下是學(xué)習(xí)過(guò)程中的筆記上面時(shí)全局安裝完成后用檢查是否成功創(chuàng)建了一個(gè)名為的項(xiàng)目，然后進(jìn)入目錄，安裝依賴，啟動(dòng)項(xiàng)目，瀏覽器打開(kāi)就可以看到頁(yè)面了。

最近剛剛學(xué)習(xí)了thinkjs--一個(gè)node的MVC開(kāi)發(fā)框架，最重要的是可以用es6/es7開(kāi)發(fā)【傳送門(mén)】

以下是學(xué)習(xí)過(guò)程中的筆記：

npm install thinkjs@2 -g --verbose

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

thinkjs new think

創(chuàng)建了一個(gè)名為think的項(xiàng)目，然后cd think 進(jìn)入think目錄， npm install 安裝依賴， npm start啟動(dòng)項(xiàng)目，瀏覽器打開(kāi)127.0.0.1:8360就可以看到頁(yè)面了。

路由訪問(wèn)規(guī)則
thinkjs 的路由訪問(wèn)規(guī)則和 thinkphp 的差不多

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

模塊
在thinkjs中是用模塊來(lái)分拆項(xiàng)目的，當(dāng)然官網(wǎng)說(shuō)也可以用別的方式

thinkjs module admin

創(chuàng)建一個(gè)名為admin的模塊，模塊下有四個(gè)文件夾：

config---配置信息，如數(shù)據(jù)庫(kù)等等
controller --- 控制器目錄，控制器用于獲取post與get數(shù)據(jù)和處理邏輯
logic --- 據(jù)說(shuō)這是thinkjs最有特色的一點(diǎn)，和controller一一對(duì)應(yīng)用于驗(yàn)證controller數(shù)據(jù)合法性與處理數(shù)據(jù)，在controller之前調(diào)用
model --- 用于操作數(shù)據(jù)庫(kù)，返回?cái)?shù)據(jù)

視圖
thinkjs把所有的視圖文件放在了根目錄下的view文件夾，命名規(guī)則模塊名/控制器_action名有點(diǎn)怪是吧，沒(méi)問(wèn)題可以改【傳送門(mén)】

靜態(tài)文件
thinkjs把所有的靜態(tài)文件放在www/static

簡(jiǎn)單例子
接下來(lái)我們來(lái)實(shí)現(xiàn)一個(gè)模擬登錄操作：
首先按照我們步驟創(chuàng)建一個(gè)項(xiàng)目，接著安裝依賴，然后別急著啟動(dòng)，先創(chuàng)建模塊，thinkjs module useracount，然后創(chuàng)建控制器 thinkjs controller signin,關(guān)于thinkjs命令【傳送門(mén)】，最后啟動(dòng)項(xiàng)目 npm start,用你喜歡的編輯器打開(kāi)項(xiàng)目。
打開(kāi)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下的對(duì)應(yīng)

    this.success(data);//返回?cái)?shù)據(jù)
  }

打開(kāi)src/useracount/model創(chuàng)建signin.js，寫(xiě)入

"use strict";

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

也可以用thinkjs model signin 創(chuàng)建model

打開(kāi)view/useracount創(chuàng)建signin_index.html,寫(xiě)入




  
  
  
  
  登錄

瀏覽器打開(kāi)http://127.0.0.1:8360/useracount/signin/index就可以看到登錄界面了（雖然很丑，湊合用吧）向輸入框輸入提交，打開(kāi)控制臺(tái)就可以看見(jiàn)了數(shù)據(jù)了。到此就走通了一個(gè)簡(jiǎn)單的流程了。

PS：個(gè)人覺(jué)等thinkjs還是挺不錯(cuò)的目錄結(jié)構(gòu)比較清晰，分的比較細(xì)，便于管理，配置靈活，喜歡的同學(xué)可以研究哦，我還是初學(xué)者寫(xiě)的不好的請(qǐng)指出

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/82458.html

相關(guān)文章

  • Thinkjs3入門(mén)筆記一：添加一個(gè)新的頁(yè)面

    摘要：本文幫助你往中添加一個(gè)新的頁(yè)面，沒(méi)有原理描述，只提供一個(gè)感性認(rèn)識(shí)。首先需要一個(gè)項(xiàng)目我們創(chuàng)建一個(gè)叫做的項(xiàng)目所有選項(xiàng)一路確認(rèn)即可在該目錄下通過(guò)命令向項(xiàng)目添加模塊通過(guò)命令行工具，添加模塊的控制器文件。感性認(rèn)識(shí)命令行工具可以用來(lái)做很多事情。 本文幫助你往Thinkjs3中添加一個(gè)新的頁(yè)面，沒(méi)有原理描述，只提供一個(gè)感性認(rèn)識(shí)。 首先需要一個(gè)Thinkjs3項(xiàng)目 我們創(chuàng)建一個(gè)叫做fuck的項(xiàng)目 $ ...

    oujie 評(píng)論0 收藏0

  • Thinkjs3入門(mén)筆記一：添加一個(gè)新的頁(yè)面

    摘要：本文幫助你往中添加一個(gè)新的頁(yè)面，沒(méi)有原理描述，只提供一個(gè)感性認(rèn)識(shí)。首先需要一個(gè)項(xiàng)目我們創(chuàng)建一個(gè)叫做的項(xiàng)目所有選項(xiàng)一路確認(rèn)即可在該目錄下通過(guò)命令向項(xiàng)目添加模塊通過(guò)命令行工具，添加模塊的控制器文件。感性認(rèn)識(shí)命令行工具可以用來(lái)做很多事情。 本文幫助你往Thinkjs3中添加一個(gè)新的頁(yè)面，沒(méi)有原理描述，只提供一個(gè)感性認(rèn)識(shí)。 首先需要一個(gè)Thinkjs3項(xiàng)目 我們創(chuàng)建一個(gè)叫做fuck的項(xiàng)目 $ ...

    or0fun 評(píng)論0 收藏0

  • ThinkJS 作者李成銀：擇善而從之，篤行致遠(yuǎn)

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

    alin 評(píng)論0 收藏0

  • Vue+thinkJs博客網(wǎng)站（一）之vue多頁(yè)面應(yīng)用的webpack3配置

    摘要：首先看下的代碼編譯前刪除之前編譯生成的靜態(tài)資源首先需要改的是入口文件，因?yàn)槭嵌囗?yè)面應(yīng)用，需要多個(gè)入口文件來(lái)保證打包成不同的。 一.項(xiàng)目簡(jiǎn)介 ? ? 本項(xiàng)目使用vue作為前端框架，thinkJs作為后端框架，構(gòu)建個(gè)人博客網(wǎng)站，頁(yè)面分為博客展示和后臺(tái)管理，主要目的是學(xué)習(xí)使用thinkJs。現(xiàn)在只完成了主要的博客增刪改功能，發(fā)現(xiàn)webpack的配置遇到了一些坑，這里先記錄下。項(xiàng)目目錄結(jié)構(gòu)如下...

    NickZhou 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<