Script#教程：构建脚本组件与框架解析

需积分: 0 76 浏览量更新于2024-07-28 收藏 1.56MB PDF 举报

"ScriptSharp 是一个开源项目，由 Nikhil Kothari 创建，旨在让开发者能够使用 C# 语法编写 JavaScript 代码。ScriptSharp 提供了一个编译器，将 C# 代码转换为高性能的 JavaScript，适用于构建富互联网应用程序，尤其是与 Microsoft Silverlight 和 AJAX 相关的项目。本教程涵盖了 ScriptSharp 的基本概念、框架以及如何使用它来创建组件和库。" ScriptSharp 是一个创新的开发工具，它允许开发人员利用熟悉的 C# 语言编写客户端的 JavaScript 代码。通过这种方式，开发者可以利用 C# 的强大功能，如类型安全、面向对象编程和丰富的编译时检查，同时生成可在浏览器中运行的 JavaScript 代码。在 ScriptSharp 中，你可以构建各种类型的Web应用程序，包括基于AJAX的交互式应用、使用Silverlight技术的富媒体体验，甚至可以创建Windows Vista边栏小工具。ScriptSharp 提供了多个库，如 ssfx.Core.dll，用于核心编程模型、网络和UI概念；ssfx.XDAjax.dll 支持跨域AJAX请求，利用JSONP实现；ssfx.UI.Forms.dll 包含UI控件和行为；ssagctrl.dll 提供了Silverlight XAML DOM；ssve4.dll 集成了Microsoft Virtual Earth API；ssgadgets.dll 用于开发Windows Vista侧边栏小工具；ssfso.dll 提供文件系统API；ssfeeds.dll 支持RSS订阅；而ssfx.Reflection.dll 则包含反射工具。 ScriptSharp 的类型系统和基类库与C# 类似，但有一些差异和限制，比如在处理某些特定的C#特性时。例如，ScriptSharp 不支持所有.NET框架的特性，这意味着某些高级C#特性可能无法直接映射到JavaScript。尽管如此，ScriptSharp 还是能够很好地与 Microsoft ASP.NET AJAX 集成，允许开发者在ASP.NET应用中使用C#编写客户端脚本。此外，ScriptSharp 还支持导入已存在的 JavaScript 库和可脚本化的API，这样开发者就可以利用现有的JavaScript生态系统，同时享受C#带来的开发效率提升。这使得ScriptSharp 成为了一个强大的工具，为那些希望在JavaScript开发中引入强类型和编译时检查的开发者提供了一种选择。 ScriptSharp 是一个强大的开发工具，它扩展了C#的使用范围，使开发者能够在JavaScript环境中利用C#的语法和特性。通过这个教程，读者将了解到如何使用ScriptSharp 创建组件、库，以及如何与现有Web技术如ASP.NET AJAX进行集成，从而提高开发效率和代码质量。

http://projects.nikhilk.net/ScriptSharp Version 0.5.1.0

Script#

okButton.AttachEvent("onclick", _clickHandler);

}

