Nodejs Express4.x开发框架随手笔记

Express: ?web application framework for?Node.js?Express 是一个简洁、灵活的 node.js Web 应用开发框架, 它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。

目录

此文重点介绍Express4.x(具体是4.10.4)的开发框架,其中还会涉及到Mongoose,Ejs,Bootstrap等相关内容。

建立工程
目录结构
Express4.x配置文件
Ejs模板使用
Bootstrap界面框架
路由功能
Session使用
页面提示
页面访问控制

开发环境:

Ubuntu

MonogoDB: v2.6.4

nodejs:v0.11.2

npm 2.1.10 ( 如果nodejs安装的时候是1.2.19版本,本文升级到了2.x版本)

1. 建立工程

进入工程目录

mkdir workplace

cd workplace

全局安装express,express作为命令被安装到了系统中.

npm install -g express

查看express版本

express -V

注意:在express4.x版本中已经不含有express命令了。

需要安装 express-generator

npm install express-generator -g

详细安装过程见:《准备Nodejs开发环境Ubuntu》

使用express命令创建工程,并支持ejs

hadoop@sven:~/workspace/nodeJs$ express -e nodejs-demo

create : nodejs-demo (项目名)
create : nodejs-demo/package.json (项目包的信息)
create : nodejs-demo/app.js (主程序)
create : nodejs-demo/public (公开目录)
create : nodejs-demo/public/images
create : nodejs-demo/public/javascripts
create : nodejs-demo/public/stylesheets
create : nodejs-demo/public/stylesheets/style.css
create : nodejs-demo/routes (路由目录,以后在这个目录下开发程序,然后在app.js里use)
create : nodejs-demo/routes/index.js
create : nodejs-demo/routes/users.js
create : nodejs-demo/views (视图目录,视图模板文件等)
create : nodejs-demo/views/index.ejs
create : nodejs-demo/views/error.ejs
create : nodejs-demo/bin
create : nodejs-demo/bin/www (启动文件,用于启动app.js)
install dependencies:
$ cd nodejs-demo && npm install
run the app:
$ DEBUG=nodejs-demo ./bin/www

项目创建成功。

根据上述提示安装依赖:

复制代码 代码如下:

cd nodejs-demo && npm install

根据提示启动web:

复制代码 代码如下:

 $ DEBUG=nodejs-demo ./bin/www

不过我们这里不打算使用该方法启动程序。原因是我们在开发过程中需要使用nodemon这么一个工具。
nodemon用于动态识别开发过程中项目的改变,然后动态加载(这是Eclipse种开发java web类似)。该工具是开发web的必备啊

安装nodemon:

npm install nodemon -g

那么为什么我们上面不使用./bin/www脚本呢?

原因是nodemon ./bin/www 这样是没有办法识别项目的改动。(我个人实验的,如有知道的大牛,望赐教)

修改app.js:

把最有一行//module.exports = app;注释掉

换成:app.listen(3000);

使用下面命令启动app.js主程序:

hadoop@sven:~/workspace/nodeJs/nodejs-demo$ nodemon app.js

然后修改程序,看看是否会动态加载。会有下面提示:

1 Dec 16:22:07

本页内容版权归属为原作者,如有侵犯您的权益,请通知我们删除。
Nodejs是一个年轻的编程框架,充满了活力和无限激情,一直都在保持着快速更新。基于Nodejs的官方Web开发库Express也在同步发展着,每年升级一个大版本,甚至对框架底层都做了大手术。在Express4时,替换掉中件间库connect,而改用多个更细粒度的库来取代。带来的好处是明显地,这些中间件能更自由的更新和发布,不会受到Express发布周期的影响;但问题也是很的棘手,不兼容于之前的版本,升级就意味着要修改代码。 通过一段时间的查阅资料、摸索,我发现实现上传的方式有:1.express中间件m
本文实例讲述了jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法。分享给大家供大家参考,具体如下: 一、先描述下可以实现什么: 下拉框一改变,弹出框出现,选择弹出框中的值会赋值给下拉菜单 二、代码: html head meta http-equiv="Content-Type" content="text/html; charset=utf-8" titleSubscribe策略/title style type="text/css" * { margin: 0; padding: 0;} #b
本文实例讲述了js实现接收表单的值并将值拼在表单action后面的方法。分享给大家供大家参考,具体如下: 今天遇到一个问题,在form表单中有若干个input,其中有一个上传文件的input,现在需要在点击提交按钮时,将不是文件类型的input的值得到并拼成name=value的格式加在action后面,这样就能一同传出去了 form id="myform" name="myform" method="post" action="http://www.yoursiteweb.com:8080/justsy

