托管网站
启动“设置/控制面板/管理工具/ Internet信息服务（IIS）管理器”。当没有安装iis的时候，导航到“应用程序池”，找到正在运行.Net Framework 4.0版本应用程序池的名称，或者添加一个新的应用程序池。导航到“网站”节点，右击它，然后选择“添加网站...”，使用Vision作为网站的名称，为这个应用选择一个正在运行的 .Net Framework 4.0版本应用池。使用 <vision installdir>/VisionWeb作为物理路径，设置端口为8001.选择属性上VisionWeb项目，选择“网络”，选中“使用自定义的Web服务器”，输入服务器URL http://localhost:8001。你可以使用其他的选项来托管网站，例如在IIS Express中，但是如果你不想改变Default.html文件，你必须将端口设置为8001。
HTML/JQuery 页面
在VisionWeb中有个名为Default.html的单一HTML页面，它包含了HTML与JavaScript的内容，它被标为起始页。
同样这里是这个页面的样子：
| <html> <head> <title>Search</title> <script src="Scripts/jquery-2.0.2.js"></script> <script src="Scripts/jquery-ui-1.10.3.js"></script> <link href="Content/themes/base/jquery.ui.autocomplete.css" rel="stylesheet" /> <style type=text/css> .ui-menu-item { background: White; } .ui-helper-hidden-accessible { display:none; } </style> </head> |
HTML代码说明了这是一个HTML 5的文档类型。接着我们包含进了必须的JavaScript文件。在jQuery-UI中我们只用到了自动完成插件，为此我们还包含了它的CSS文件。
对于自动完成对象，包含了类[__em all="[object HTMLCollection]"__] .ui-menu-item，我们将背景设置为白色，不然的话它的透明背景会使表格的内容穿透出来。
[__em all="[object HTMLCollection]"__].ui-helper-hidden-accessible { display:none; }将一个烦人的帮助信息从自动完成插件移走。
| <form> <label for="search" >Search:</label> <input type="text" id="search", name="search" /> <input type="button" id="update" name="update" value="Update" /> <div id="result"></div> </form> |
表单中的元素被赋以了id，因此你可以类似$('#result')用jQuery获得它们。你还可以用jQuery代替缩写的$，例如[__em all="[object HTMLCollection]"__] jQuery('#result')。JavaScript的函数调用document.getElementById('result')具有同样的效果，但是jQuery支持所有类型的CSS选择符。
我使用无侵入的JavaScript，也就是说html代码没有混在JavaScript代码中。事件处理器是在function$(document).ready(function ()方法中绑定的，这个方法会在页面加载后执行。
