資訊專欄INFORMATION COLUMN
摘要：項目地址這個項目是為了學(xué)習(xí)而建的，從前端到后端一手包辦。相對來說，還是有一定難度的，適合有一定編程基礎(chǔ)的人進階學(xué)習(xí)。教程一教程二在安裝完后，克隆項目。
項目地址
這個項目是為了學(xué)習(xí) node 而建的，從前端到后端一手包辦。相對來說，還是有一定難度的，適合有一定編程基礎(chǔ)的人進階學(xué)習(xí)。
如果有問題，歡迎提 issues
注意，本項目的前后端代碼都是放在一起的，前端代碼放在 src 目錄，后端代碼放在 server 目錄。
相關(guān)文檔多個請求下 loading 的展示與關(guān)閉
Vue 實現(xiàn)前進刷新，后退不刷新的效果
Vue 頁面權(quán)限控制和登陸驗證
用 node 搭建個人博客（一）：代碼熱更新
用 node 搭建個人博客（二）：導(dǎo)出模塊同時兼容 import 和 require
用 node 搭建個人博客（三）：token
用 node 搭建個人博客（四）：評論功能
用 node 搭建個人博客（五）：數(shù)據(jù)庫
前端頁面首頁(index)
包含內(nèi)容及標簽子頁面
編輯(editor)
登陸(login)
管理(manage)
使用的庫、框架 前端vue
vue-router
vuex
vue-markdown
iview
axios
后端node
express
jsonwebtoken
數(shù)據(jù)庫mongodb
測試mocha
使用 注意登陸入口在頁面腳部的 Copyright ?2019 woai3c
博客內(nèi)容、評論使用的都是 markdown 語法
需要先下載 mongodb，建議按照windows 安裝教程一步步安裝。
mongodb 教程一
mongodb 教程二
在安裝完 mongodb 后，克隆項目。
git clone [email protected]:woai3c/node-blog.git
在運行前還得進行一些準備工作：
因為沒有注冊功能，所以在使用前需要先把用戶信息添加到數(shù)據(jù)庫。
打開 mongod.exe，再打開 mongo.exe，在 mongo.exe 打開的命令行進行如下操作：
創(chuàng)建數(shù)據(jù)庫
use blog
創(chuàng)建 user 集合，用來保存用戶信息
db.createCollection("user")
添加用戶信息
db.user.insert({
user: "admin", // 用戶名 隨意填寫
password: "admin", // 密碼 隨意填寫
visits: 0, // 博客訪問次數(shù) 每次刷新網(wǎng)站 自增1
token: "", // 用戶登錄創(chuàng)建 token 后，保存在這
})
接下來就可以開始運行項目了。
安裝依賴
npm i
開發(fā)環(huán)境（前端代碼熱更新，修改完即可查看效果，后端代碼修改完需要重啟服務(wù)）
npm run dev
生產(chǎn)環(huán)境 （打包并開啟服務(wù)，打包過程有點長，需求等待）
npm run build
測試
npm run test
訪問地址
http://localhost:8080/
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/104943.html
摘要：本項目持續(xù)更新中，開源免費與各位愛好技術(shù)達人共勉，注現(xiàn)階段仍在開發(fā)中。。。。。 NodeJS+Express+MongoDb開發(fā)的個人博客 NodeJS+Express搭建個人博客-環(huán)境搭建（一）NodeJS+Express搭建個人博客-gulp自動化構(gòu)建工具使用（二）NodeJS+Express搭建個人博客-Express+Mongodb組合架構(gòu)介紹（三）NodeJS+Express...
摘要：最近利用空閑時間寫了一個從入門到上線的的實戰(zhàn)教程從入門到上線目前還在更新中，入門篇已基本成型。本項目使用語法，采用搭建了一個博客系統(tǒng)，實現(xiàn)了文章管理用戶登錄注冊權(quán)限控制分類管理等功能。實現(xiàn)線上部署左手代碼右手磚拋磚引玉 最近利用空閑時間寫了一個從入門到上線的的node實戰(zhàn)教程《Node.js從入門到上線》A blog build with Koa2. 目前還在更新中，入門篇已基本成型。...
摘要：使用搭建個人博客作為一個技術(shù)人員，一般都會有寫一些博客，分享一些文章咱們做技術(shù)的就是愛分享。下面我就簡單講解一下在系統(tǒng)下如何使用搭建搭建個人博客網(wǎng)站。 使用Ghost搭建個人博客 作為一個技術(shù)人員，一般都會有寫一些博客，分享一些文章(咱們做技術(shù)的就是愛分享)。因此也誕生了非常多的開源博客系統(tǒng)，比如像wordpress也是目前世界最流行，應(yīng)用最廣的一個天源博客系統(tǒng)，有非常多的插件及模版。...
閱讀 808·2021-09-06 15:02
閱讀 2451·2019-08-30 15:43
閱讀 2175·2019-08-30 11:26
閱讀 2381·2019-08-26 12:12
閱讀 3548·2019-08-23 18:24
閱讀 3268·2019-08-23 18:16
閱讀 704·2019-08-23 17:02
閱讀 2252·2019-08-23 15:34
