码迷,mamicode.com
首页 > Web开发 > 详细

node.js入门

时间:2017-12-11 11:17:11      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:func   foreach   user   传输   reac   expressjs   directory   html   mbed   

一、前言

这个周末花了一些时间学些Node.js。主要是从大的方向进行学习。对Node.js一些特性,功能,用法,框架进行了初步了了解。

二、基础

参考:http://www.runoob.com/nodejs/nodejs-tutorial.html

三、MVC

node.js的Mvc主要是使用express和express-controller还有ejs这三个模板配合完成。

express的学习地址:

http://www.expressjs.com.cn/

express-controller学习地址:

https://www.npmjs.com/package/express-controller

ejs学习地址:

http://www.embeddedjs.com/

一个mvc框架的实现:

https://gitee.com/junhandsome/express_mvc

框架的目录:

技术分享图片

入口文件代码:

//加载引用包
var express =require(express);
var expressControllers = require(express-controller);
var path = require(path);
var favicon = require(serve-favicon);
var logger = require(morgan);
var cookieParser = require(cookie-parser);
var bodyParser = require(body-parser);

var app = express();
var router = express.Router();

//视图加载
app.set(views, path.join(__dirname, views));
app.set(view engine, ejs);

//静态文件载入
app.use(express.static(path.join(__dirname, public)));

//传输数据json处理
app.use(logger(dev));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());

//路由控制
app.use(router);

//绑定控制器
expressControllers
    .setDirectory( __dirname + /controllers)
    .bind(router);

//端口启动
app.listen(3000)

ejs模板文件userShow.ejs示例(注意后缀名是.ejs):

<!doctype html>
<html lang="zn">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="/css/amazeui.min.css">
    <script src="/js/jquery.min.js"></script>
</head>
<body>
    <h1>hello world</h1>
    <ul>
        <% user.forEach(function(user){%>
            <li>name : <%= user.name %>---email : <%= user.email %></li>
        <% });%>
    </ul>
</body>
</html>

数据库操作:

http://www.runoob.com/nodejs/nodejs-mysql.html

了解这些,基本上就可以开始用node.js搞事情了。

node.js入门

标签:func   foreach   user   传输   reac   expressjs   directory   html   mbed   

原文地址:http://www.cnblogs.com/doubilaile/p/8021562.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!