public void Dispose() {

if (_clickHandler != null) {

DOMElement okButton = Document.GetElementById("okButton");

okButton.DetachEvent("onclick", _clickHandler);

_clickHandler = null;

}

private void OnOKButtonClick() {

InputElement nameTextBox = (InputElement)Document.GetElementById("nameTextBox");

DOMElement greetingLabel = Document.GetElementById("greetingLabel");

greetingLabel.InnerHTML = "Hello " + nameTextBox.Value + "!";

}

public static void Main(ScriptletArguments arguments) {

MyScriptlet scriptlet = new MyScriptlet(arguments);

}

Essentially execution starts in the Main method of your scriptlet. The code creates an instance of the

MyScriptlet class which then uses the DOM to find the <button> with id=”okButton” in the page. It

creates a delegate to the button click event handler and associates that with the button.

The click handler finds the <input> with id=”nameTextBox” and the <label> with id=”greetingLabel” to

extract the text entered by the user, and to display a formatted greeting in the page.

The MyScriptlet instance implements the IDisposable interface, and performs cleanup, namely

disassociates the event handler from the button. This is automatically called by Script# when the page is

being unloaded.

The code here uses the DHTML DOM directly. Script# also provides higher level abstractions that

simplify UI programming, but the DOM APIs provide sufficient functionality to implement this Hello

World scenario.

Step 4: Run the page

Right click on the page, and choose View in Browser. In the browser, enter your name in the textbox,

and click the OK button. The script in the page should generate an appropriate Hello greeting in the

page.

Essentially at runtime, the C# code was compiled against the set of referenced assemblies and imported

namespaces, and the equivalent JavaScript was generated for your class. In addition the Scriptlet control

also generates some JavaScript to load the scripts corresponding to assemblies you referenced, and start

your code once those scripts have been loaded.

If you are curious about the code that was generated, you can View Source in your browser. Here is the

generated script:

http://projects.nikhilk.net/ScriptSharp Version 0.5.1.0

Script# 101

window.main = function main() {

Type.createNamespace('Scriptlet');

////////////////////////////////////////////////////////////////////////////////

// Scriptlet.MyScriptlet

Scriptlet.MyScriptlet = function Scriptlet_MyScriptlet(arguments) {

this._clickHandler = Delegate.create(this, this._onOKButtonClick);

var okButton = $('okButton');

okButton.attachEvent('onclick', this._clickHandler);

}

Scriptlet.MyScriptlet.main = function Scriptlet_MyScriptlet$main(arguments) {

var scriptlet = new Scriptlet.MyScriptlet(arguments);

}

Scriptlet.MyScriptlet.prototype = {

_clickHandler: null,

dispose: function Scriptlet_MyScriptlet$dispose() {

if (this._clickHandler) {

var okButton = $('okButton');

okButton.detachEvent('onclick', this._clickHandler);

this._clickHandler = null;

}

_onOKButtonClick: function Scriptlet_MyScriptlet$_onOKButtonClick() {

var nameTextBox = $('nameTextBox');

var greetingLabel = $('greetingLabel');

greetingLabel.innerHTML = 'Hello ' + nameTextBox.value + '!';

}

Scriptlet.MyScriptlet.createClass('Scriptlet.MyScriptlet', null, IDisposable);

ScriptFX.Application.Current.run(Scriptlet.MyScriptlet);

}

ScriptHost.initialize([

'App_Scripts/ssfx.Core.js'

]);

As you will notice, the generated script code looks similar to the originating C# code. This is intentional.

The Scriptlet control allows you to change code generation settings to generate release mode code that

is minimized to reduce the size of the script.

The Scriptlet control also supports the scenario where the C# code has been precompiled.

Finally, you can use the scriptlet model without necessarily using the Scriptlet server control or ASP.NET

(for example, in a vanilla HTML page) by precompiling the C# code, and using some boilerplate template

that mimic the bootstrapping code generated by the Scriptlet server control.

Step 5: Debugging the code

Ensure that EnableDebugging is set to true on the Scriptlet control. This ensures the generated code is

debuggable, and the debug versions of script references are included. The generated debug script code

looks almost identical to the original C# code, and all the programmatic identifiers, method names etc.

剩余60页未读，继续阅读

smalltownboy

粉丝: 0
资源: 10

Script#教程：构建脚本组件与框架解析

ScriptSharp.0.7.4.0.zip

Scriptsharp文档

ScriptSharp2010

【超强组合】基于淘金优化算法GRO-BP-Adaboost的数据分类预测算法Matlab实现.rar

VMware Workstation Pro 和 VMware Fusion 安装与配置指南

科研经费管理系统 SSM毕业设计 源码+数据库+论文（JAVA+SpringBoot+Vue.JS）.zip

使用Python Matplotlib进行图形输出与保存详解（包含详细的完整的程序和数据）

【数字信号分离】基于matlab自然梯度算法盲信号分离（含串音信号 变步长）【含Matlab源码 8813期】.zip

基于多元宇宙优化算法MVO优化CNN-BiGRU-Attention锂电池健康寿命预测算法研究Matlab实现.rar

vue基于spring boot的钢材销售管理系统的设计与实现毕业设计源码.zip

最新资源

科研经费管理系统 SSM毕业设计源码+数据库+论文（JAVA+SpringBoot+Vue.JS）.zip

【数字信号分离】基于matlab自然梯度算法盲信号分离（含串音信号变步长）【含Matlab源码 8813期】.zip