赞
踩
嗯……我只是个前端而已
前段时间写过一个.net mvc的远程发布,关于.net mvc 的增删改查的小demo也做过一个小例子,然后又萌生了想要拿node.js当后台,来布置网站的想法。 关于node.js的学习,建议参考 Node.js 包教不包会 ,虽然作者说起来是不包会,但基本上通过了这个教程的学习,都会收益巨大。
先说说前期准备,一个云服务器是必须的 ,还有一个域名。关于云服务的选择,当前阿里,百度, 甚至是腾讯都在搞云服务,个人还是推荐选择阿里云服务器比较好。
既然提到阿里云,索性多说一点(有兴趣的使用阿里云的同学可以多交流交流 ),在与阿里云的连接过程,我一般使用的工具:
一般高手直接用个命令就好了,但目前本渣,还是毕竟喜欢两个相结合的用,毕竟有时候文件和文件夹的增删改查还是觉得拖拽更快,高手请无视。。 在阿里云中,选择的是centos7,当然这个凭自己的喜好,像Ubuntu我也用过一会,感觉它的桌面端确实不错,服务端可能还是centos更强一点。
注:这里就默认大家已经会自己连接到自己的服务器了
这里先说说express,它是基于 Node.js 平台,快速、开放、极简的 web 开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。
相对于,类似于各种框架的cli,express也有个能够快速部署的项目,可以使用 Express 应用生成器
npm install express-generator -g
如下, 一个快速构建的示例
- express myapp
- // 以下是提示:
- create : myapp
- create : myapp/package.json
- create : myapp/app.js
- create : myapp/public
- create : myapp/public/javascripts
- create : myapp/public/images
- create : myapp/routes
- create : myapp/routes/index.js
- create : myapp/routes/users.js
- create : myapp/public/stylesheets
- create : myapp/public/stylesheets/style.css
- create : myapp/views
- create : myapp/views/index.jade
- create : myapp/views/layout.jade
- create : myapp/views/error.jade
- create : myapp/bin
- create : myapp/bin/www
然后安装所有依赖包:
- cd myapp
- npm install
启动这个应用:
npm start
然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。通过 Express 应用生成器创建的应用一般都有如下目录结构:
- .
- ├── app.js
- ├── bin
- │ └── www
- ├── package.json
- ├── public
- │ ├── images
- │ ├── javascripts
- │ └── stylesheets
- │ └── style.css
- ├── routes
- │ ├── index.js
- │ └── users.js
- └── views
- ├── error.pug
- ├── index.pug
- └── layout.pug
-
- 7 directories, 9 files
express的重要的一部分莫过于路由了,下面是一个简单的路由例子,很好理解:
-
- var express = require('express');
- var app = express();
-
- // respond with "hello world" when a GET request is made to the homepage
- // 匹配根路径的请求
- app.get('/', function (req, res) {
- res.send('root');
- });
-
- // 匹配 /about 路径的请求
- app.get('/about', function (req, res) {
- res.send('about');
- });
-
- // 匹配 /random.text 路径的请求
- app.get('/random.text', function (req, res) {
- res.send('random.text');
- });
在express快速生成的项目中,默认的是pug引擎,可以将它修改成自己喜欢的模板引擎
可能很大一部分人并不喜欢用模板引擎去处理,毕竟html原生并不复杂,这样可以使用ejs转换
最后有个用express快速生成,并把默认的pug模板改成了html,有兴趣的可以参考下
express小demo
注意:因为涉及到框架比较多,所以先拆开来讲,未完待续……………………………………………………
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。