一简介
在ASPNET的早期版本中当您使用Visual Studio创建一个新的Web网站项目或Web应用程序项目时结果项目中往往仅包含一个名为Defaultaspx的页面一个默认的配置文件nfig还有一个命名为App_Data的文件夹如下图所示
)thisstylewidth=; border=>
此外Visual Studio还支持一个空的网站项目类型其中没有提供任何文件如下图所示
image onmousewheel=javascript:return big(this) height= alt= hspace= src=http://imgeducitycn/img_///gif width= onload=javascript:if(thiswidth>)thisstylewidth=; border=>
其结果是对于初学者来说对于如何创建一个实用型Web应用程序工程开始时基本没有提供框架性指导为此ASPNET Beta 中推出了三个新的模板一个适用于创建空的Web应用程序项目一个适用于创建Web应用程序一个适用于创建Web网站项目下面将作逐一介绍CTO此时也向您推荐《ASPNET视频教程》
二空的Web应用程序模板
顾名思义空的Web应用程序模板是一个精简的Web应用程序项目您可以从Visual Studio的新建项目对话框中选择此项目模板如下图所示
image onmousewheel=javascript:return big(this) height= alt= hspace= src=http://imgeducitycn/img_///gif width= onload=javascript:if(thiswidth>)thisstylewidth=; border=>
当您创建一个空的ASPNET Web应用程序时Visual Studio将创建下列文件夹布局
image onmousewheel=javascript:return big(this) height= alt= hspace= src=http://imgeducitycn/img_///gif width= onload=javascript:if(thiswidth>)thisstylewidth=; border=>
上图中的文件夹布局十分类似于早期版本的ASPNET中空白Web网站布局仅有一个例外在Visual Studio Beta 中空白Web应用程序和空白Web网站项目中都包含了一个提供了以下最基本内容的配置文件nfig此文件中包含的内容提供给Visual Studio用于确定项目的最终目标框架
image onmousewheel=javascript:return big(this) height= alt= hspace= src=http://imgeducitycn/img_///gif width= onload=javascript:if(thiswidth>)thisstylewidth=; border=>
如果去掉上述配置中的targetFramework属性那么Visual Studio默认地把NET Framework 作为项目的最终目标框架从而保持对旧的应用程序的兼容性
三Web应用程序与Web网站项目模板
随同Visual Studio Beta 一起发行的另外两个新的项目模板包含了许多重大的变化下图显示了当你创建一个新的Web应用程序项目时的项目布局（注网站项目的布局实际上也是这样的）
image onmousewheel=javascript:return big(this) height= alt= hspace= src=http://imgeducitycn/img_///gif width= onload=javascript:if(thiswidth>)thisstylewidth=; border=>
注意到图中的项目中包括了若干早期版本中不曾创建的文件此外新的Web应用程序项目配置了基本的会员支持功能这可以帮助您快速地创建支持安全访问型的新的应用程序由于包含了这一功能所以新项目的配置文件nfig中相应地包含了用于进行成员角色和个人简介等内容配置的条目下图中的例子展示了一个新的Web应用程序项目的nfig文件（注意在本例中角色管理器配置节roleManager被禁用）
image onmousewheel=javascript:return big(this) height= alt= hspace= src=http://imgeducitycn/img_///gif width= onload=javascript:if(thiswidth>)thisstylewidth=; border=>
此外上面项目中在Account目录下还包含了另一个配置文件nfig这第二个配置文件用于提供给尚未登录的用户使用以便安全地访问更改密码页面ChangePasswordaspx下面的例子显示了第二个nfig文件的内容
image onmousewheel=javascript:return big(this) height= alt= hspace= src=http://imgeducitycn/img_///gif width= onload=javascript:if(thiswidth>)thisstylewidth=; border=>
默认情况下新项目模板中包含了比以前的版本更多的内容例如项目中包含了一个默认的母版页和CSS文件系统主页面Defaultaspx默认地被配置为使用母版页结果是当你第一次运行你的Web应用程序或网站时主页面Defaultaspx已经具备了基本的功能事实上如果读者熟悉Visual Studio自带的ASPNET MVC工程模板的话你会注意到这个主页面Defaultaspx非常类似于你初始创建的MVC应用程序中的主页面
image onmousewheel=javascript:return big(this) height= alt= hspace= src=http://imgeducitycn/img_///gif width= onload=javascript:if(thiswidth>)thisstylewidth=; border=>
项目模板中的上述变化都是为了对创建一个新的Web应用程序提供指南通过使用语义正确的而且严格的XHTML 兼容的标记以及基于CSS技术定义的页面元素布局模板中提供的页面将为你构建ASPNET Web应用程序提供最佳实践参考你还会注意到主页面中提供了一个两栏式布局—如果不适合你的要求你可以轻松地加以定制
不妨设想这样一个例子你想在一个新的Web应用程序中更改一些颜色并插入您的公司标志以取代模板中原有的ASPNET应用程序标志为此你可以在Content目录下创建一个新的子目录来存储你自己的标志图片
image onmousewheel=javascript:return big(this) height= alt= hspace= src=http://imgeducitycn/img_///gif width= onload=javascript:if(thiswidth>)thisstylewidth=; border=>
为了把上面的图片添加到网页中你可以打开母版文件SiteMaster找到文本My ASPNET Application所在处然后使用一个image元素取代之并把其src属性设置为你上面创建的新的标志图像就像下面的标记代码所示
image onmousewheel=javascript:return big(this) height= alt= hspace= src=http://imgeducitycn/img_///gif width= onload=javascript:if(thiswidth>)thisstylewidth=; border=>
然后你可以打开层叠样式表文件Sitecss并修改其中的CSS类定义来改变页面的背景色和页面的head标记如下面的例子所示
image onmousewheel=javascript:return big(this) height= alt= hspace= src=http://imgeducitycn/img_///gif width= onload=javascript:if(thiswidth>)thisstylewidth=; border=>
经过上面简单的修改你便可以实现显示一个定制主页之目的如下图所示
image onmousewheel=javascript:return big(this) height= alt= hspace= src=http://imgeducitycn/img_///gif width= onload=javascript:if(thiswidth>)thisstylewidth=; border=>
