express源碼分析

A. devexpress demo 的源碼 在哪兒

devexpressdemo在DevExpress文件夾->Components->Demos裡面就是Demo和源碼；

根據下圖路徑，打開即可找到demo的源碼：

DEMO是demonstration的縮寫。

DEMO的中文含意為「示範」、「展示」、「樣片」、「樣稿」，常被用來稱呼具有示範或展示功能及意味的事物。

DevExpress是DeveloperExpress的縮寫，DevExpress是一家全球知名的控制項開發公司。

B. 前端常用的框架有哪些

前端三大框架，是Angular、React、Vue，這三個框架現在是最為流行也是最多人用的框架。

React：
1.聲明式設計：React採用聲明範式，可以輕松描述應用。
2.高效：React通過對DOM的模擬，最大限度地減少與DOM的交互。
3.靈活：React可以與已知的庫或框架很好地配合。
優點：
1.速度快：在UI渲染過程中，React通過在虛擬DOM中的微操作來實現對實際DOM的局部更新。
2.跨瀏覽器兼容：虛擬DOM幫助我們解決了跨瀏覽器問題，它為我們提供了標准化的API，甚至在IE8中都是沒問題的。
3.模塊化：為你程序編寫獨立的模塊化UI組件，這樣當某個或某些組件出現問題是，可以方便地進行隔離。
4.單向數據流：Flux是一個用於在javaScript應用中創建單向數據層的架構5.同構、純粹的javascript：因為搜索引擎的爬蟲程序依賴的是服務端響應而不是JavaScript的執行，預渲染你的應用有助於搜索引擎優化。6.兼容性好：比如使用RequireJS來載入和打包，而Browserify和Webpack適用於構建大型應用。它們使得那些艱難的任務不再讓人望而生畏。缺點：React本身只是一個V而已，並不是一個完整的框架，所以如果是大型項目想要一套完整的框架的話，基本都需要加上ReactRouter和Flux才能寫大型應用。

Vue：
Vue是尤雨溪編寫的一個構建數據驅動的Web界面的庫，准確來說不是一個框架，它聚焦在V（view）視圖層。
它有以下的特性：
1.輕量級的框架
2.雙向數據綁定
3.指令
4.插件化
優點：
1.簡單：官方文檔很清晰，比Angular簡單易學。
2.快速：非同步批處理方式更新DOM。
3.組合：用解耦的、可復用的組件組合你的應用程序。
4.緊湊：~18kbmin+gzip，且無依賴。
5.強大：表達式無需聲明依賴的可推導屬性(computedproperties)。
6.對模塊友好：可以通過NPM、Bower或Duo安裝，不強迫你所有的代碼都遵循Angular的各種規定，使用場景更加靈活。
缺點：
1.新生兒：Vue.js是一個新的項目，沒有angular那麼成熟。
2.影響度不是很大：google了一下，有關於Vue.js多樣性或者說豐富性少於其他一些有名的庫。
3.不支持IE8。

Angular：
Angular是一款優秀的前端JS框架，已經被用於Google的多款產品當中。
它有以下的特性：
1.良好的應用程序結構
2.雙向數據綁定
3.指令
4.HTML模板
5.可嵌入、注入和測試
優點：
1.模板功能強大豐富，自帶了極其豐富的angular指令。
2.是一個比較完善的前端框架，包含服務，模板，數據雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能；3.自定義指令，自定義指令後可以在項目中多次使用。
4.ng模塊化比較大膽的引入了Java的一些東西（依賴注入），能夠很容易的寫出可復用的代碼，對於敏捷開發的團隊來說非常有幫助。
5.angularjs是互聯網巨人谷歌開發，這也意味著他有一個堅實的基礎和社區支持。
缺點：
1.angular入門很容易但深入後概念很多,學習中較難理解。
2.文檔例子非常少,官方的文檔基本只寫了api,一個例子都沒有,很多時候具體怎麼用都是google來的,或直接問misko,angular的作者。
3.對IE6/7兼容不算特別好,就是可以用jQuery自己手寫代碼解決一些。
4.指令的應用的最佳實踐教程少,angular其實很靈活,如果不看一些作者的使用原則,很容易寫出四不像的代碼,例如js中還是像jQuery的思想有很多dom操作。
5.DI依賴注入如果代碼壓縮需要顯示聲明。

C. 如何設計一個基於Node.js和Express的網站架構

推薦使用Webstorm打開項目。打開項目後，代碼結構如下圖所示：

