文章出處
文章列表
一、準備工作
參考前一篇: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、登錄進入
文章列表
全站熱搜
留言列表