一、前言 文件上传是一个比较常见的功能，传统的选择方式的上传比较麻烦，需要先点击上传按钮，然后再找到文件的路径，然后上传。给用户体验带来很大问题。html5开始支持拖拽上传的需要的api。nodejs也是一个最近越来越流行的技术，这也是自己第一次接触nodejs，在nodejs开发中，最常用的开发框架之一是expess，它是一个类似mvc模式的框架。结合html5、nodejs express实现了拖拽上传的功能。 二、基础知识普及 1、NodeJs基础知识 n...
1.建立工程文件夹my_ejs. 2.首先利用npm install express和npm install ejs 下载这两个家伙.至于要不要设置成全局的,看习惯,我习惯性的下载到本项目中的文件夹中my_ejs. 然后建立相应的文件:index.js:form.ejs:index.ejsapp.js:开始运行app.js node app.js,然后再浏览器端访问:localhost:1337单击发表文章:点击发表,跳转到首页. 好了到此为止,一个简易的"网站"算是出来了. 由衷的抱怨一句:学习express+ejs真的是太难了,拿到一本书对...
1.建立工程文件夹:my_jade 2.下载express和jade包到本地.我个人不喜欢下载成全局的,我喜欢下到工程文件夹中去. 3.建立相关的文件夹和文件.index.js:style.cssgys.jade代码:index.jade:layout.jadeapp.js运行app.js:node app.js; 在浏览器中预览:在看一个不使用页面布局的例子: 修改index.js修改app.js运行app.js在浏览器中预览:单击提交 会触发ajax. 。本文就先到这里吧，后续的工作以后再接着进行，刚入手这块内容，还不是很熟练，...
basicAuth中间件为网站添加身份认证功能.在使用了该中间件后, 用户访问网站时必须输入用户名与密码,在用户输入了用户名与密码并通过验证之后才能访问网站. 当用户输入的用户名和密码符合条件,中间件会返回true,允许用户访问网站.否则会返回false.不允许访问网站.代码如下:var express=require("express");var app=express();app.use(express.basicAuth("gys","123"));app.get("/",function(req,res){res.send("你好ff");});app.lis...
cookieParser中间件用于获取web浏览器发送的cookie中的内容.在使用了cookieParser中间件后, 代表客户端请求的htto.IncomingMessage对象就具有了一个cookies属性,该属性之为一个对象的数组, 其中存放了所有web浏览器发送的cookie,每一个cookie为cookies属性值数组中的一个对象. index.html代码:代码如下:向服务器上传文件function submitCookie(){var xhr=new XMLHttpRequest();xhr.open("post","index.html",true);document.cookie...
bodyParser用于解析客户端请求的body中的内容,内部使用JSON编码处理,url编码处理以及对于文件的上传处理. 下面是一个文件上传的例子. 建立一个1.html页面代码如下:向服务器上传文件 function uploadFile(){var formData=new FormData();var files=document.getElementById("files").files;var file=files[0];formData.append("myfile",file);var xhr=new XMLHttpRequest();xhr.open("post","index.html",true);xhr.onload= ...
服务器端server.js代码代码如下:var express=require("express");var http=require("http");var sio=require("socket.io");var app=express();var server=http.createServer(app);var fs=require("fs");app.get("/", function (req,res) {res.sendfile(__dirname+"/index.html");});server.listen(1337);var socket=sio.listen(server);socket.on("connection", function (socket) {socket.emit("news",{hello:"你好"});socket.on(...
本文改自非鱼的《【翻译】前端开发人员入门指南，从零开始搭建Node.js, Express, Jade, Mongodb服务器》，之所以把Jade换成Ejs，是因为我觉得ejs更符合WEB编程人员的习惯，更确切说应该是更符合PHP、ASP程序员的使用习惯。好了，废话不多说，直接开始教程。第1部分 – 15分钟安装如果你真的是从零开始学，那就花点时间先把环境搭建起来吧。这不难，我用的是Win8，所以这看上去跟那些用Mac和Ubuntu或者其它*nix系统的教程有点区别，...
以下通过两种方式介绍windows下安装node.js及框架express 第一种方式： 总共分为四步轻松完成Nodejs的Express安装 第一步、安装 所有要先按装express-generator，否则创建项目时，会提示express命令没找到npm install -g express-generator #需先安装express-generator npm install -g express express -V #验证是否安装成功第二步、创建项目$ express myfirstexpress # express的默认模版采用jade，若需要ejs模版支持，加上-e选项...
Express 是一个简洁、灵活的 node.js Web 应用开发框架, 它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。1.express组织结构app demo |---node_modules------用于安装本地模块。 |---public------------用于存放用户可以下载到的文件，比如图片、脚本、样式表等。 |---routes------------用于存放路由文件。 |---views-------------用于存放网页的模板。 |---app.js------------应用程序的启动脚本。 ...
Nodejs是一个年轻的编程框架，充满了活力和无限激情，一直都在保持着快速更新。基于Nodejs的官方Web开发库Express也在同步发展着，每年升级一个大版本，甚至对框架底层都做了大手术。在Express4时，替换掉中件间库connect，而改用多个更细粒度的库来取代。带来的好处是明显地，这些中间件能更自由的更新和发布，不会受到Express发布周期的影响；但问题也是很的棘手，不兼容于之前的版本，升级就意味着要修改代码。 通过一段时间的查...
上一篇《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 (defaults to jade)PS：模板引擎之类暂时不必care，不过俺当初学习搭建N...
操作是在ubuntu系统的下环境，简单记录一下过程。 首先用apt-get安装数据库，键入命令 sudo apt-get install mysql-server , 一路回车，然后在一个界面设置一下数据库root的密码就好了 在数据库里面我们需要创建一些东西。键入 mysql -uroot -p 来进入sql控制台。 1.先创建数据集 create database databasename ； 2.use database databasename ； 3.建表（这里创建一个很简单的，只有自增id，用户名和密码）create table user_inf...
1.安装 node.js。 进入官网的下载地址：http://www.nodejs.org/download/ 。 选择Windows Installer或者选择Windows Installer (.msi) 32-bit，下载安装包。 下载完成后，双击安装。2.安装 Express。 通过nmp包管理器进行安装，安装分为： 全局安装：自动安装到“C:\Users\[当前用户]\AppData\Roaming\npm”下，并且自动将路径添加到环境变量“Path”中。 本地安装：安装到当前目录下，不会将路径添加到环境变量“Paht”中。 为了方...
环境：主机:WIN10express安装：1.安装express-generator输入命令：npm install -g express-generator2.安装express输入命令：npm install -g express3.验证是否安装成功输入命令：express -V查看帮助：express --help建立工程：express -e calculator cd calculator && npm install运行默认网页：输入命令：npm start或者node ./bin/www端口配置在/bin/www中。可以执行加法运算。源代码：view/index.ejs:增加输入框routes/index.js...