文章目录:
1、组件版本号
– –node
– –express
– –Mongoose
2、初始化项目 firstblood
– –用 express 自动初始化(推荐)
– –附:手动初始化 package.json
3、关于 express 的 app.js
4、前端模板 Handlebars Ejs Jade
– –以 Ejs 模板为例
– –体验一把: route 路由是如何工作的
5、CSS、JS框架支持
– –bootstrap2.3.2 + jquery 1.11.1 为例
– –头部尾部重用
6、增删改查少不了
– –mongodb 小回顾
– –node 操作 Mongoose 【挑战:一个后台登陆验证+展示mongodb中现有会员信息的小案例】
– –增强案例:支持登陆并新增修改会员信息的系统,还得支持 session ~
nodeJS 菜鸟入门
从一个简单的 HTTP 服务开始旅程……
创建一个 server.js
文件,写入:
//最简单的 http 服务例子
var http = require("http");
http.createServer(function(request, response) {
response.writeHead(200, {"Content-Type": "text/html"});
response.write("<h1>Hi NodeJs</h1>");
response.end();
}).listen(8080);
console.log("成功的提示:httpd start @8080");
打开 http://localhost:8080/
你会看到惊喜~
tips
执行:
node server.js
启动服务。
按 Ctrl + c 结束 刚刚创建的服务。
记录目前我了解到的一些web技术点
收集一些web技术点,记录下。
Sublime Text 插件推荐——for web developers
楼主向高大上的: web front-end development engineer (好吧,google就是这样翻译的 ^_^)们推荐 ST 插件,在此抛砖引玉:
NO.1 :Emmet (原名: Zen [注意:读音是 “神”] Coding ),介绍?安装?移步这里
NO.2 : Bracket Highlighter : 成对高亮标记/标签;
注:如果不喜欢默认的高亮,那么打开 preferences–>package settings–>Bracket highlighter–>Bracket settings-Default
将bracket_styles
下的 curly
round
square
的 style 属性值改为 hightlight
即可。
- NO.3 : Mardown Preview :不仅支持在浏览器中预览Markdown文件,还可以导出html代码
小提示:如果写 markdown 时已经安装了 Emmet 那么诸如此类标签也是支持 一键生成的,
写 code 按 Ctrl + e 生成
< code >< /code >
“神”吧!