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

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

Avatar for Steven Su Steven Su
October 31, 2012
Programming
460
2

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

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
330
NTU CCSP 2012Fall - Facebook
Avatar for Steven Su xpsteven
1
220
NTU CCSP 2012Fall - Node.js #3 - Mongoose
Avatar for Steven Su xpsteven
2
740
NTU CCSP 2012Fall - Node.js #2 - express.js
Avatar for Steven Su xpsteven
3
580
Y! Open Hack 2012 Taiwan
Avatar for Steven Su xpsteven
0
210
NTU CCSP 2012Fall - Node.js #2 - Advanced Javascript and Node.js
Avatar for Steven Su xpsteven
1
560

Other Decks in Programming

See All in Programming
Even G2とAWSで推しのエージェントを召喚しよう！
Avatar for Har1101 har1101
1
140
共通化で考えるべきは、実装より公開する型だった
Avatar for code-egg codeegg
0
180
Embedded SREと共に達成した会員管理システムのAWS移行 - SRE NEXT 2026 ランチスポンサーセッション
Avatar for ニフティ株式会社 niftycorp
PRO
0
2.1k
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
Avatar for Tatsuhiro tatsuhiro
1
220
キャリア迷子上等 ─ "ない道"は自分で作ればいい
Avatar for 16bit_idol 16bitidol
3
2.8k
「なぜそう決めたのか」を残し続ける仕組み ― Notion AI カスタムエージェント × Slack連携による設計判断の自動記録 - NIKKEI Tech Talk #47
Avatar for ニフティ株式会社 niftycorp
PRO
0
260
コーディングルールの鮮度を保ちたい for SRE NEXT 2026 / keep-fresh-go-internal-conventions-sre-next-2026
Avatar for NAGATA Hiroaki handlename
0
140
ランチタイムLT会3周年！ランチタイムLT会を3年間続けられたお話
Avatar for y-ohgi y0hgi
1
140
ローカルLLMでどこまでコードが書けるか -縮小版 /　How much code can be written on a local LLM Shortened
Avatar for Naoki Kishida kishida
2
180
AIエージェントで 変わるAndroid開発環境
Avatar for takahirom takahirom
2
480
「正の参照」と 「負の導出」で組む ハーネスエンジニアリング
Avatar for Masahiro Watanabe cottpan
1
130
Hunting Vulnerabilities in Symfony with LLMs
Avatar for Vincent Amstoutz vinceamstoutz
0
580

Featured

See All Featured
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
550
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
180
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
420
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.9k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
310
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.1k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
360
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3.1k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
3.9M
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k

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: 測試看看