Nodejs的express使用教程 - 2015-11-24 15:11:15

Express 是一个简洁、灵活的 node.js Web 应用开发框架, 它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。 1.express组织结构 app demo |---node_modules------用于安装本地模块。 |---public------------用于存放用户可以下载到的文件,比如图片、脚本、样式表等。 |---routes------------用于存放路由文件。 |---views-------------用于存放网页的模板。 |---app.js---

Bootstrap每天必学之表单 - 2015-11-24 15:11:59

本文主要讲解的是表单,这个其实对于做过网站的人来说,并不陌生,而且可以说是最为常用的提交数据的Form表单。本文主要来讲解一下内容: 1.基本案例 2.内联表单 3.水平排列的表单 4.被支持的控件 5.静态控件 6.控件状态 7.控件尺寸 8.帮助文本 基本案例 单独的表单控件会被自动赋予一些全局样式。所有设置了.form-control的input、textarea和select元素都将被默认设置为width: 100%;。将label和前面提到的这些控件包裹在.form-group中可以获得最好的排

简单谈谈AJAX核心对象 - 2015-11-24 15:11:54

Ajax是2005年2月才诞生但是现在已经炙手可热的一项全新技术.这项新技术能够极大地改善网站的用户体验. 什么是Ajax Ajax是异步Javascript和XML(Asynchronous JavaScript and XML)的英文缩写. Ajax的核心理念在于使用XMLHttpRequest对象发送异步请求.Ajax并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一起,共同的协作中发挥各自的作用. Ajax的优点 1.减轻服务器的负担.Ajax的原则是"按需取数据". 2.无需刷新页
本文为大家分享了javascript实现uploadify上传格式以及个数限制的关键代码,希望大家好好研究学习。 关键代码一: function deleteUrl(){ $("body").on("click",".img-wrap .mask span",function(event){ event.stopPropagation(); var qs=$('#file_upload-queuediv');//所有的队列 var id=qs.eq(2).attr('id');//得到第三个队列的id $
本文实例讲述了JQuery实现简单的折叠菜单效果代码。分享给大家供大家参考。具体如下: 运行效果截图如下: Html代码如下: div class="box" p菜单一/p ul lia1111/a/li lia1111/a/li lia1111/a/li /ul p菜单二/p ul lia2222/a/li lia2222/a/li lia2222/a/li /ul p菜单三/p ul lia3333/a/li lia3333/a/li lia3333/a/li /ul/div 插件实现代码如下: (f
由于原生select在各个浏览器的样式不统一,特别是在IE67下直接不可以使用样式控制,当PM让你做一个样式的时候,那是相当的痛苦。最好的办法就是使用自定义样式仿select效果。这里写了一个jquery插件,实现自定义的select(阉割了不少原生select的事件,但是最主要的都还在) 需要引用的样式: .self-select-wrapper{ position: relative; display: inline-block; border: 1px solid #d0d0d0; width: 2

Nodejs初级阶段之express - 2015-11-24 14:11:19

上一篇 《node.js 初体验》 写的也不错,感兴趣的朋友可以了解下。 Node和NPM的安装够便捷了,不细说...有几点基础顺手提一下: 1.安装命令中的 “-g” 表示全局(global) 2.express的版本不是通常的 “-v” 来查看,而是 “-V” 3.安装express项目的命令如下 express -e nodejs-product-e, --ejs add ejs engine support -J, --jshtml add jshtml engine support (defau