介绍

该博客系统的搭建使用技术栈为：

前台：HTML5 + CSS3 + jQuery + Bootstrap

后台：Node.js + express + MongoDB

前后异步交互：Ajax

本地环境部署

第一步：下载安装数据库MongoDB

请根据本地计算机环境选择相应版本下载安装

参考教程：http://www.runoob.com/mongodb/mongodb-tutorial.html

第二步：git clone 本项目

第三步：安装相应依赖

进入项目文件

npm install

第四步：项目启动

(1) 启动数据库

mongod.exe --dbpath yourfilename

(2)创建 blog 数据库并设置后台管理员账号密码。切换到bin目录下，运行mongo，输入下面命令

use blog
db.createCollection("user")
db.user.insert({"username":"yourname", "password":"yourpassword"})

(3)启动项目 npm start

(4)后台管理系统入口 http://localhost:3000/admin

(5)前台页面入口 http://localhost:3000

一、项目分析

二、项目构建

环境搭建

• Node.js 安装

• express以及应用生成器安装

    npm install express
    npm install express-generator -g
  

• MongoDB数据库安装

创建项目骨架

express -e blog

进入 blog 目录，安装依赖 npm install

• 根据需求分析，完善项目结构如下