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
ローカルLLMでどこまでコードが書けるか -縮小版 /　How much code can be written on a local LLM Shortened
Avatar for Naoki Kishida kishida
2
180
フィードバックで育てるAI開発
Avatar for Kota Minato kotaminato
1
110
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
Avatar for r-kagaya rkaga
4
5.7k
決定論的オーケストレーションの設計と実装 / Design and Implementation of Deterministic Orchestration
Avatar for nrs nrslib
4
1.6k
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
Avatar for suikabar suikabar
3
840
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
Avatar for r-kagaya rkaga
2
1.3k
Generative UI & AI-Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
0
150
自作OSでスライド発表する
Avatar for uyuki uyuki234
1
3.7k
OS アップデート対応の取り組み方がもっと共有されてほしい
Avatar for ANDPAD inc andpad
0
110
トークンをケチるな、設計しろ：GitHub Copilotを賢く使うコンテキスト戦略
Avatar for Ochtum ochtum
0
300
Welcome to the "Parametricity" 🏙️ − Generic だけど Specific な世界 −
Avatar for TAKASE Kazuyuki guvalif
PRO
1
140
Honoでのサプライチェーン侵害対策 〜 3つのライブラリに学ぶ
Avatar for Yusuke Wada yusukebe
7
1.8k

Featured

See All Featured
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.1k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
440
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
970
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
450
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
1
370
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
260
Design in an AI World
Avatar for tapps tapps
1
260
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.5k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
240
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.1k

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