整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

一文看懂kettle作业和转换常用控件

今天主要介绍一下kettle的常用控件。


一、kettle控件

Kettle控件的特点:Kettle的控件分类比较细致,功能相对单一也很具体。使用起来很容易掌握。

Kettle一般处理方法:正式由于Kettle控件的细化特点,所以往往需要组合起来使用。组合使用只是从点的角度看问题,还有就是从线的角度看问题。比如,目标表中的各个列其值可能由其他列的值计算得到,这就涉及到列的计算次序。合理选择计算次序,可以降低计算复杂度和可读性。

修改kettle文件:修改之后要保存才能生效。

因为我们用作业和转换比较多,所以主要介绍这两类的控件。


二、作业中常用控件:

1、通用——START:作业开始;

2、通用——作业:指定某个作业循环执行;

3、通用——转换:指定某个转换,加入到作业中来;

4、通用——设置变量:设置变量,为了转换或者作业中获取变量;

5、通用——成功:作业完成操作;

6、通用——DUMMY:空操作,什么也不执行;

7、邮件——发送邮件:给指定邮箱发送邮件,发件人的账号需要开通第三方发送邮件的功能;

8、文件管理——复制/移动结果文件:复制/移动文件;

9、文件管理——创建一个目录:创建指定的目录;

10、文件管理——删除一个文件:删除指定的一个文件;

11、文件管理——复制文件:复制指定的文件;

12、文件管理——删除目录:删除指定的目录;

13、文件管理——删除多个文件:通过正则表达式批量删除文件;

14、条件——检查数据库连接:检查数据库是否能够连接通;

15、条件——检查表是否存在:检查指定的表是否存在;

16、文件传输——SFTP下载:可以通过SSH进行远程下载文件;

17、文件传输——SFTP上传:可以通过SSH进行远程上传文件;

18、文件传输——FTP删除:可以远程删除指定的文件;


三、转换中常用控件:

1、输入——Excel输入:从excel文件中读取数据;

2、输入——文本文件输入:从文本文件中读取数据;

3、输入——生成随机数:用来生成指定类型的随机数;

4、输入——自定义数据常量:将值不变的变量存入到此处,方便管理;

5、输入——获取系统信息:可以获取系统信息(日期、命令行参数);

6、输入——表输入:从数据库表中读取数据;

7、输出——Excle输出:注意.xls格式输出行数有限制,一般输出.xlsx最好;

8、输出——插入/更新:根据指定的匹配字段,可以检测是插入新数据,还是修改旧数据;

9、输出——文本文件输出:将结果数据输出到文本文件中去;

10、输出——表输出:将结果数据输出到某个数据库的某个表中;

11、转换——增加常量:在原数据中将常量值增加新一列;

12、转换——排序记录:对原数据按照某个字段进行排序;

13、转换——剪切字符串:对字符串进行截图;

14、转换——去重复记录:对于某个字段有重复的记录进行过滤;

15、转换——字段选择:筛选流中的字段,慎用,过滤后后面的控件将无法获取流中筛除的字段了;

16、流程——空操作:将不需要的数据放到此处,类似垃圾箱;

17、流程——过滤记录:按照条件进行过滤,类似if-else;

18、流程——Switch/Case:与java中switch/case一样;

19、脚本——java代码:执行java代码;

20、脚本——javascript代码:执行javascript代码;

21、脚本——执行SQL脚本:执行sql;

22、连接——记录集连接:类似于sql的left join/right join/inner join,但是使用前的数据必须要经过排序;

23、作业——从结果获取记录:从作业中获取数据;

24、作业——复制记录到结果:将转换中的结果数据放到作业中去;

25、作业——获取变量:从作业中获取变量;

26、作业——设置变量:设置变量,从而让作业中能够获取变量;


觉得有用的朋友多帮忙转发哦!后面会分享更多devops和DBA方面的内容,感兴趣的朋友可以关注下~

信公众号:Dotnet9,网站:Dotnet9,问题或建议:请网站留言, 如果对您有所帮助:欢迎赞赏。

快到2020年了,祝大家新年快乐,今年2019最后一更,谢谢大家支持!

阅读导航

  1. 本文背景
  2. 代码实现
  3. 本文参考
  4. 源码

1. 本文背景

