让前端飞Web前端之路

我们一起从零开始学node吧---(1)

2019-08-23  本文已影响1人  小鳄鱼的大哥哦

写作背景:

本人是工作小三年的前端,最近看了很多关于node的东西,手痒,决定自己写一波,以后好当个全干工程师。
本人也是新手,写文章也方便自己记录学习。如果你也一样跟我想学习node,或许我们可以一起慢慢摸索。

同学们可以不必仔细研究本文内容,主要看大概的结构和一些基础的node入门操作,以便了解node,感觉自己有些信心可以上手写代码时,就可以查找各方文档开搞了。个人认为学习一门语言要现有一个宏观上的概念,然后在自己着手开始细节的捕捉。有了一些大体架构思路之后,再开始为目标一步一步走。

关于技术栈方面,自己看了很多文章,找了些比较容易上手的第三方库,新手学习以实现功能为主。底层原理什么的多写代码,温故知新就行了。

技术栈:

服务端及数据库相关:node,express,ejs,mongodb,Mongoose
前端界面和功能:jquery,booststrap
网站结构为多页应用

目录结构

image.png

关于目录结构

学前班

这些是我之前看过的一些比较好的文章。通过这些文章也初步了解node的基本操作。
这类文章都是入门级的,对于我这种小白来说了解已经足够了。
一起学 Node.js
Node - 从0基础到实战企业官网

这里是写代码时需要用到的一些文档

百度
mongoose中文文档
express文档
B站发现的黑马程序员node视频教程--90集小白入门到实战

OK, class begin.

cd node-blog
npm init // 一路回车,详细的信息可以自己填
npm i express -S // 安装express
// 引入express
var express = require('express'); 
// 实例化一个express对象
var app = new express();

打开任何网址其本质都是一个get请求到的一个页面
我们访问的百度https://www.baidu.com/ 其实后面也有一个/
也就是访问百度服务器的/接口,它返回一个html页面
我们网页的/路径的get请求
app.get('/', (req, res)=>{
    res.end('hello world');
});

// 开启一个服务,监听8888端口
// 传入开启成功的一个回调函数
app.listen(8888, () =>{
    console.log('服务开启成功,地址为http://localhost:8888');
});

打开终端,走你

node index.js

好了,我们的hello world已经出现了。
打开浏览器http://localhost:8888

玩云顶之弈了,下次空了再学习路由部分吧。。。

上一篇 下一篇

猜你喜欢

热点阅读