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