写作背景:
本人是工作小三年的前端, 最近看了很多关于 node 的东西, 手痒, 决定自己写一波, 以后好当个全干工程师.
本人也是新手, 写文章也方便自己记录学习. 如果你也一样跟我想学习 node, 或许我们可以一起慢慢摸索.
同学们可以不必仔细研究本文内容, 主要看大概的结构和一些基础的 node 入门操作, 以便了解 node, 感觉自己有些信心可以上手写代码时, 就可以查找各方文档开搞了. 个人认为学习一门语言要现有一个宏观上的概念, 然后在自己着手开始细节的捕捉. 有了一些大体架构思路之后, 再开始为目标一步一步走.
关于技术栈方面, 自己看了很多文章, 找了些比较容易上手的第三方库, 新手学习以实现功能为主. 底层原理什么的多写代码, 温故知新就行了.
技术栈:
服务端及数据库相关: node,express,ejs,MongoDB,Mongoose
前端界面和功能: jQuery,booststrap
网站结构为多页应用
目录结构
image.PNG
关于目录结构
views 存放页面
routes 路由文件
public 静态资源文件
index.JS 主要入口文件
学前班
这些是我之前看过的一些比较好的文章. 通过这些文章也初步了解 node 的基本操作.
这类文章都是入门级的, 对于我这种小白来说了解已经足够了.
一起学 Node.JS
Node - 从 0 基础到实战企业官网
这里是写代码时需要用到的一些文档
百度
mongoose 中文文档
express 文档
B 站发现的黑马程序员 node 视频教程 --90 集小白入门到实战
OK, class begin.
先安装 node, 官网自己下吧, 懒得说了, 傻瓜式安装, node 自带 NPM
NPM 下载速度慢就换淘宝 cnpm
创建一个文件夹, 名字为 node-blog.
- cd node-blog
- NPM init // 一路回车, 详细的信息可以自己填
- NPM i express -S // 安装 express
我们打开根目录下的 index.JS, 写下一以下代码
- // 引入 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
玩云顶之弈了, 下次空了再学习路由部分吧...
来源: http://www.jianshu.com/p/050f26e46751