使用node.js搭建简易的个人博客(一)

node.js和express应用框架的启动

    首先需要在电脑上安装node.js的开发环境,安装好之后,就可以使用它了。这里我使用的开发工具是webStorm,然后使用 npm install --save express命令来安装express模块;接着安装一系列的依赖模块,安装成功以后工程里面会出现一个名字为:package.json的JSON文件;里面内容自动生成如下:
{
  "name": "blog",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "body-parser": "^1.17.1",
    "cookies": "^0.7.0",
    "express": "^4.15.2",
    "markdown": "^0.5.0",
    "mongoose": "^4.9.7",
    "swig": "^1.4.2"
  }
}

到这里项目所需要的模块都安装完毕,接着创建一个应用程序的启动文件:app.js,在文件里去加载我们安装好的模块,监听端口,具体代码如下:

/*应用程序的启动文件*/

var express = require("express"); /*加载express模块*/

var swig = require("swig"); //加载模板处理模块

var mongoose = require('mongoose'); //加载数据库模块

var bodyparser = require("body-parser"); //加载body-parser,利用这个模块就可以接受post提交过来的数据,req.body

var Cookies = require("cookies"); //加载coolies保存用户登录状态

var User = require("./models/user.js"); //引入用户信息的数据库模型

swig.setDefaults({cache:false}); //在开发过程中需要取消模板缓存机制

var app = express();  //创建app应用

app.use(bodyparser.urlencoded({extended:true})); //设置body-parser

//静态文件的托管
//当用户访问的路径以/public开头的话,则处理为静态文件
app.use('/public',express.static(__dirname+'/public'));

/*配置应用模板*/
//定义当前模板的引擎
//第一个参数为模板引擎的名字和文件类型,第二个参数解析模板内容
app.engine('html',swig.renderFile);

//设置模板存放的目录,第一次参数为views,第二个参数为模板路径
app.set('views','./views');
//注册使用的模板引擎,第二个参数为模板名字
app.set('views engine','html');

/*
**app.use();将一个URL路径个一个函数绑定,第一个参数为访问的路径,第          
*二个参数为执行的函数,如果第一参数为空,则表示任何路径都触发这个处
*理函数;
 * req:request对象;包含用户的一些请求信息。
 * res:response对象;通过res后台可以向这次请求的客户端返回响应。
 * next:将控制权交给下一个执行的路由函数。
**/

//模块划分;作用:当用户访问以其中任何一个开头的路径时,下面程序就会将处理权交给routers文件下的对应程序去处理,为了模块化,例如所有的后台管理程序都在routers文件夹里的admin.js下。
app.use("/admin",require('./routers/admin'));//后台管理
app.use("/api",require('./routers/api'));//路由管理
app.use("/",require('./routers/main'));//首页管理


/*连接数据库,在window下cmd->cd F:Mongodb/bin->输入mongod --dbpath=F:\node.js\Blog\db  --port=27017; 启动mongodb数据库,这里dbpath后面是你工程里面数据库的存储路径,port后面是你要绑定的端口号。*/
mongoose.connect("mongodb://localhost:27017/Blog",function(err){
    if(err){
        console.log("数据库连接失败!")
    }else{
        console.log("数据库连接成功了!");
        /*监听http请求*/
        app.listen(8081);
    }
});

/*
 *首页的路由绑定
 **/
/*app.get("/",function(req,res,next){
 //读取views目录下的指定文件,解析返回给客户端
 //第一个参数:表示模板的文件相对于view的相对位置
 //第二个参数:传递给模板的使用数据
 res.render("index",{});  //当浏览器访问首页时,使用res.render给前台渲染一个html页面,{}里面是需要传输的数据
 });

   在数据库连接成功以后,就可以启动应用了,如果没有其他问题,就会看到在webStorm的控制台里会输出”数据库连接成功了!”在浏览器上去访问localhost:8081就会返回访问首页时,渲染的页面。到这里我们的启动程序就结束了,之后我会写出博客的各个具体模块的开发过程。

项目源码地址:https://github.com/Sstriving/MyBlog,欢迎参考

`

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值