在主體結構中從上到下介紹。 app 文件夾包含了所有後端代碼； build 文件夾中包含了最新資料庫備份； config 包含有網站整體的配置； logs 文件夾包含網站後端記錄的日誌文件； node_moles 是包含所有的 node.js 依賴包（源代碼中初始沒有此文件夾，運行 npm install 命令後所有載入的依賴包放置在此文件夾中）； public文件夾包含了所有的前端代碼，包括JavaScript、less、圖片、Webfont等； .bowerrc中定義了 bower 管理前端庫的下載地址； bower.json 則配置了項目需要的前端庫；.jshintre-client 和 .jshintrc-server 分別為前後端JavaScript代碼規范檢查規則；.travis.yml 為[travis]（travis-ci.org/）自動編譯配置； app.js 為node.js啟動腳本文件； build.sh 為單獨編寫的自動發布bash命令；gruntfile.js為 grunt 配置文件；newrelic.js為 newrelic 的配置文件，用於監控網站性能； package.json 包含了所有node.js依賴包配置。
項目後端結構
項目後端代碼架構如下圖所示：

主要分為兩大部分： app 和 config 。 app 裡面按照職責不同來分類，每個腳本文件對應於不同的模塊； api 文件夾包含了所有api對應的業務邏輯代碼， helper 放置一些公用方法，如郵件發送、日誌記錄、資料庫連接等等； templates 放置的是靜態郵件模板； views 是後端頁面模板，使用了 handlebar 模板引擎，其中 http 中放置系統錯誤顯示頁面， layouts 放置模板頁； routes 是 express 對應的路由配置，所有的頁面和API的路由配置都在這個文件中。 config 文件夾中為系統配置，按照不同環境分為開發和現場兩個環境配置， all.js 放置共通配置， development.js 放置開發環境對應配置而 proction.js 放置線上環境配置。配置內容包括郵件發送、資料庫連接及一些第三方API所需的key等等。
項目前端結構
項目前端代碼結構如下所示：

前端代碼全部放置於 public 文件夾下。 data 目錄包含一些靜態json格式數據，後期可能會考慮放到資料庫中。 helper 中是瀏覽器下載引導頁面； images 包含了所有項目中用到的圖片，我們盡量使用第三方的圖片伺服器保存圖片，一些小圖標也盡量使用webfont。 JavaScripts 文件夾包含所有JavaScript文件，其中 app 子目錄放置業務代碼，業務代碼都是按照業務不同封裝成了不同的 angularjs controller； debug 子目錄放置調試用代碼，而 libs 方式前端JavaScript庫，項目中使用得JavaScript庫有angularjs 、 jQuery 及一些插件； clients.js 是所有ajax請求函數； erealm.js 是angularjs的主模塊； language.js 包含了所有多語言配置，目前支持中英文。stylesheets 包含了所有的css樣式及webfont，除了第三方庫之外，自定義的樣式全部使用了 less 。作為一種慣例，項目中添加了 humans.txt 文件，表明項目的作者信息。有關humans.txt，可以參考官方網站 humans.txt 。
自動化構建工具
項目自動化構建使用 grunt 。grunt的使用涉及開發、調試、發布階段。開發階段使用了圖片壓縮和前端代碼格式美化，使用的工具是 imagemin 和 jsbeautifier ，運行grunt prepare 命令。調試階段使用了代碼規范檢查、less編譯、自動添加瀏覽器前綴、自動載入運行nodejs並打開瀏覽器、實時監控代碼變化並刷新頁面等。開發中，使用 grunt 命令即可，為默認grunt命令。發布階段包含了JavaScript及css合並壓縮，並在文件路徑上添加哈希值來避免瀏覽器緩存問題，同時刪除開發環境中使用的代碼，使用 grunt build 命令即可把代碼切換為發布環境。
具體的使用grunt方法及相關工具的介紹，後期會有專門的技術文章講解，這里不會詳細設計技術細節。
後期持續的改進點
項目完成的比較倉促，但是我們盡量保持代碼的整潔和可維護性，一些編碼方式也借鑒當前流行的最佳實踐。但理想是美好的，現實總是不會做到那麼完美，需要不斷的完善。目前存在的問題是後端代碼結構不夠清晰、整體代碼中無用代碼還沒有來得及移除。框架上期望把 jQuery 去掉，只使用 Angularjs ，目前只做到了盡量不用jQuery 中的方法。小圖標的使用上 Bootstrap 和 Font Awesome 重復，後期會逐步刪除 Font Awesome 而只使用 Bootstrap 中帶的小圖標。目前，最大的問題是項目沒有完整的自動化測試，這個後期會逐步添加。
總結
以上是這個開源項目的整體技術結構介紹。在這個項目中，我們會持續使用最流行的Web技術，希望得到大家的持續關注，如果有開發者能一塊貢獻一些代碼，我們將會非常高興。我們已經在github.io上構建了一個技術平台來發布Web技術文章，網址是blog.erealm.cn。博客網址也同樣開源，使用了 Jekyll 構建。 Jekyll 非常強大，最大的特點是使用markdown格式來發布文章。博客的代碼在這里： github 。
我們做這個開源的項目的目的有兩個，其一是通過這個項目來展示我們做Web項目的實力，及培養團隊技術水平。其二是藉助這個項目，能和同行們有個技術上的互動和交流。如果我們的項目能讓一些新手們學到一些做Web項目的經驗，我們就很知足了。技術是不斷革新的，而國內Web技術向來是落後於國外好幾年，這個是不爭的事實。我們erealm團隊樂意為國內Web貢獻自己的力量，也歡迎國內同行們和我們交流Web開發經驗。

