LightSwitch初试

古城微笑少年丶 2022-06-18 01:40 161阅读 0赞

今天来简单介绍一个LightSwitch的基础功能应用。

首先我们先分析一下LightSwitch的优势：

1. RIA客户端(SilverLight)程序，效果不言而喻，无论是视觉还是用户体验都会略胜一筹。

2. 拖拽实现功能，简单方便。LightSwitch支持几种现成的模板直接绑定数据源就能完成基础的CRUD操作。

3. 无需coding完成操作，如果你不是程序猿，如果你不是软箭攻城湿，想不想用简单的拖拽实现一个网站后台的建设或数据维护管理程序？

PS：至少我今天要介绍的这部分是不需要写代码的。

然后，我们定义一个需求来驱动我们这次的探秘。假设我们是一名中小型企业的老板，有着50人以内的员工团队，大家又分部门在做着不同的事情（可怕的是没有技术部门，没有人来做这个人员管理软件），那么我们第一阶段简单的需求就是员工信息的简单管理。

这里我忽略介绍LightSwitch环境配置的步骤，如有需要，请参见：[http://blog.csdn.net/supertyro/article/details/6731890][http_blog.csdn.net_supertyro_article_details_6731890]

好的，我们第一步，启动VS2010建立一个LightSwitch工程。

如下图，基本步骤为三步：

1. 选择我所熟悉的C\#语言作为执行（不过因为我们这次的需求尝试不需要写代码，所以这步并不重要）

2. 给工程命名，这里我命名为LightSwitchEmployee

3. 点击OK创建工程

![0_1314857376l3OB.gif][]

OK后我们顺利的来到工程主页面，如下入图，在图中我们可以清晰的看到两个文件件，这两个文件夹分别用于存放数据源和页面：

![0_1314857385gwhx.gif][]

点击CreateNew Table 这里会跳转到一个数据源编辑的页面，作为数据驱动来构建页面的LightSwitch，相信聪明的你能理解为什么要先创建数据源，毕竟一切以数据作为驱动，那么没有数据源的时候，那就根本无法想象页面是什么样子的，一但又了数据源，那么强大的LightSwitch就可以根据数据远自动创建出一些基础页面了。操作步骤如下图：

![0_1314857394y8L4.gif][]

在这里页面上除了基础的添加一个数据基础信息外，我们发现右侧工程下多了一个ApplictionData项，而在这个页面上的小toolmenu，我们可以发现很多“希奇古怪”的功能按钮，哈哈，今天我们先以驱动完成这个尝试，详细的具体介绍请关注我陆续的关于LightSwitch的文章。

当准备数据源后我们需要用LightSwitch来创建关于这个数据源的页面。点击上图标出的toolmenu中的Screen按钮，弹出如下图窗体：

![0_1314857400I9kr.gif][]

在这里我们可以发现，我们可以创建的窗体一共分为DetailsScreen,EditableGridScreen,ListandDetailsScreen,NewDataScreen,SearchDataScreen.

通过名字我们可以看出这几个选项基本都是什么窗体，分别为：

Details Screen：详细信息页面

Editable Grid Screen：可以编辑的表格页面

List and Details Screen：列表和详细信息页面

New Data Screen：添加新数据用的页面

Search Data Screen：查询页面

接下来的操作如上图，选择NewData Screen后选择数据源（请原谅我的表命名这么的不规范），点击OK就创建出来一个添加新数据的页面了。如下图：

![0_1314857406k6QZ.gif][]

1. 最左侧的是数据源属性区域，在这里可以查看数据源的属性以及包含方法。(就像看一个类图一样简单)

2. 中间的主要区域是页面元素区域，我们发现数据源中的各种属性都被自动生成出来不仅绑定并且绑定的控件还是各个数据类型的直接控件。

a. 当然我们可以通过add等按钮来扩充这个页面。

3. 上面的工具条，就和初始化页面上的工具条一样，相信大家会慢慢习惯的去看这里都有什么功能可以操作。

4. 最后我们发现右侧工程的Screen文件夹下多了一个问题件，没错，就是这个创建新数据的页面。

接下来，我们F5调试运行，查看一下效果。

![0_13148574136tnJ.gif][]

运行后我们来分析一下生成的程序的结构：

1. 首先是左上角的功能按钮，这里的按钮时可以添加数量以及各种其他功能的。

2. 左侧的是功能列表，其实可以理解成页面列表，我们可以将所有的页面放到这里面来，然后点击每个页面来让中间主要区域中加载上新的窗体。

3. 主体区域，就是我们创建数据的主窗体。

4. 右上角的设计按钮，是可以跳转到设计格局下去设计整个主窗体的样式（因为之前我们并没有特意的编辑过页面，也许主窗体部分很丑陋，但不要紧，有这个按钮存在。）

5. 最后我们关注一下这个很有爱的小图标。

这就是用LightSwitch创建应用程序的一个开始，当然今天只介绍了一个创建窗体的过程，在创建窗体的页面上我们有好多种窗体可以选择并创建的，如果有兴趣相信你已经可以自己创建一个查询的窗体来对我们添加进去的数据进行查询了。

从开始到现在我们并没有编写过一行代码，不过仍然会有人从头抱怨到尾，比如，我根本不知道什么是那该死的数据表，也不知道那什么数据类型是做虾米用的，还有那么复杂的设计页面是变形金钢么？我可弄不明白。。。等等。不过整个过程确实已经和做一个数据库查询流程相比是相当的简单了。

那么今天就先分享这么多，这就是LightSwtich的一个简单应用的开始，接下来，我会尽量将功能集中，并进行深入的描述，如果有兴趣请继续关注我的LightSwitch系列，谢谢。

以上均属个人学习经验和结果，如果出入或者不认同的朋友望请不吝指教。

[http_blog.csdn.net_supertyro_article_details_6731890]: http://blog.csdn.net/supertyro/article/details/6731890
[0_1314857376l3OB.gif]: /images/20220618/416783fc40b64bab9aeed71a81d10f18.png
[0_1314857385gwhx.gif]: /images/20220618/15fd6a75d28d49af9fb50b631294a131.png
[0_1314857394y8L4.gif]: /images/20220618/058704ec2b4245e1a04bd143ab107e09.png
[0_1314857400I9kr.gif]: /images/20220618/55f5b908d3b14e83a05b873b50a28ce1.png
[0_1314857406k6QZ.gif]: /images/20220618/5ae4ca6bac244a7dab39931b44be068e.png
[0_13148574136tnJ.gif]: /images/20220618/f184fcf6829e40298ccbc8ea35f8fb6c.png