User Interface Process(UIP) Application Block 2.0 研究总结

By Ben

---

User Interface Process (UIP) Application Block - Version 2.0<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

环境: WinXP, SQL Server 2000 + SP<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" /><chmetcnv style="BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(res://ietag.dll/#34/#1001); BACKGROUND-REPEAT: repeat-x" tabindex="0" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="3" unitname="a" w:st="on">3A</chmetcnv>, .Net 1.1, UIP 2.0

研究思路:

1. 了解熟悉UIP和它的架构

2. 安装UIP

3. 研究demo, 了解UIP实际意义

4. 完成UIP应用的helloworld程序

5. 进而考虑总结实际项目中对UIP的可利用之处

概述

UIP是Application Block 之一, 但它也使用到Data Access Application Block.

UIP设计出来的目的是实现我们以往设计UI的一些固定化的UI逻辑管理起来, 并加以控制.

根据MVC模式实现更复杂的UI逻辑. 也就是将UI Layer的一些logic抽出来放在Business层

UIP的架构:

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" /><shapetype id="_x0000_t75" path=" m@4@5 l@4@11@9@11@9@5 xe" stroked="f" filled="f" o:spt="75" o:preferrelative="t" coordsize="21600,21600"><stroke joinstyle="miter"></stroke><formulas><f eqn="if lineDrawn pixelLineWidth 0 "></f><f eqn="sum @0 1 0 "></f><f eqn="sum 0 0 @1 "></f><f eqn="prod @2 1 2 "></f><f eqn="prod @3 21600 pixelWidth "></f><f eqn="prod @3 21600 pixelHeight "></f><f eqn="sum @0 0 1 "></f><f eqn="prod @6 1 2 "></f><f eqn="prod @7 21600 pixelWidth "></f><f eqn="sum @8 21600 0 "></f><f eqn="prod @7 21600 pixelHeight "></f><f eqn="sum @10 21600 0 "></f></formulas><path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"></path><lock v:ext="edit" aspectratio="t"></lock></shapetype>

一些相关名词解释: View 与系统用户最接近的一层, 也是UI可见的一部分. UIP提供 WebFormView, WindowsFormView, WindowsFormControlView来自定义我们的程序的 View. 相当于MVC 的 View UIP Configuration 一般是workflow等界面的或UIP的设置 Controller 觉得是UIP的中心, 主宰UI逻辑的控制器 相当于MVC的Controller State 顾名思义, 是管理状态的, 相当于MVC的Model 相关名词: Task

1. 安装

此Block安装程序、demo的源码都是公开的, 可以在微软网站上download

download 安装包除这个application 的数据库和全部源码外, 还有几个demo 源码

2. demo分析

本次研究只重点研究Store的Web Application 实例.

这个Store工作流程

View的设置定义

而以上相关页面的View Configuration定义于Web.Config:

<views>

<view name="cart" type="cart.aspx" controller="StoreControllerNavGraph" />

<view name="browsecatalog" type="browsecatalog.aspx" controller="StoreControllerNavGraph" />

<view name="error" type="uipError.aspx" controller="StoreControllerNavGraph" />

<view name="congratulations" type="congratulations.aspx" controller="StoreControllerNavGraph" />

<view name="checkout" type="checkout.aspx" controller="StoreControllerNavGraph" />

<view name="survey" type="survey.aspx" controller="SurveyController" />

</views>

type: 是asp.net页面. 由此看到UIP的一个局限地方: 页面不能是带参数的地址. 比如我们一般实现的新增记录就编辑记录是同一个页面. 用一个类同action=Edit/Add的参数来区别页面是实现编辑还是新增. 在这里只有分开两个页面来实现了.

而以上的view的asp.net是base on UIP的 WebFormView. 至于UIP的WebFormView实现了什么? 实现IView和配置当前view的Controller (将这里只粗略介绍, 没详细研究)

目的是为以下程序使用Controller实现界面逻辑作个前提.

值得一提的是利用UIP实现工作流, 工作流的设置也在Web.Config里

<navigationGraph

iViewManager="WebFormViewManager"

name="Shopping"

state="State"

statePersist="SqlServerPersistState"

startView="browsecatalog"

cacheExpirationMode="Absolute"

cacheExpirationInterval="12:00:00">

<node view='cart'>

<navigateTo navigateValue="resume" view='browsecatalog' />

<navigateTo navigateValue="checkout" view='checkout' />

<navigateTo navigateValue="fail" view='error' />

<navigateTo navigateValue="stop" view='logon'/>

</node>

<node view='browsecatalog'>

<navigateTo navigateValue="addItem" view="cart"/>

<navigateTo navigateValue="fail" view='error' />

</node>

<node view='error'>

<navigateTo navigateValue="resume" view='cart' />

</node>

<node view="checkout">

<navigateTo navigateValue="congratulations" view="congratulations" />

<navigateTo navigateValue="failCheckout" view="checkout" />

</node>

<node view='congratulations'>

<navigateTo navigateValue="resume" view='cart' />

<navigateTo navigateValue="stop" view='cart' />

</node>

</navigationGraph>

结合View的定义设置, 这个<navigationGraph> 就好理解多了, 它目的是定义流程的各个关键点.

当界面调用

UIPManager.StartNavigationTask ( "Shopping", task );

//解释 “Shopping” : navigationGraph 的标识名字name

//task是什么? task就是主要是得到CurrentTask(以下会提到的), 即当前的用户界面的State

controller: 引用哪个UIP 的Controller, Web.Config也设置这个Controller的位置:

<uipConfiguration enableStateCache="true" allowBackButton="true">

<objectTypes>

<iViewManager

name="WebFormViewManager"

type="Microsoft.ApplicationBlocks.UIProcess.WebFormViewManager, Microsoft.ApplicationBlocks.UIProcess,

Version=<chsdate w:st="on" isrocdate="False" islunardate="False" day="30" month="12" year="1899">1.0.1</chsdate>.0,

Culture=neutral,

PublicKeyToken=null"/>

……

<controller

name="StoreControllerNavGraph"

type="UIProcessQuickstarts_Store.StoreControllerNavGraph, UIProcessQuickstarts_Store.Common, Version=<chsdate w:st="on" isrocdate="False" islunardate="False" day="30" month="12" year="1899">1.0.1</chsdate>.0,

Culture=neutral,

PublicKeyToken=null" />

<controller

name="SurveyController"

type="UIProcessQuickstarts_Store.SurveyController,

UIProcessQuickstarts_Store.Common, Version=<chsdate w:st="on" isrocdate="False" islunardate="False" day="30" month="12" year="1899">1.0.1</chsdate>.0,

Culture=neutral,

PublicKeyToken=null" />

<statePersistenceProvider

name="SqlServerPersistState"

type="Microsoft.ApplicationBlocks.UIProcess.SqlServerPersistState,

Microsoft.ApplicationBlocks.UIProcess,

Version=<chsdate w:st="on" isrocdate="False" islunardate="False" day="30" month="12" year="1899">1.0.1</chsdate>.0,

Culture=neutral,

PublicKeyToken=null"

connectionString="server=.;database=UIPState;user id=UIP;password=U1Pr<chmetcnv style="BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(res://ietag.dll/#34/#1001); BACKGROUND-REPEAT: repeat-x" tabindex="0" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="0" unitname="C" w:st="on">0c</chmetcnv>3ss"/>

</objectTypes>

由UIP可以猜想到, 这些Controller是我们base on UIP的ControllerBase, 是界面逻辑主要集中地方. 可以简单的理解为使用UIP的Navigator, 根据View的Configuration来实现界面跳转, 见代码:

State.NavigateValue = "StoreForm";

Navigate();

//解释 “StoreForm” : navigationGraph 定义的navigateValue导航指向View的标识

// Navigate(); 就实现redirect了.

State(Model): 主要负责用户界面状态的管理. 使用到Data Access Application Block来读取保存在数据库是用户界面状态.

<statePersistenceProvider

name="SqlServerPersistState"

type="Microsoft.ApplicationBlocks.UIProcess.SqlServerPersistState,

Microsoft.ApplicationBlocks.UIProcess,

Version=<chsdate w:st="on" isrocdate="False" islunardate="False" day="30" month="12" year="1899">1.0.1</chsdate>.0,

Culture=neutral,

PublicKeyToken=null"

connectionString="server=.;database=UIPState;user id=UIP;password=U1Pr<chmetcnv style="BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(res://ietag.dll/#34/#1001); BACKGROUND-REPEAT: repeat-x" tabindex="0" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="0" unitname="C" w:st="on">0c</chmetcnv>3ss"/>

这里将界面状态数据库与系统应用数据库分开.

这个用户界面当前状态保存在Session里(如下表格), 同时会更新到以上设置的状态数据库里. 所以这里使用UIP要注意的是Session的使用问题了.

会话状态
会话键	类型	值
TaskMoniker43d<chmetcnv style="BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(res://ietag.dll/#34/#1001); BACKGROUND-REPEAT: repeat-x" tabindex="0" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="7" unitname="C" w:st="on">7c</chmetcnv>64e-8be1-4b0d-bc79<chmetcnv style="BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(res://ietag.dll/#34/#1001); BACKGROUND-REPEAT: repeat-x" tabindex="0" tcsc="0" numbertype="1" negative="True" hasspace="False" sourcevalue="442" unitname="a" w:st="on">-442a</chmetcnv>790173de	System.String	NewsManagement:list:43d<chmetcnv style="BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(res://ietag.dll/#34/#1001); BACKGROUND-REPEAT: repeat-x" tabindex="0" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="7" unitname="C" w:st="on">7c</chmetcnv>64e-8be1-4b0d-bc79<chmetcnv style="BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(res://ietag.dll/#34/#1001); BACKGROUND-REPEAT: repeat-x" tabindex="0" tcsc="0" numbertype="1" negative="True" hasspace="False" sourcevalue="442" unitname="a" w:st="on">-442a</chmetcnv>790173de
CurrentTask	System.String	43d<chmetcnv style="BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(res://ietag.dll/#34/#1001); BACKGROUND-REPEAT: repeat-x" tabindex="0" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="7" unitname="C" w:st="on">7c</chmetcnv>64e-8be1-4b0d-bc79<chmetcnv style="BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(res://ietag.dll/#34/#1001); BACKGROUND-REPEAT: repeat-x" tabindex="0" tcsc="0" numbertype="1" negative="True" hasspace="False" sourcevalue="442" unitname="a" w:st="on">-442a</chmetcnv>790173de

由以上:

UIP是将界面根据MVC的特点

基于asp.net的设计思想上搭建起来, 让程序员的工作主要集中在Controller设计上

开发应用配置

以下是针对我们一般使用vs.net开发做法来配置项目的UIP的过程步骤

1. 建立数据结构 (略, 请参考UIP安装后的demo数据库)

2. 建立Web Application Project 主要引用如下

a) Microsoft.ApplicationBlocks.UIProcess