通过

演练：使用 InfoPath 表单 Web 部件创建按揭贷款计算器

  • 项目

上次修改时间： 2010年4月5日

适用范围： SharePoint Server 2010

本文内容
将贷款分期付款工作簿发布到 Excel Services
设计并发布表单
创建 Web 部件页并配置 Web 部件
连接 Web 部件
测试按揭贷款计算器

这个简单的按揭贷款计算器是一个很好的应用程序示例，该应用程序使用一个在用于输入和验证数据的"InfoPath 表单 Web 部件"中承载的支持浏览器的 InfoPath 表单和一个在"Excel Web Access Web 部件"中承载的 Excel 工作簿来执行复杂计算。通过连接 Web 部件，可将用户在表单中输入的数据发送到 Excel 工作簿。

本演练包含以下高级步骤：

  • 在使用 Excel Services 的 Microsoft SharePoint Server 2010 上，将"贷款分期付款"示例模板从 Microsoft Excel 2010 发布到网站上的文档库。

  • 在 SharePoint Server 2010 上，设计支持浏览器的表单并将该表单从 Microsoft InfoPath 2010 发布到网站上的文档库。

  • 创建一个 Web 部件页，并将"InfoPath 表单 Web 部件"和"Excel Web Access Web 部件"添加到该页，然后定义这两个 Web 部件之间的连接。

  • 测试按揭贷款计算器页。

请按照以下步骤执行操作，在具有 InfoPath 和 Excel Web 部件的 Web 部件页上创建按揭贷款计算器。

将贷款分期付款工作簿发布到 Excel Services

若要提供用于执行计算的工作簿，请将基于"贷款分期付款"示例模板的工作簿发布到使用 Excel Services 的 SharePoint Server 2010 上的文档库中。若要使该工作簿能够与"Excel Web Access Web 部件"一起正常使用，则必须先从该工作簿中删除保护和数据验证，然后再发布它。为了能够将数据从"InfoPath 表单 Web 部件"发送到工作簿，您配置要用作参数的单元格以接收数据。

将"贷款分期付款"工作簿发布到 Excel Services

  1. 打开 Excel 2010，然后单击"文件"选项卡。

  2. 单击"新建"，再单击"示例模板"，然后双击"贷款分期付款"。

  3. 在"审阅"选项卡上，单击"撤消工作表保护"。

  4. 在"主页"选项卡上，单击"查找并选择"，再单击"定位条件"。

  5. 依次单击"数据验证"、"全部"和"确定"。此操作将选择工作簿中包含数据验证的所有单元格。

  6. 在"数据"选项卡上，单击"数据验证"。

  7. 在出现提示"选定区域含有多种类型的数据有效性。是否清除当前设置并继续?"时，请单击"确定"。

  8. 在"数据验证"对话框中，单击"全部清除"，再单击"确定"。

  9. 单击"文件"选项卡，再单击"保存并发送"和"保存到 SharePoint"，然后单击"浏览位置"按钮。

  10. 键入 SharePoint Server 2010 网站中的某个文档库的 URL,您将在此文档库中创建按揭贷款计算器 Web 部件页。

  11. 请确保选中"通过 Excel 在浏览器中打开"复选框，然后单击"发布选项"按钮。

  12. 在"参数"选项卡上，单击"添加"，然后在"添加参数"对话框中选择以下命名区域：Interest_Rate、Loan_Amount、Loan_Start、Loan_Years 和 Num_Pmt_Per_Year。

  13. 单击两次"确定"，输入工作簿的名称，然后单击"保存"以将工作簿发布到使用 Excel Services 的 SharePoint 文档库。

在下一节中，您将创建并发布支持浏览器的表单，该表单将用于发送来自"InfoPath 表单 Web 部件"的数据。

设计并发布表单

若要提供支持浏览器的表单以输入要发送到"贷款分期付款"工作簿的数据，请使用 InfoPath 2010 创建该表单（如以下步骤所述），然后将其发布到 SharePoint Server 2010 上的网站中的文档库。

设计并发布表单

  1. 打开 InfoPath 2010，然后双击"新建"选项卡上"常用表单模板"下的"空白表单"表单模板。

  2. 在"字段"任务窗格中，右键单击"myFields"，单击"添加"，键入 InterestRate，然后单击"确定"。重复此步骤以添加以下四个字段：LoanAmount、LoanStart、LoanYears 和 NumPmtPerYear。

  3. 从"字段"任务窗格拖动这五个字段，以将它们作为"文本框"控件添加到表单。

  4. 将"按钮"控件添加到表单上，并在功能区的"属性"选项卡上，将按钮的"标签"更改为 Send Data。

  5. 在"属性"选项卡上，单击"规则"。

  6. 在"规则"任务窗格中，单击"新建"，再单击"操作"。

  7. 依次单击"添加"、"将数据发送到 Web 部件"和"属性升级"。

  8. 单击"以下字段将用作 SharePoint Web 部件连接参数"文本下方列表旁边的"添加"。

  9. 选择五个字段之一，将"参数类型"设置为"输出"，然后单击"确定"。对其余每个字段重复此步骤，然后单击"确定"关闭"表单选项"对话框。

  10. 单击"确定"关闭"规则详细信息"对话框。

  11. 依次单击"文件"选项卡、"发布"和"SharePoint Server"。

  12. 将表单命名为 LoanForm，然后单击"保存"。

  13. 按照"发布向导"逐步执行操作，在已发布"贷款分期付款"工作簿的同一 SharePoint Server 2010 网站上的表单库中发布该表单模板。