D. 為什麼引用express，var app=express;最後有個

可分析源碼所得：varexpress=require('express');varapp=express();app.get('/',function(req,res){res.send('HelloWorld!');});varserver=app.listen(3000,function(){varhost=server.address().address;varport=server.address().port;console.log('.js的方法。下面是application.js中的init方法：app.init=functioninit(){this.cache={};this.engines={};this.settings={};this.defaultConfiguration();};所以express()本質上就是調用了createApplication()方法，返回了一個express對象express()分析結束。

E. 如何系統地學習 Express JS

如何系統地學習 Express JS ？
雖然我找到了文檔翻譯，可還沒學 Node
另外也沒搜到相關的博文

5 個回答

24贊同反對，不會顯示你的姓名
夏天 A competent programmer
24 人贊同
先從基礎說起吧，Node.js使用javascript語言，所以JS的語法、特性及OO肯定要先掌握了，再學習node的api，特別需要領會事件驅動及非同步編程的思想，這算是一個很大的轉變，Node主要用於網路應用，所以網路編程內容多看下。
express是一個基於node的web框架（集成web伺服器+mvc），當然其實不用框架，使用node自己弄一個web伺服器和mvc框架也不是很麻煩（Node為網路而生，當然強大的不止這點），但是有優秀的express，封裝了很多常用功能，推薦用。
學習express肯定是先把api過一遍，文檔中的簡單例子都試試，但這肯定是不夠的，要深入了解還是得看源碼，express主要依賴connect（基於node的http伺服器框架，提供大量的中間件幫助用戶構建強大靈活的web server），所以深入connect也是有必要的。

徐雷
6 人贊同
不能一上來就學express，因為他是基於node的框架，不懂node的原理就無法學會express。而node的理論基礎又是javascript的event-loop非同步機制，所以那裡應該是你學習node.js的起點。 別把學node.js當做學java或php那樣看待，原因就在於他的非同步編程思想。

node的中文資料很少，推薦從這篇英文文章看起

王宇鵬 寫代碼的產品, 前端慎入
1 人贊同
說實話這東西很難學的, 一是中文資料太少, 而是裡面融合了太多了概念. 建議先學js, 然後學習js的mvc, 模板, 然後在學一個後端語言,例如php 和codeigniter框架 然後在學nodejs 基本各種概念弄明白了 學起來就快了

匿名用戶
好多年前的問題啊.
Express in action 強烈推薦.

知乎用戶 電力行業、信息工程師
非同步是個難點，與過去的傳統設計有所不同。如果可以深刻領會掌握非同步的概念，node.js才算是掌握了

F. devexpress為什麼要重新編譯源碼

本文以DevExpress 11.1.8舉例 必須滿足幾個條件
1、 必須有DXperience相應版本的全部源代碼SourceCode。把全部源代碼復制到X:\Program Files\DevExpress XXX\Components\Sources目錄。目標目錄的默認位置是在C:\Program Files\DevExpress 20XX\Components\Sources（其中X.X為應替換相應的版本號，以下不再重復說明）。

2、 必須有一個強名稱的文件。該文件可以是你自己生成的，或者是團隊項目中約定的某人生成的文件。要創建此文件，必須執行下面的命令建立你自己的密鑰：sn -k StrongKey.snk並且復制新生成的強命名密鑰StrongKey.snk文件到Sources目錄下的/ Devexpress.Key /目錄。該強名稱Sn.exe工具位於/Program Files/Microsoft Visual Studio 8/SDK/v2.0/Bin目錄。當然如果是約定的某人生成的文件則直接將文件復制到/ Devexpress.Key /即可。PS。該文件擁有一個對應的PublicKeyToken之後也要使用。

3、 解壓編譯腳本。將下載的相應版本的編譯腳本壓縮包解壓，然後將所有文件復制到DXperience安裝目錄的Sources子目錄下。

下面開始處理
===============================================================================================
如果之前已安裝過其它版本的DevExpress要執行清除程序集的步驟，如果是初次安裝可以跳過這一步
運行C:\Program Files\DevExpress 2011.1\Components\Sources\clear.bat
註：執行該步驟時如果出現「程序集鎖定」的提示請關閉正在運行的程序，重啟IIS Admin 服務，然後在執行一次clear.bat

===============================================================================================

執行C:\Program Files\DevExpress 2011.1\Components\Sources\buildall.cmd
等待執行完畢，執行完畢後會生成兩個文件
C:\Program Files\DevExpress 2011.1\Components\Sources\PublicKeyToken.txt -- 公鑰文件
C:\Program Files\DevExpress 2011.1\Components\Sources\DevExpress.Key\StrongKey.snk -- 私鑰文件

===============================================================================================

打開PublicKeyToken.txt，復制那一串字元如：aea63221faec5671 共16位

在命令行運行如下命令替換公鑰
"%ProgramFiles%\DevExpress 2011.1\Components\Tools\DXperience\ProjectConverter-console.exe" /r /k:<換成你的公鑰> "<源碼解壓的目錄>"
在這里我的是這樣
"%ProgramFiles%\DevExpress 2011.1\Components\Tools\DXperience\ProjectConverter-console.exe" /r /k:233e5082d2bfa4a0 "%ProgramFiles%\DevExpress 2011.1\Components\Sources"
至此控制項部分已經從新編譯完畢。但是Demo卻不能運行了，若要查看Demo就使用公鑰對Demo重新編譯一次就可以了

編譯完源文件後要
開始 → 程序 → Developer Express v2011 vol 1 → Components → Tools → ToolboxCreator
重建下IDE的工具欄
更新以前項目的公鑰
經過重新編譯後的DevExpess控制項私鑰和公鑰都已經改變，如果在編譯前使用過DevExpess的控制項，在編譯後將無法繼續使用
我們可以通過DevExpress的升級工具對項目進行升級，步驟如下：
開始 -> 程序 -> Developer Express v2011 vol 1 -> Components -> Tools -> ProjectConverter

打開 Project Convert (11.1.6.0) 後可以按單個項目(Project folder)升級或多個項目同時升級(Folder list)
勾選 show advanced option(顯示高級選項) 後在 Custom public key token 欄輸入
C:\Program Files\DevExpress 2011.1\Components\Sources\PublicKeyToken.txt 文件中的公鑰值 如：233e5082d2bfa4a0
Hint path behavior 選擇 Upldate ，然後點擊右下角的 Upgrade 按鈕，等待程序替換公鑰完畢後就可以了

G. 在express的代碼中，req.user 和 req.body.user，有什麼區別

express的req中並沒有req.user,這里的req.user.username應該是passport的authenticate方法中給req對象附加上去的,具體可以查看一下你的passport源碼.
req.body.user是指的post請求中的user參數,也就是你的html表單頁中的有一個name為user輸入框提交後傳到伺服器的值,這里如果使用了body-parser中間件,能取到req.body中的user參數.

H. express框架怎麼用react框架作為前端框架

不要設置視圖引擎
app.set('views','./views')
app.set('view engine','jade');
//Don't do this

然後你需要引入靜態資源
如果你使用webpack，需要把dist裡面打包好的文件作為靜態資源引入
否則需要把所有的components目錄作為靜態資源引入
你的React就是簡單的靜態資源
app.use(express.static(path.join(__dirname,'src')));

最後直接在路由返迴文件

app.get('/',function(req,res){
res.sendFile(path.join(__dirname,'index.html'))
})

I. 求DevExpress組件的C#開發平台源碼

DevExpress組件的C#開發平台源碼，參考：www.csframework.com/cs-framework-5.0.htm ，使用DevExpress組件開發的，界面漂亮。

J. 為什麼引用express， var app=express(); 最後有個（）

函數標示，告訴機器express不是個普通變數。