摘要:本項目持續更新中,開源免費與各位愛好技術達人共勉,注現階段仍在開發中。。。。。
NodeJS+Express+MongoDb開發的個人博客
NodeJS+Express搭建個人博客-環境搭建(一)
NodeJS+Express搭建個人博客-gulp自動化構建工具使用(二)
NodeJS+Express搭建個人博客-Express+Mongodb組合架構介紹(三)
NodeJS+Express搭建個人博客-數據庫設計及Mongoose操作(四)
NodeJS+Express搭建個人博客-公共組件及工具類(五)
......
本項目主要針對博客的標準,利用所學的框架組件及相關插件進行開發,因為自己希望通過前沿技術開發一個比較成熟點的博客類管理系統,所以在此定制了一個目標,不斷完善個人博客項目,總結經驗和分享開發過程中一些技術點和難點。本項目持續更新中,開源免費與各位愛好Node技術達人共勉,(注:現階段仍在開發中。。。。。)模塊 使用工具包
1.gulp自動化構建工具:整合了代碼壓縮、圖片壓縮工具包,對視圖代碼及圖片進行壓縮處理,提升網站資源加載流暢度數據表設計
2.ejs-mate模板引擎 因其支持partial,可以對js或css合并生成,減少一個網頁中的多個請求個數,對優化網站有很大幫助
3.markdown文本編輯插件:editormd
4.文件上傳插件:formidable 該組件的使用可以參考該文檔,使用方法簡單,后續章節會針對formData解析以及前端Ajax傳值進行細說
按照博客的業務邏輯進行了以下幾個關鍵表的設計:(后面章節會細說)
require("./category") //文章分類表 require("./comment") //評論表 require("./chat") //碎言表 require("./oauth_user") //用戶表 require("./article") //文章表 require("./article_pic") //文章圖片關聯表 require("./article_tag") //文章標簽關聯表 require("./config") //配置表 require("./tag") //標簽表 exports.TagDb = mongoose.model("Tag") // 這是一個對象 exports.Article = mongoose.model("Article") exports.ArticlePic = mongoose.model("ArticlePic") exports.ArticleTag = mongoose.model("ArticleTag") exports.Category = mongoose.model("Category") exports.Chat = mongoose.model("Chat") exports.Comment = mongoose.model("Comment") exports.User = mongoose.model("User")安裝步驟
安裝工具及版本說明: npm: 6.0及以上, node: 8.9及以上, mongodb: 5.2.8及以上, git下載
使用webstorm或其他開發工具,運行git clone https://github.com/WebLss/Nod...
運行 npm install 等待下載所需依賴包
運行mongodb:可以參考該文章: https://www.cnblogs.com/wangl...
運行gulp命令:編譯壓縮生成dist, gulp自動化構建項目后續章節將會細說
根據以下命令啟動項目:
{ "name": "node-blog", "version": "0.0.0", "private": true, "scripts": { "win_start": "set NODE_ENV=production&&nodemon ./bin/www", //win系統,代表啟動正式環境 "win_dev": "set NODE_ENV=development&&nodemon ./bin/www", //win系統,代碼啟動開發環境 "mac_start": "NODE_ENV=production nodemon ./bin/www", //mac系統,代表啟動正式環境 "mac_dev": "NODE_ENV=development nodemon ./bin/www" //mac系統,代碼啟動開發環境 } }訪問路徑
后臺入口url: http://localhost:3000/admin (待完善)
前臺入口url: 持續開發中。。。。。。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/19353.html
摘要:后端主要使用的框架,數據庫采用。后臺管理登錄采用與后端進行登陸狀態的確認。本文首發于小站,這是一個積累和分享知識的個人博客 這篇文章擱置了很長時間,最終決定還是把它寫出來,給剛開始學習vue并且想用vue寫個人博客的同學一個參考。因為當初我也是參考了其他人分享的知識,從一個vue小白變成了一個入門級選手,并最終完成了這個個人博客的搭建工作,代碼已托管在Github-justJokee。...
摘要:自動化構建工具使用簡言現在不管是做前端還是后端的,不可避免的是要跟打交道的而且這么容易開發難道我們不想自己隨手寫點什么這類比較前衛的框架早就深度集成了很多前端的東西現在,就讓我們手動為也插上的翅膀吧。 gulp自動化構建工具使用 簡言 現在不管是做前端還是后端的,不可避免的是要跟html打交道的;而且Node這么容易開發web;難道我們不想自己隨手寫點什么?Express這類比較前衛的...
摘要:沒有耐心閱讀的同學,可以直接前往學習全棧最后一公里。我下面會羅列一些,我自己錄制過的一些項目,或者其他的我覺得可以按照這個路線繼續深入學習的項目資源。 showImg(https://segmentfault.com/img/bVMlke?w=833&h=410); 本文技術軟文,閱讀需謹慎,長約 7000 字,通讀需 5 分鐘 大家好,我是 Scott,本文通過提供給大家學習的方法,...
摘要:多一個技能多一條出路,祝你在自學道路上越走越好,掌握自己的核心技能,不只是優秀,還要成為不可替代的人 NodeJs+Express+Mysql + Vuejs 項目實戰 最近準備寫一系列文章,全面講述如何基于NodeJs + Express + Mysql + Vuejs 從零開發前后端完全分離項目; 文筆及技術可能在某些方面欠佳,請您指正,共同學習進步 前端:Vuejs全家桶 后端:...
閱讀 2189·2021-11-15 11:38
閱讀 1151·2021-09-06 15:02
閱讀 3380·2021-08-27 13:12
閱讀 1353·2019-08-30 14:20
閱讀 2389·2019-08-29 15:08
閱讀 636·2019-08-29 14:08
閱讀 1723·2019-08-29 13:43
閱讀 1464·2019-08-26 12:11