Upgrade to Pro — share decks privately, control downloads, hide ads and more …

NTU CCSP 2012Fall - Node.js #2.1 - Simple File ...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Steven Su Steven Su
October 31, 2012
Programming
2
450

NTU CCSP 2012Fall - Node.js #2.1 - Simple File Host Service

node.js 0.8 + express 3

Avatar for Steven Su

Steven Su

October 31, 2012
Tweet

More Decks by Steven Su

See All by Steven Su
JSDC.TW 2013 Node.js佈署心得
Avatar for Steven Su xpsteven
14
1.2k
NTU CCSP 2012Fall - Mobile Web入門 回首網頁開發
Avatar for Steven Su xpsteven
3
290
NTU CCSP 2012Fall - Facebook
Avatar for Steven Su xpsteven
1
210
NTU CCSP 2012Fall - Node.js #3 - Mongoose
Avatar for Steven Su xpsteven
2
720
NTU CCSP 2012Fall - Node.js #2 - express.js
Avatar for Steven Su xpsteven
3
570
Y! Open Hack 2012 Taiwan
Avatar for Steven Su xpsteven
0
180
NTU CCSP 2012Fall - Node.js #2 - Advanced Javascript and Node.js
Avatar for Steven Su xpsteven
1
540

Other Decks in Programming

See All in Programming
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
1k
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
170
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
140
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
240
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
290
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
Avatar for Kenta Suzuki kekekenta
0
220
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
140
並行開発のためのコードレビュー
Avatar for Miyuki miyukiw
0
300
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
24時間止められないシステムを守る-医療ITにおけるランサムウェア対策の実際
Avatar for kouki.miura koukimiura
1
110
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
180

Featured

See All Featured
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
180
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
0
1.1k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.2k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
320
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
100
Designing for Performance
Avatar for Lara Hogan lara
610
70k

Transcript

  1. 簡易檔案上傳網站

  2. 目標 • 可以上傳檔案並給名稱 • 可以清單顯示已經上傳的檔案 • 可以顯示已經上傳的檔案

  3. 環境 • Windows 7 • Sublime Text 2 • Node.js

    0.8.x • Express.js 3.0

  4. 要求 • 安裝好node 0.8.x • 可以使用npm指令 • 可以使用node指令

  5. Step 0: 安裝express 打開終端機 輸入 npm install express –g -g也可以放install前面

    -g代表安裝到global 才可以在任何資料夾當作指 令來使用 簡單說就是安裝程式到系統

  6. Step 0: 安裝express

  7. Step 1: 建立專案 測試express指令

  8. Step 1: 建立專案 express -e -c less -s uploadserver

  9. Step 2: 安裝所需要的庫 npm install 會自動依照目錄下 的package.json安裝所依賴的 套件到目前目錄(local mode)

  10. Step 3: 驗證安裝 node app.js 打開瀏覽器 http://localhost:3000/

  11. Step 4: 打開ST2 以資料夾模式開啟

  12. Step 5: 編輯bodyParser 修改bodyParser keepExtensions => 保留附檔名 uploadDir => 指定上傳到哪個資料夾

  13. Step 6: 接受上傳 var database 模擬一個資料庫 res.redirect(路徑) 回傳302導向其他 網頁

  14. Step 7: 修改index view

  15. Step 8: 測試看看吧

  16. Step 9: 修改index的handler

  17. Step 10: 再修改index.ejs

  18. Step 11: 測試看看