一个系统主界面,放上一个菜单,点击菜单在客户区切换不同的展示界面,这是很常规的设计,见下面展示效果图:



左侧一个菜单,点击菜单,右侧切换界面,界面切换动画使用MD控件的组件实现(自己使用动画也能实现)。

2. 代码实现

使用 .NET CORE 3.1 创建名为 “MenuChange” 的WPF模板项目,添加1个Nuget库:MaterialDesignThemes,版本为最新预览版3.1.0-ci948。

解决方案主要文件目录组织结构:

  • AnimatedMenuApp.xamlMainWindow.xamlMainWindow.xaml.cs..[数个演示模块用户控件]

2.1 引入样式

文件【App.xaml】,在 StartupUri 中设置启动的视图【MainWindow.xaml】,并在【Application.Resources】节点增加 MaterialDesignThemes库的样式文件:

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.Blue.xaml" />
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Indigo.xaml" />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

2.2 演示窗体

文件【MainWindow.xaml】,布局代码、动画代码都在此文件中,源码如下:

<Window x:Class="MenuChange.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        Height="600" Width="1024" WindowStartupLocation="CenterScreen" ResizeMode="NoResize" WindowStyle="None" >
    <Grid Background="#FFEEEEEE" MouseDown="Grid_MouseDown">
        <StackPanel VerticalAlignment="Top">
            <Grid Background="#FF0069C0" Height="10"/>
            <Grid Margin="5">
                <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
                    <TextBlock Text="Dotnet9.com" VerticalAlignment="Center" FontSize="20" FontFamily="Champagne & Limousines" Margin="20 0"/>
                    <Button Width="30" Height="30" Background="{x:Null}" BorderBrush="{x:Null}" Padding="0" Foreground="Gray">
                        <materialDesign:PackIcon Kind="Wechat"/>
                    </Button>
                    <Button Width="30" Height="30" Background="{x:Null}" BorderBrush="{x:Null}" Padding="0" Foreground="Gray">
                        <materialDesign:PackIcon Kind="Qqchat"/>
                    </Button>
                    <Button Width="30" Height="30" Background="{x:Null}" BorderBrush="{x:Null}" Padding="0" Foreground="Gray">
                        <materialDesign:PackIcon Kind="GithubBox"/>
                    </Button>
                </StackPanel>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Margin="10 0">
                    <Button Width="30" Height="30" Background="{x:Null}" BorderBrush="{x:Null}" Padding="0" Foreground="Gray">
                        <materialDesign:PackIcon Kind="BellOutline"/>
                    </Button>
                    <Button Width="30" Height="30" Background="{x:Null}" BorderBrush="{x:Null}" Padding="0" Foreground="Gray" Margin="0 0 10 0">
                        <materialDesign:PackIcon Kind="Settings"/>
                    </Button>
                    <Button x:Name="ButtonFechar" Width="30" Height="30" Background="{x:Null}" BorderBrush="{x:Null}" Padding="0" Foreground="Gray" Click="ButtonFechar_Click">
                        <materialDesign:PackIcon Kind="Close"/>
                    </Button>
                </StackPanel>
            </Grid>
        </StackPanel>

        <Grid Margin="250 55 0 0">
            <Grid x:Name="GridPrincipal" HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </Grid>

        <Grid Width="250" HorizontalAlignment="Left" Background="#FF222222">
            <materialDesign:TransitioningContent x:Name="TrainsitionigContentSlide" OpeningEffect="{materialDesign:TransitionEffect SlideInFromLeft, Duration=0:0:0.2}">
                <Grid x:Name="GridCursor" Margin="0 100 0 0" Background="#FF0069C0" Width="10" HorizontalAlignment="Left" Height="60" VerticalAlignment="Top"/>
            </materialDesign:TransitioningContent>
            <Image Source="https://img.dotnet9.com/logo-head.png" VerticalAlignment="Top"/>
            <Image Source="https://img.dotnet9.com/logo-foot.png" VerticalAlignment="Bottom"/>
            <ListView x:Name="ListViewMenu" Margin="0 100" Foreground="LightGray" FontFamily="Champagne & Limousines" FontSize="18" SelectionChanged="ListViewMenu_SelectionChanged" SelectedIndex="0">
                <ListViewItem Height="60">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="Home" Width="30" Height="30" VerticalAlignment="Center" Margin="5"/>
                        <TextBlock Text="首页" FontSize="17" VerticalAlignment="Center" Margin="20 0"/>
                    </StackPanel>
                </ListViewItem>
                <ListViewItem Height="60">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="LanguageCsharp" Width="30" Height="30" VerticalAlignment="Center" Margin="5"/>
                        <TextBlock Text="WPF" FontSize="17" VerticalAlignment="Center" Margin="20 0"/>
                    </StackPanel>
                </ListViewItem>
                <ListViewItem Height="60">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="LanguageCsharp" Width="30" Height="30" VerticalAlignment="Center" Margin="5"/>
                        <TextBlock Text="Winform" FontSize="17" VerticalAlignment="Center" Margin="20 0"/>
                    </StackPanel>
                </ListViewItem>
                <ListViewItem Height="60">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="LanguageCsharp" Width="30" Height="30" VerticalAlignment="Center" Margin="5"/>
                        <TextBlock Text="ASP.NET CORE" FontSize="17" VerticalAlignment="Center" Margin="20 0"/>
                    </StackPanel>
                </ListViewItem>
                <ListViewItem Height="60">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="LanguageCsharp" Width="30" Height="30" VerticalAlignment="Center" Margin="5"/>
                        <TextBlock Text="Xamarin.Forms" FontSize="17" VerticalAlignment="Center" Margin="20 0"/>
                    </StackPanel>
                </ListViewItem>
                <ListViewItem Height="60">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="LanguageCpp" Width="30" Height="30" VerticalAlignment="Center" Margin="5"/>
                        <TextBlock Text="C++" FontSize="17" VerticalAlignment="Center" Margin="20 0"/>
                    </StackPanel>
                </ListViewItem>
            </ListView>
        </Grid>

    </Grid>
