裁纸刀下 » Ajax http://ofcss.com 独立 自由 诚信 宽容 责任 平常心 Thu, 19 Jan 2012 14:24:38 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 [翻译]ASP.NET MVC动手实验1-2：创建ASP.NET MVC应用 http://ofcss.com/2009/04/09/aspnetmvc-hands-on-labs-create-application.html http://ofcss.com/2009/04/09/aspnetmvc-hands-on-labs-create-application.html#comments Thu, 09 Apr 2009 15:08:09 +0000 小李刀刀 http://wukangrui.net/2009/04/09/aspnetmvc-hands-on-labs-create-application.html 在这个练习中你将学习如何在 Visual Studio 中创建一个 ASP.NET MVC 应用。并初步了解默认项目结构和一些开发约定。 ASP.NET MVC 框架分为 Model， View 和 Controller 三个部分。模型组件（Model）一般用于维护数据库中的持久数据层的状态。视图组件（View）由控制器挑选并渲染到适当的用户界面。默认状态下， ASP.NET MVC 框架用ASP.NET已有的 ASP.NET 页面（.aspx）、 母版页（.master）以及用户控件（.ascx）等类型来作为浏览器呈现。控制器组件（Controller）组件将用户请求定位到适当的控制器（Controller）行为（Action）和方法（Method），从请求中获取用于行为方法运行的参数值， 并处理行为和方法执行中可能产生的错误。 然后控制器用该请求对应的视图进行渲染。 默认状况下，每个组件存放在 MVC WEB 应用工程的一个独立目录下。 任务1 – 创建一个 ASP.NET MVC Web 应用工程 在这个任务中你将通过Visual Studio的MVC模板创建和配置一个空的 ASP.NET MVC 应用工程。 打开 … Continue reading →

]]> 在这个练习中你将学习如何在 Visual Studio 中创建一个 ASP.NET MVC 应用。并初步了解默认项目结构和一些开发约定。

ASP.NET MVC 框架分为 Model， View 和 Controller 三个部分。模型组件（Model）一般用于维护数据库中的持久数据层的状态。视图组件（View）由控制器挑选并渲染到适当的用户界面。默认状态下， ASP.NET MVC 框架用ASP.NET已有的 ASP.NET 页面（.aspx）、 母版页（.master）以及用户控件（.ascx）等类型来作为浏览器呈现。控制器组件（Controller）组件将用户请求定位到适当的控制器（Controller）行为（Action）和方法（Method），从请求中获取用于行为方法运行的参数值， 并处理行为和方法执行中可能产生的错误。 然后控制器用该请求对应的视图进行渲染。 默认状况下，每个组件存放在 MVC WEB 应用工程的一个独立目录下。

任务1 - 创建一个 ASP.NET MVC Web 应用工程

在这个任务中你将通过Visual Studio的MVC模板创建和配置一个空的 ASP.NET MVC 应用工程。

  1. 打开 Microsoft Visual Studio 2008：依次点击 开始|所有程序|Microsoft Visual Studio 2008|Microsoft Visual Studio 2008.
  2. 点击 文件 菜单， 指向 新建， 然后点击 项目。
  3. 在 新建项目 对话框中，确保右上角选中的版本为 .NET Framework 3.5，在 项目类型 下选择 Visual C#，然后在 Visual Studio 已安装的模板 中选择 ASP.NET MVC Web Application 类型。你可以设置项目位置为 你的路径AspNetMvcEx01-CreatingMvcAppbegin 作为项目目录。
  4. 修改 名称 为 MvcSampleApp 然后点击 确定 。 image 图一：创建新项目对话框
    在点击 确定 按钮之后，Visual Studio 会问你是否同时创建测试项目（would you like to create a test project）。选择 Yes， 输入 MvcSampleApp.Test 作为项目名称（Name of the Project）， 然后点击 确定（OK）。注：我安装的是Visual Studio 2008 SP1 简体中文版 + ASP.NET MVC 1.0，在我的系统上，创建测试项目的对话框为英文，因此这里加上英文对照。
    提示：当你创建一个新的MVC Web应用时， Visual Studio 会为你提供同时创建两个项目的选择，第一个项目是Web项目用来实现你的应用，第二个项目是一个测试项目，你可以在其中为你的MVC组件编写单元测试。
    image
    图二：创建 MVC 单元测试项目
    提示：测试项目对话框中的 测试框架（Test Framework） 下拉列表现在只有一个 Visual Studio Unit Test，这个列表是可扩展的，在你的机器上安装了其他测试框架的时候，它将会包含其他的测试框架供你选择。由此你可以容易地用你喜欢的单元测试框架来为你的 ASP.NET MVC 应用编写单元测试。
  5. 在Visual Studio 中配置站点使用端口 50000。这一步是为了和本动手实验中的后续联系保持一致所必须的。
    1. 在 解决方案浏览器 中，右击 MvcSampleApp 项目，并在上下文菜单中选择 属性 。
    2. 在 属性 页中，打开 Web 标签。
    3. In the Servers section select Specific Port. 在 服务器 设置项下面，选择 使用Visual Studio开发服务器，并选中 特定端口 。
    4. 设置端口号为 50000 。
    5. 按下 Ctr + S 保存所做的改动。

    image
    图三：配置本地测试属性

