1 更换视图 - 龙江先锋网.doc

网站视图页编写指南  目录 一、 概述 3 一、 更换视图 4 1. 更换文章父类视图 4 2. 更换文章子类视图 5 3. 更换文章内容视图 6 二、 创建视图 7 1. 视图管理器 7 2. 创建新视图 8 3. 上传资源文件 12 4. 访问新建视图 14 三、 编辑视图 14 1. 使用局部视图 14 2. 使用UrlParameters传递参数 23 3. 使用数据API 26 4. 使用辅助API 27 5. 使用分页控件 28 6. 使用条件判断 29 7. 使用循环语句 30 四、 参考手册 31 1. 数据访问API 31 2. 辅助代码API 38 3. 实体数据模型 43 概述 虽然您可以像编写网页一样来编写.cshtml文件，但是.cshtml文件并不是真正的网页文件，而是一个被称为“视图”的文件类型。视图文件扩展名中的前两个字母cs表示C#(CSharp)语言，后四个字母html则表示HTML语言。这表示说，您可以同时使用C#和HTML两种语言在视图文件中编写混合代码。这样做有很多好处，您即可以使用C#代码来调用API获取保存在后台数据库中的数据，完成一些复杂的运输，同时又可以使用您熟悉的HTML代码来编写呈现给最终用户的前端网页。 在您的网站被创建时，系统会为您的网站创建默认的视图文件副本。您可以在管理网站（）中使用视图管理器修改这些视图文件。当然，您也可以自己创建新的视图文件来满足您的个性化需求。在后面的章节中，我们将循序渐进的来进行说明。 提示：由于网站系统启用了缓存机制，因此您更新的内容可能会在10分钟以后才会在相应网页中发生更改。如果您发现您所修改的内容没有在网页中及时呈现，这属于正常现象，还请您耐心等待。 更换视图 更换文章父类视图  更换文章子类视图 您可以同时指定下属文章使用的默认视图。若有多个视图，请使用半角逗号分隔。  更换文章视图  创建视图 视图管理器 若要使用视图管理器，请先进入站点管理，在站点列表中点击目标站点的“模板”链接，就可以使用视图管理器了。  创建新视图 为了便于您快速掌握，我们以创建一个“关于我们”的视图作为例子进行讲解。 从站点管理中点击“模板”链接进入视图管理器  点击“新建模板文件”链接，在弹出的对话框中输入“aboutus”，之后点击“确定”按钮完成模板文件的创建。  点击“编辑”按钮编辑aboutus视图文件。  输入HTML代码。 最后点击“保存”链接完成“关于我们”视图文件的创建。 到此为止，我们已经成功创建了一个“关于我们”的视图文件。  上传资源文件 我们设计的网页不可避免的要使用到图片、动画和视频等多媒体文件。视图管理器允许您上传这些资源到服务器端，但是请注意引用这些资源时所使用的路径。 多媒体资源将被保存到/content/{您的站点域名}目录下。例如，您的账户隶属于龙江先锋网，那么您上传的logo.png文件就将被保存在/content//目录下。完整的路径是/content//logo.png，您可以在视图文件中用以下代码引用这个文件img src=/content//logo.png 我们下面来了解以下如何上传这些多媒体文件。· 点击“上传文件”按钮展开上传工具。  通过拖动文件到上传工具窗口、或者点击“添加文件”按钮，进行单个及多个文件添加，之后点击“开始上传”按钮开始上传。除图片之外，还允许您上传Css样式等文件。 接下来我们了解一下如何访问这个新创建的视图文件。  访问新建视图 的站点创建的“关于我们”视图，那么“关于我们”视图对应的访问地址即是/aboutus。您可能已经发现，“关于我们”视图的访问地址，即是您创建“关于我们”视图文件时输入的“aboutus”视图名称。 编辑视图 使用局部视图 我们以之前创建的“关于我们”视图为例，看看局部视图是如何使用的。  从站点管理中点击“模板”链接进入视图管理器  点击“新建文件夹”链接，在弹出的对话框中输入“shared”，之后点击“确定”按钮完成文件夹的创建。因为页头head部分的代码是每个视图都需要用到的，所以为了便于管理，我们把每个视图都要用到的局部视图存放在shared目录下。这不是必须的，但是仍然强烈建议您这样做。  点击“shared”文件夹链接进入shared目录  在shared目录中点击“新建模板文件”链接，在弹出的窗口中输入“_header”，之后点击“确定”按钮完成局部视图的创建。因为视图和局部视图在本质上没有什么不同，所以为了区分视图和局部视图文件，我们将局部视图文件已下划线“_”作为文件名前缀。这不是必须的，但是仍然强烈建议您这样做。 点击“编辑”链接，对_header局部视图进行编辑。  输入HT