</Window>

简单说明下:

  1. "GridPrincipal" 作为客户区子模块界面容器,展示新界面时,先移除旧用户控件,再添加新用户控件(站长以前使用时,是遍历容器中所有用户界面,对非选择用户控件作隐藏操作,然后添加新用户控件或者对已存在的被选择用户控件作显示操作)。
  2. 左侧菜单项使用 "ListView" 进行布局,实际开发需要运用模板,使用MVVM做成动态菜单,方便扩展。
  3. 右侧切换的子模块界面应该使用Prism或者其他框架(自已实现的模块dll)实现的子界面,方便动态扩展(需要和左侧菜单项进行关联)。

文件【MainWindow.xaml.cs】,后台关闭窗体、菜单点击切换子模块界面、窗体移动等事件处理:

using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;

namespace MenuChange
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
        private void ButtonFechar_Click(object sender, RoutedEventArgs e)
        {
            Application.Current.Shutdown();
        }

        private void Grid_MouseDown(object sender, MouseButtonEventArgs e)
        {
            DragMove();
        }

        private void ListViewMenu_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            int index = ListViewMenu.SelectedIndex;
            MoveCursorMenu(index);

            switch (index)
            {
                case 0:
                    GridPrincipal.Children.Clear();
                    GridPrincipal.Children.Add(new UserControlMain());
                    break;
                case 1:
                    GridPrincipal.Children.Clear();
                    GridPrincipal.Children.Add(new UserControlWPF());
                    break;
                case 2:
                    GridPrincipal.Children.Clear();
                    GridPrincipal.Children.Add(new UserControlWinform());
                    break;
                case 3:
                    GridPrincipal.Children.Clear();
                    GridPrincipal.Children.Add(new UserControlASPNETCORE());
                    break;
                case 4:
                    GridPrincipal.Children.Clear();
                    GridPrincipal.Children.Add(new UserControlXamarinForms());
                    break;
                case 5:
                    GridPrincipal.Children.Clear();
                    GridPrincipal.Children.Add(new UserControlCPP());
                    break;
                default:
                    break;
            }
        }

        private void MoveCursorMenu(int index)
        {
            TrainsitionigContentSlide.OnApplyTemplate();
            GridCursor.Margin = new Thickness(0, (100 + (60 * index)), 0, 0);
        }
    }
}

方便演示,点击菜单,切换子用户控件时时写死的,见上面的说明,左侧菜单及右侧切换的子用户控件需要进行关联配置,方便扩展,建议使用Prism的模块化开发。

2.3 演示主模块

