前言
在習慣了使用express框架，jade模板引擎等現成工具來寫代碼之后，很多人對于基本的NodeJS API會慢慢生疏。本文將以一個超小型web項目，來詳細介紹如何使用NodeJS基礎的http, fs, path, url等模塊提供的API來搭建一個簡單的web服務器。當做對NodeJS的一次復習，也為初學NodeJS的開發者提供一個參考。本文所搭建的項目將不會使用express等后端框架，僅使用最基礎的NodeJS API，按照MVC設計模式的思路進行編碼和講解，交流意見。源代碼地址如下，建議下載源碼邊看博客邊對照源碼才能比較快理解整個過程。https://github.com/hongchh/node-example
項目介紹
有一個簡單的食品店網站，它包括一個主頁index和一個詳情頁detail。主頁展示食品店的所有食品，包括食品圖片、名稱、價格3個信息，如下圖所示。
用戶點擊任何一項食品就會跳轉到對應的詳情頁，包括食品圖片、名稱、價格和描述4個信息，如下圖所示。
項目結構
項目的文件結構如下所示。
node-example |--data(存放項目數據的文件夾) |--detail.json(存放食品詳情數據) |--foods.json(存放首頁食品數據) |--model(提供訪問和操作數據服務的數據模型) |--detail.js(詳情數據訪問模塊) |--foods.js(食品數據訪問模塊) |--public(存放css,js,圖片等靜態文件) |--css(存放css文件的文件夾) |--img(存放圖片的文件夾) |--js(存放js文件的文件夾) |--route(路由，控制器) |--api(處理普通請求的路由，或者叫控制器) |--static(處理靜態文件請求的路由，或者叫控制器) |--views(視圖，即用戶界面) |--index.html(主頁界面) |--detail.html(詳情頁面) |--server.js(服務器啟動文件) |--package.json(項目包信息) |--README.md(項目信息以及啟動方法描述)
本文只講解服務端編程，因此兩個簡單界面的實現過程這里就不再 主站蜘蛛池模板： 西昌市| 仙桃市| 文水县| 班玛县| 文山县| 宝鸡市| 宁强县| 禄丰县| 惠州市| 句容市| 伊通| 滦南县| 疏附县| 灵璧县| 县级市| 宁河县| 江达县| 绥中县| 丹阳市| 陈巴尔虎旗| 东源县| 吴江市| 青冈县| 大田县| 齐齐哈尔市| 景泰县| 宣汉县| 武陟县| 安泽县| 玉树县| 龙江县| 金堂县| 龙胜| 黄石市| 囊谦县| 都安| 仁怀市| 衢州市| 沛县| 德昌县| 蕲春县|