在下一节中，您将创建一个 Web 部件页，并将"InfoPath 表单 Web 部件"和"Excel Web Access Web 部件"添加到该页。

创建 Web 部件页并配置 Web 部件

以下步骤演示如何创建包含"InfoPath 表单 Web 部件"和"Excel Web Access Web 部件"的 Web 部件页，以及如何配置 Web 部件以显示在前面的步骤中发布的表单和"贷款分期付款"工作簿。

创建 Web 部件页

  1. 打开已发布"贷款分期付款"工作簿和支持 InfoPath 浏览器的表单的 SharePoint Server 2010 网站。

  2. 单击"网站操作"，再单击"更多选项"。

  3. 在"筛选条件"下，依次单击"页"、"Web 部件页"和"创建"。

  4. 将页命名为 MortgageCalculator，选择要使用的"布局模板"，并指定要将 Web 部件页保存到的"文档库"，然后单击"创建"。浏览器中将打开新页。

  5. 在要插入"InfoPath 表单 Web 部件"的页上的区域中单击"添加 Web 部件"。

  6. 在"类别"列表中，单击"表单"。

  7. 在"Web 部件"列表中，单击"InfoPath 表单 Web 部件"，然后单击"添加"。

  8. 单击 Web 部件中的链接以打开工具窗格。

  9. 在工具窗格的"列表或库"下拉列表中，选择已在其中发布表单的表单库，然后单击工具窗格底部的"确定"。

  10. 在要插入"Excel Web Access Web 部件"的页上的区域中单击"添加 Web 部件"。

  11. 在"类别"列表中单击"业务数据"。

  12. 在"Web 部件"列表中，单击"Excel Web Access"，然后单击"添加"。

  13. 单击 Web 部件中的链接以打开工具窗格。

  14. 在工具窗格的"工作簿"框中，键入已发布到 Excel Services 的"贷款分期付款"工作簿的 URL，或单击"工作簿"框旁边的按钮，在"选择资产"对话框中导航到"贷款分期付款"工作簿，然后单击"确定"。

  15. 在"导航与交互"下，清除"显示参数任务窗格"复选框，然后单击工具窗格底部的"确定"。

连接 Web 部件

以下步骤演示如何指定 Web 部件之间的连接参数。可以在浏览器中编辑 Web 部件页并使用"连接"命令，也可以在 SharePoint Designer 2010 中编辑此页并使用其"添加连接"命令。

通过在浏览器中编辑页来连接 Web 部件

  1. 如果 Web 部件页尚未打开，无法在浏览器中进行编辑，请单击功能区的"页"选项卡上的"编辑页面"。

  2. 单击"InfoPath 表单 Web 部件"右上角中的下拉箭头，指向"连接"，再指向"将数据发送到"，然后单击"Excel Web Access"。

  3. 在"配置连接"对话框中，在"提供程序字段名称"框中选择"Interest Rate"，再在"使用者字段名称"框中选择"Interest_Rate"，然后单击"完成"。

  4. 对其余四个连接参数（Loan Amount、Loan Start、Loan Years 和 Num Pmt Per Year）重复步骤 2 和 3，然后在指定每个参数后单击"完成"。

  5. 单击"页"选项卡上的"停止编辑"以保存页。

通过在 SharePoint Designer 中编辑页来连接 Web 部件

  1. 在浏览器中打开 Web 部件页，在"页"选项卡上单击"编辑页面"按钮下方的下拉箭头，然后单击"在 SharePoint Designer 中编辑"。

  2. 右键单击"InfoPath 表单 Web 部件"，然后单击"添加连接"。

  3. 在"Web 部件连接向导"对话框的第一页中，选择"将数据发送到"，然后单击"下一步"。

  4. 选择"连接到该网页的 Web 部件"，然后单击"下一步"。

  5. 在"目标 Web 部件"下拉列表中选择"Excel Web Access"，并在"目标操作"下拉列表中选择"从中获取多个筛选值"，然后单击"下一步"。

  6. 将 InfoPath 表单中的所有五个字段分别映射到 Excel 工作簿中对应的单元格，然后单击"下一步"。

  7. 单击"完成"，然后保存该 Web 部件页。

测试按揭贷款计算器

按揭贷款计算器的所有组件此时都已位于该 Web 部件页上，可以对其进行测试。

测试按揭贷款计算器

  1. 在浏览器中打开包含这两个 Web 部件的 Web 部件页。

  2. 在"InfoPath 表单 Web 部件"中显示的表单中输入值，然后单击"发送数据"按钮。

"InfoPath 表单 Web 部件"中输入的值应发送到"Excel Web Access"Web 部件，并应在工作簿中对这些值执行计算。