文件【UserControlMain.xaml】,只展示其中一个子模块用户控件吧,其他类似,文末有源码、可运行Demo供下载参考。

注意: 需要使用MD控件的 TransitioningContent 组件将用户控件可视区域包裹起来,用于使用MD的移动切换动画,其中 OpeningEffect 见名思意,即是展示此用户控件时,动画如何播放,见下面代码,SlideInFromLeft 是指示展示时由左向右缓动,相反 SlideInFromRight即是由右向左缓动,其他属性可查阅MD官网或者Demo研究。

<UserControl x:Class="MenuChange.UserControlMain"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             Height="auto" Width="auto">
    <Grid>
        <materialDesign:TransitioningContent x:Name="TrainsitionigContentSlide" OpeningEffect="{materialDesign:TransitionEffect SlideInFromLeft, Duration=0:0:0.8}">
            <StackPanel Background="#33ff0000">
                <TextBox HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="30" Foreground="White" Text="https://dotnet9.com"/>
                <Image Source="https://img.dotnet9.com/20200124165746.png"/>
            </StackPanel>
        </materialDesign:TransitioningContent>
    </Grid>
</UserControl>

已奉上关键代码,全部代码文末有下载链接...

3.本文参考

  1. 视频一:C# WPF Material Design UI: Fast Food Sales,配套源码:Pizzaria1。
  2. C# WPF开源控件库《MaterialDesignInXAML》

4.源码

站长方便演示,文中的图片使用的本站外链图片:

演示Demo下载


除非注明,文章均由 Dotnet9 整理发布,欢迎转载。

转载请注明本文地址:https://dotnet9.com/7743.html


时间如流水,只能流去不流回!

谓多行文本输入控件,就是网页表单中,因输入内容较多需换行显示的文本输入控件,一般为textarea元素。很多富文本输入框也是对textarea进行包装。

<textarea name="Content" rows="8" style="width: 380px"></textarea>

多选文本输入框


自动填写多行文本输入控件的五种方法
1、通过修改元素属性填表
textarea元素比较特殊,在html中直接指定value属性值是无效的。修改textarea元素的text属性,可以实现自动填表,但要求textarea元素未被脚本赋值的情况下text才有效。修改text属性不会触发元素绑定的事件,但在木头浏览器填写项目中,可以明确指定填表前和填表后需要触发的事件。

修改元素属性


2、由系统向浏览器发送数据
在window系统下,这几乎是一个万能的方法,支持中文输入,获得控件元素后,填写属性设置为KeyboardSend。在自动输入前,浏览器会自我激活为当前活动窗口,同时把输入焦点转移到设定的多行文本控件上。在输入过程中,不能手工干预,不能让控件失去焦点,也不能切换到别的程序窗口。输入远程会触发控件绑定的事件代码。

系统向浏览器发送内容


3、模拟人工键盘操作
获取元素后,把填写属性设置为Keyboard,能达到人工按下实体键盘一样的效果,因此不能输入中文,执行时同样会自动激活浏览器窗体,输入焦点转移到多选文本控件上。输入过程中会触发元素绑定的相关事件。

模拟人工按键


4、模拟键盘事件
在不按下键盘的情况下,直接产生按键事件作用于当前活动窗口,获取元素后设置填写属性为KeyboardEvent。与模拟人工操作效果一样,自动激活浏览器窗体,定位输入焦点到多行文本控件上才能完成输入,亦不支持中文输入,会触发元素控件绑定的脚本事件。

发送键盘事件


5、执行脚本代码控制输入
在项目管理窗口中,创建一个脚本代码的步骤,执行JavaScript代码修改textarea的value属性值。注意:textarea虽然在html中没有value属性,但在JavaScript代码中是支持的。不管textarea是否被赋初值,都不影响脚本执行填表效果。

document.getElementsByTagName("textarea")[0].value="木头软件";

也可以使用JQuery代码,只要勾选【引入JQuery】,浏览器自动引用JQuery库
$("textarea").eq(0).val("木头软件");

脚本填表多行文本框


执行以上脚本输入内容后,不会触发控件绑定的事件,如有必要,可以在代码中主动调用相关的事件处理代码。也可以再添加一个填表步骤项目来主动触发事件代码执行。


上一篇:HTML 音频(Audio)
下一篇:前端之html_day01