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不是个普通变量。