node学习笔记_04 express相册

学习node用express框架做了一个相册展示及上传功能:

1.没有连接服务器,这里全部是操作文件夹

2.安装上传文件的依赖formidable,npm install --save formidable

github地址:https://github.com/zuomm/photo

下面整理下项目创建过程:

一.npm init 生成packege.json项目依赖的环境

二.自行创建文件夹结构

——controller  只负责方法罗列

    —route.js   路由只是方法罗列,具体业务写在module里

——modules   模型,处理业务逻辑脏活累活

    —files.js

——node_modules  项目依赖(npm install --save modulename

——uploads     文件上传的目录

——public        存放静态资源(css,js)

——views        静态资源文件(jade,ejs,html)

——app.js       项目入口文件

——package.json   项目环境配置文件

三.开始写入口文件app.js的代码

//引入express框架
var express = require("express");
//引入路由
var router = require("./controller/route.js");
var app = express();
//设置模板引擎
app.set("view engine","ejs");

//设置静态资源库路径
app.use(express.static("./public/"));
app.use(express.static("./uploads/"));

//路由地址设置
app.get("/",router.showIndex);

/**
 *  /:photoName 路径参数
 *  用 req.params[photoName] 来获取
 */
app.get("/:photoName",router.showPhoto);

//路由上传图片
app.get("/up",router.showUp);
app.post("/up",router.doPost);

//路由设置错误页面
app.use(function(req,res){
    res.render("err");
});

//端口设置
app.listen(3004,function(){
    console.log(‘服务器已经运行在3004端口‘);
});

/*
不要把所有业务都写在一个文件当中,这样子即算不运行代码本身,但是也占用了加载打开的速度
*/

四.开始按照路由->逻辑->展示render()思路写代码

时间: 2024-11-07 16:13:47

node学习笔记_04 express相册的相关文章

Node.js笔记(0003)---Express框架Router模块学习笔记

这段时间一直有在看Express框架的API,最近刚看到Router,以下是我认为需要注意的地方: Router模块中有一个param方法,刚开始看得有点模糊,官网大概是这么描述的: Map logic to route parameters. 大概意思就是路由参数的映射逻辑 这个可能一时半会也不明白其作用,尤其是不知道get和param的执行顺序 再看看源码里面的介绍: Map the given param placeholder `name`(s) to the given callbac

Node学习笔记(四):gulp+express+io.socket部署angularJs2(填坑篇)

这篇就先暂停下上篇博客--你画我猜的进度,因为在做这个游戏的时候,想采用最新的ng2技术,奈何坑是一片又一片,这边就先介绍下环境部署和填坑史 既然要用ng2,首先要拿到资源,我这边用的是angularJs2 beta版的,网上的资源有两种,一个是文件全压缩版的.min.js版的另一个就是一大堆乱七八糟的js文件,主要是ng2已经完全采用TypeScript,加之对es6的支持,所以需要引入一大堆兼容,编译文件 这边刚好特别手欠想学学gulp,于是开搞配置gulp环境,压缩所有的js文件成一个mi

node.js在windows下的学习笔记(7)---express的app.js的详细配置说明

var express = require('express'); var path = require('path'); var favicon = require('serve-favicon'); var logger = require('morgan'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); var routes = require('./routes

NodeJS学习笔记之express

Express学习 API分析 Set.Get app.set('title', 'My Site'); app.get('title'); // "My Site" app.get(“string”)和app.get(path, [callback...], callback)要区别开,前面一个函数是获取string的value,而后一个是路由函数. 下面的内建的可以改变Express行为的设置 env 运行时环境,默认为 process.env.NODE_ENV 或者 "

node学习笔记-搭建node环境

最近项目要用到node,利用空闲整理做下笔记 第一步  安装node,方式比较多,最为直接的是直接去官网     可直接从官网下载安装http://nodejs.cn/download/ 根据自己情况选择相应的版本安装 第二步   测试是否安装成功 打开命令终端,这样就算安装成功了 node -v v4.2.5 第三步   安装node最好用的框架 express,详情移步 http://www.expressjs.com.cn/ $ npm install express --save 准备工

node 学习笔记

以下笔记默认安装完成node 及npm 1.安装express 新版本的express-generator已经独立出来,全局安装这个包就ok. npm install express-generator -gd 2.新建一个文件夹并进入 3.执行express -e 初始化项目 4.npm install 安装项目依赖包 5.npm start 启动项目 6.为省去每次调试都要手动kill process然后重启项目的麻烦 可以安装superviser views文件夹下 .ejs 改为.htm

将js进行到底:node学习笔记5

HTTP开发之Connect工具集--中间件 继学习node.js的TCP API和HTTP API之后,node.js web开发进入了正轨,但这就好像Java的servlet一样,我们不可能使用最基础得Servlet对象去写网站,我们也不能使用最基本的node http API去写一个完整得网站,我们需要更加强大得工具集,web套件,甚至是web开发框架(诸如Java下的Spring MVC),来提供开发者更人性化得web开发环境. 创建网站的基本任务--为何要有中间件 独立托管静态文件,诸

node 学习笔记1 router路由

1. var express = require('express'); var app = express(); app.get('/', function(req, res){ res.send('hello world'); }); app.listen(3000); 一个最为常见的 路由 2. var admin = express(); admin.get('/', function (req, res) { console.log(admin.mountpath); // [ '/a

nodejs学习笔记(2)--Express下安装模版引擎ejs

成功安装完express后,输入express -help,根据提示安装ejs(如下图): 根据提示-e实现安装ejs,注意此处有坑:之前安装的时候根据教程(node.js开发指南第五章5.2.2节)直接输入express -t ejs microblog建立网站基本结构,结果报错:jade has been renamed to pug...然后又一头雾水查报错问题,就是因为没有看清express -help的提示信息.所以接下来需要继续输入如下: (创建的文件后缀为ejs) 然后按照提示进入