相关日志

]]> http://ofcss.com/2009/04/09/aspnetmvc-hands-on-labs-create-application.html/feed 0 用JavaScript动态输出的JS脚本不能执行 http://ofcss.com/2006/04/12/innerhtml-can-not-be-excuted.html http://ofcss.com/2006/04/12/innerhtml-can-not-be-excuted.html#comments Wed, 12 Apr 2006 06:29:00 +0000 小李刀刀 http://wukangrui.net/?p=133 　　随着Ajax的越来越多地运用，HTML的内容又开始由“所见即所得”开始向“所见未必所得”发展了。这就是动态改变网页内容的魅力所在吧。 　　在公司产品动易2006版整合接口的开发过程中，需要在客户端页面上输出一段调用远程接口写cookies的代码，最早的时候我是把调用url通过script的方式输出。在ASP输出HTML的时候，调试通过。 　　动易2006的前台登陆表单已经采用了Ajax技术，页面上所看到的登陆表单并非直接由HTML代码在页面中写成，而是在页面加载以后，通过JS，通过Ajax，向服务器端的asp程序查询用户登录状态以后，再动态输出到页面的。 　　一开始我通过JS，动态生成调用script的HTML代码以后，输出到页面，跟其它的HTML代码一样。结果出现了通行登陆不能同步的问题。用alert调试发现代码已经正确生成，显然用innerHTML输出到页面以后，是没有问题的。但是为什么没有登陆呢？ 　　为这个问题，折磨了我一晚上。天亮的时候跟动网公司的迷城浪子聊到这个问题，老迷没看我的脚本，只是听我讲了一遍，回答我说“JS输出的JS脚本不能被执行的吧？” 　　难道真是这个问题？我把通过script调用改成通过img调用，还把图片大小设置成100*100，果然在页面上显示了，同步登陆也成功了。 　　后来我写了一个段测试脚本，果然是js输出的js将不能执行。具体看下面的代码： 　　在上面的例子中，可以看到页面执行了远程的js脚本，输出统计图标 　　把代码修改如下： <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /> <title>无标题文档</title> </head> <body> <div id=”div”>加载中…</div> <script type=”text/javascript” language=”javascript”> var newStr = “<script src=\”http://s33.cnzz.com/stat.php?id=109006&web_id=108995&show=pic\” language=\”JavaScript\” charset=\”gb2312\”><\/script>”; … Continue reading →

]]> 　　随着Ajax的越来越多地运用，HTML的内容又开始由“所见即所得”开始向“所见未必所得”发展了。这就是动态改变网页内容的魅力所在吧。

　　在公司产品动易2006版整合接口的开发过程中，需要在客户端页面上输出一段调用远程接口写cookies的代码，最早的时候我是把调用url通过script的方式输出。在ASP输出HTML的时候，调试通过。

　　动易2006的前台登陆表单已经采用了Ajax技术，页面上所看到的登陆表单并非直接由HTML代码在页面中写成，而是在页面加载以后，通过JS，通过Ajax，向服务器端的asp程序查询用户登录状态以后，再动态输出到页面的。

　　一开始我通过JS，动态生成调用script的HTML代码以后，输出到页面，跟其它的HTML代码一样。结果出现了通行登陆不能同步的问题。用alert调试发现代码已经正确生成，显然用innerHTML输出到页面以后，是没有问题的。但是为什么没有登陆呢？

　　为这个问题，折磨了我一晚上。天亮的时候跟动网公司的迷城浪子聊到这个问题，老迷没看我的脚本，只是听我讲了一遍，回答我说“JS输出的JS脚本不能被执行的吧？”

　　难道真是这个问题？我把通过script调用改成通过img调用，还把图片大小设置成100*100，果然在页面上显示了，同步登陆也成功了。

　　后来我写了一个段测试脚本，果然是js输出的js将不能执行。具体看下面的代码：

　　在上面的例子中，可以看到页面执行了远程的js脚本，输出统计图标
　　把代码修改如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div id="div">加载中...</div>
<script type="text/javascript" language="javascript">
var newStr = "<script src=\"http://s33.cnzz.com/stat.php?id=109006&web_id=108995&show=pic\" language=\"JavaScript\" charset=\"gb2312\"><\/script>";
document.getElementById("div").innerHTML = newStr;
</script>
</body>
</html>

　　可以看到“加载中...”字样已经被下面的JS代码动态输出的代码替换了，但是并没有显示统计图标，说明script脚本调用代码已经被输出到页面，但是没有被执行。

相关日志

]]> http://ofcss.com/2006/04/12/innerhtml-can-not-be-excuted.html/feed 7