一、準備工作

參考前一篇：ThinkJS框架入門詳細教程（一）開發環境

安裝thinkJS命令

npm install -g think-cli

監測是否安裝成功

thinkjs -v

二、創建項目

thinkjs new  thinkjsPlus

具體源代碼參考：https://github.com/saucxs/thinkJSLearning/tree/master/thinkjsplus

如果覺得不懂，可以提出，如果覺得可以，請給顆星，歡迎fork

後續將不斷完善。

三、項目結構

|--- development.js   //開發環境下的入口文件
 

|--- nginx.conf  //nginx 配置文件
|--- package.json
|--- pm2.json //pm2 配置文件
|--- production.js //生產環境下的入口文件
|--- README.md
|--- src
| |--- bootstrap  //啟動自動執行目錄 
| | |--- master.js //Master 進程下自動執行
| | |--- worker.js //Worker 進程下自動執行
| |--- config  //配置文件目錄
| | |--- adapter.js  // adapter 配置文件 
| | |--- config.js  //
 
 默認配置文件 
| | |--- config.production.js  //生產環境下的默認配置文件，和 config.js 合並 
| | |--- extend.js  //extend 配置文件 
| | |--- middleware.js //middleware 配置文件 
| | |--- router.js //自定義路由配置文件
| |--- controller  //控制器目錄 
| | |--- base.js
| | |--- index.js
| |--- logic //logic 目錄
| | |--- index.js
| |--- model //模型目錄
| | |--- index.js
 
|--- view  //模板目錄
| |--- index_index.html
|--- www
| |--- static  //靜態資源目錄
| | |--- css
| | |--- img
| | |--- js

四、項目啟動服務

入口文件是 development.js，啟動時直接和一般的node啟動一樣 node development.js即可。查看入口文件可知啟動的時候，實際上是實例化 ThinkJS 裏的 Application 類，執行 run 方法。

五、配置數據庫

項目使用的是mysql數據庫，配置文件的位置：src/config/adapter.js

exports.model = {
  type: ‘mysql‘,
  common: {
    logConnect: isDev,
    logSql: isDev,
    logger: msg => think.logger.info(msg)
  },
  mysql: {
    handle: mysql,
    database: ‘thinkjsplus‘,
    prefix: ‘‘,
    encoding: ‘utf8‘,
    host: ‘127.0.0.1‘,
    port: ‘3306‘,
    user: ‘root‘,  //自己本地的用戶名
    password: ‘root‘,    //自己本地的密碼
    dateStrings: true
  }
};

mysql數據庫的是的自己本地的數據庫賬號和密碼

，此處的賬戶是root，密碼在自己安裝的時候設置的密碼。

，此處的thinkjsplus就是root賬戶下的數據庫。

六、創建模型文件

暫時沒有用到

七、控制器

創建控制器的命令是 thinkjs controller +控制器名,我們創建admin後臺登錄控制器,同時在視圖層我們創建admin控制器對應的html頁面admin_index.html頁面,啟動服務,瀏覽器訪問http://localhost:8360/admin就可以訪問到admin_index.html的登錄頁面.

八、運行本項目

首先安裝mysql,之後導入項目sql文件夾,然後在項目根目錄下運行 npm install,之後運行 npm start,即可啟動本項目

九、如圖所示

1、登錄頁面

登錄錯誤

還沒有優化

2、登錄進入

ThinkJS框架入門詳細教程（二）新手入門項目