文章出處

一、準備工作

參考前一篇: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、登錄進入

 

 


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()