第一讲 可视化编程理论概述
-
Upload
irene-wade -
Category
Documents
-
view
123 -
download
6
description
Transcript of 第一讲 可视化编程理论概述
![Page 1: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/1.jpg)
1
第一讲 可视化编程理论概述
大连广播电视大学 任东华
![Page 2: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/2.jpg)
2
[ 学习方法 ]
– 面授时认真听讲,有效利用各种助学资源 (VCD, 网上辅导资料,课件等)
– 独立完成程序实例– 独立完成自检自测练习题和作业– 积极参与网上课程讨论,并能及时提出
学习中遇到的问题与同学老师探讨解决
![Page 3: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/3.jpg)
3
[ 学习目标 ]
– 掌握 VB 工程的概念及管理方法– 掌握 VB 集成环境中获得帮助的方
法– 理解可视化编程的概念和特点– 了解的可视化语言的种类和特点– 了解面向对象的概念及其基本机制。
![Page 4: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/4.jpg)
4
[ 重点、难点 ]
– 重点: VB 集成环境中重要窗口的认识和使用(工程资源管理器,工具箱,窗体,代码窗口,属性窗口)
– 难点:可视化编程的概念和特点
![Page 5: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/5.jpg)
5
1 、 可视化编程概述
– “视图时代”,图形效果– 易操作 , 编程工作量小– 程序的组成
• 界面• 算法
– Visual Basic :可视化编程的先驱
![Page 6: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/6.jpg)
6
1.1 应用程序实例
实例学习目的:– 了解传统语言与可视化语言的编程
过程– 掌握可视化编程的优点– 掌握 VB 工程的概念和管理方法– 了解面向对象的基本思想。
![Page 7: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/7.jpg)
7
1.1.1“ 加法”应用程序的算法描述 开始
1输入第 个数字→A
2输入第 个数字→B
A B计算 + →C
C显示→符号 表示赋值
1 .程序流程图
![Page 8: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/8.jpg)
8
1.1.2 “ 加法”应用程序的界面描述
2 .程序设计要求 数字输入区
数字输入区
命令按钮
求和结果显示区
![Page 9: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/9.jpg)
9
传统语言的实现方法 第 1 步:编写大量代码生成程序界面
– 主要包括两项工作 :• 一是通过程序代码创建名称为 Form1 的窗
体,并控制窗体的大小、显示位置等;• 二是在 Form1 窗体的适当位置( x,y 坐标)显示数
字输入区、求和结果显示区、提示信息(如“第 1个数字”、“第 2 个数字”、“求和结果”)等项目,并创建名为 Command1 的命令按钮。
![Page 10: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/10.jpg)
10
传统语言的实现方法第 2 步:编写大量代码控制键盘和鼠标操作
–主要包括三项工作 :• 一接收键盘的输入,并将输入结果显示在数字输
入区;• 二捕获鼠标的点击操作,以控制命令按钮的执行;• 三将求和结果显示出来。
第 3 步:编写代码完成求和操作•主要采用赋值语句完成 C = A + B 的求和计算。
![Page 11: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/11.jpg)
11
传统语言的实现方法
传统语言编 Windows 应用程序的缺陷:– 图形界面– 控制鼠标键盘操作– 编写算法逻辑
浪费生命浪费生命
![Page 12: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/12.jpg)
12
1.1.3 可视化语言的实现方法
第 1 步:用鼠标“画”出程序界面
![Page 13: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/13.jpg)
13
第 2 步:编写代码,完成求和操作
Private Sub Command1_Click() Text3.text = Val(Text1.text) + Val(Text2.text) End Sub
需要编写的求和语句
![Page 14: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/14.jpg)
14
“加法”应用程序开发过程演示
打开VB开发工具
![Page 15: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/15.jpg)
15
1.1.4 可视化编程的概念和特点
如果认真体会上述“加法”程序的开发过程,就不难发现:
– 我们多年梦寐以求的“快乐编程”理想成为现实:
– 程序开发过程不再单纯是枯燥的计算机语言的书写过程,而更像是一件艺术品的制作过程。
![Page 16: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/16.jpg)
16
• 一是基于面向对象的思想,引入了控件的概念和事件驱动;
• 二是程序开发过程一般遵循以下步骤:– 即先进行界面的绘制工作– 再基于事件编写程序代码,以响应
鼠标、键盘的各种动作。
![Page 17: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/17.jpg)
17
1.2 VB 集成开发环境介绍
–Microsoft 公司开发的 VB 编程语言就是一种优秀的可视化编程工具。–它从 1991 年开始的第 1 版到现在的 VB.NET ,主要经历了 6 次版本的更新。–鉴于 6.0 是目前经验证比较实用的且易于安装的版本,所以我们将以此为对象,循序渐进学习可视化编程技术。
![Page 18: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/18.jpg)
18
1.2.1 VB 的安装与启动
– 根据不同的需求, VB6.0 有 3 个不同的版本,即学习版、专业版和企业版
– 不同版本的区别:控件和 Internet功能所有不同
– 安装过程同 Windows 的其他产品
![Page 19: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/19.jpg)
19
1.2.2 VB 的集成开发环境
• 进入 VB 后的第一个界面
![Page 20: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/20.jpg)
20
• 集成开发环境
窗体
资 源 管 理器
属性窗口
工具箱窗 体 布 局窗
工具栏菜单栏标题栏
![Page 21: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/21.jpg)
21
1 .标题栏 – 一般格式:
• 程序名称 - Microsoft Visual Basic[ 模式 ]
– VB 程序的三种模式• 设计模式、中断模式和执行模式
– 初次进入 VB 时:• 工程 1-Microsoft Visual Basic[ 设计 ]
![Page 22: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/22.jpg)
22
2 .工具箱
标签
文本框
命令按钮
![Page 23: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/23.jpg)
23
3 .属性窗口
![Page 24: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/24.jpg)
24
4 .代码编辑器窗口
Text3=Val(Text1)+Val(Text2))
![Page 25: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/25.jpg)
25
![Page 26: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/26.jpg)
26
![Page 27: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/27.jpg)
27
5 .工程管理窗口 查看代码按钮 查看对象按钮
![Page 28: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/28.jpg)
28
1.2.3 VB 工程及应用程序框架
•“ 加法”程序开发完成后,通过“文件-保存工程”菜单将程序保存在磁盘上,此时会看到两个对话框,分别提示我们保存后缀为 vbp 和 frm 的文件。
– 其中 vbp 为工程文件– frm 为窗体文件。
![Page 29: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/29.jpg)
29
VB 工程的概念– 在计算机中,我们所创建的应用程序都是
以文件的形式存在的。– VB 是以工程( Project)机制构建应用程
序的,一个 VB 应用程序往往包含了一系列不同类型的文件。
– 假设一个应用程序具有 3 个窗体和 1 个标准模块,那么 VB 将该应用程序保存为三类文件,即 1 个工程文件( .vbp) 3 个窗体文件( .frm)和 1 个模块文件 ( .bas)。
![Page 30: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/30.jpg)
30
VB 应用程序常见文件1 .跟踪所有部件的工程文件( .vbp),每个应用程序必须
有一个惟一的 vbp 文件。2 .每个窗体的文件( .frm),每个标准应用程序通常至少
有一个 frm 文件。3 .每个窗体的二进制数据文件( .frx),每个 frm 文件对
应一个 frx 文件。它含有窗体上控件的属性数据。4 .每个类模块的文件( .cls),可选的。5 .每标准类模块的文件( .bas),可选的。6 .一个或多个包含 ActiveX 控件的方根( .ocx),可选的。7 .单个资源文件( .res),可选的。
![Page 31: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/31.jpg)
31
1.2.4 在集成环境中获得帮助
– 安装了 MSDN
– 通过集成环境的帮助菜单。– 快速方式。首先选中某个控件或某条语句,然后按 F1 键,则可以快速获得相关控件或语句的帮助资源。
![Page 32: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/32.jpg)
32
课堂实践
独立完成 “加法”应用程序
![Page 33: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/33.jpg)
33
知识扩充
![Page 34: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/34.jpg)
34
知识扩充1.3几种流行的可视化编程工具比较
–Microsoft 公司的 VB 语言 –Borland 公司的 Delphi 语言 –Sybase 公司的 PowerBuilde
很难说这三种产品哪个绝对优秀。实际上,每种语言均有自己的优缺点,均有人数众多的程序员队伍
![Page 35: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/35.jpg)
35
1.3.1 基于控件的开发 – 这三个产品都支持基于控件的开发,可通
过拼凑各种控件的方式,像搭积木似地开发应用程序
– 这三种语言均提供了自定义控件的开发能力,但相对而言, VB 和 Delphi 所开发控件的互支持能力更好一些
– 所谓基于控件的开发方式,本质上讲是汲取了面向对象的思想,因此人们通常将这三种语言称为面向对象的语言 。
![Page 36: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/36.jpg)
36
1.3.2 开发能力
– VB 是第一个将“即拖即放”的开发方式引入快速开发环境的
– VB 和 PB均采用伪编译方式生成可执行文件,运行时通常需要若干动态链接库( DLL)的支持,本质上还是采用解释方式执行,这不免浪费了系统资源和 CPU速度
![Page 37: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/37.jpg)
37
1.3.2 开发能力
– 而 Delphi则预先将应用程序编译成经过优化的本地代码,可开发出只有几 K 大小的可执行程序,其执行速度明显高于其他两种语言
![Page 38: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/38.jpg)
38
1.3.3 数据库支持
– 均提供了较好的数据库操作接口– 数据库开发能力各有特色
![Page 39: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/39.jpg)
39
–这三种语言各有优缺点,功能相差不大。–总的来说,如果只是在 Windows 环境下开
发应用程序,那么, VB 在易用性上比其它两种产品要稍稍强些,比较适合可视化编程的初学者。
– 如果后台使用 Access或 SQL Server 数据库,那么 VB 的优势就更明显了,因为它们毕竟都是 Microsoft 公司的产品。
![Page 40: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/40.jpg)
40
1.4Windows 应用程序的 OO 特性
– Windows 的最初开发是在 20世纪80 年代早期,在 C++ 出现之前。当时已经提出了面向对象式的程序设计思想
– 在 Windows 的界面设计和软件开发环境中,可以说处处贯穿着面向对象的思想。
![Page 41: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/41.jpg)
41
1.4Windows 应用程序的 OO 特性
– 在 Windows 中,程序的基本单位不是过程和函数,而是窗口。一个窗口是一组数据的集合和处理这些数据的方法和窗口函数。
– 从面向对象的角度来看,窗口本身就是一个对象。
![Page 42: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/42.jpg)
42
1.4Windows 应用程序的 OO 特性
– 每一个窗体又包含了一系列的控件组件,比如我们熟悉的命令按钮、文本框、工具栏等。这些控件实际上也是一组数据集合和处理这些数据的方法和函数的封装体,即对象
![Page 43: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/43.jpg)
43
课堂练习
一、单项选择题
1 . VB 集成开发环境中用于编写程序代码的窗口是( ) A .资源管理器 B .属性窗口 C .工具栏 D .代码编辑器窗口2 . VB 提供控件的窗口是( ) A .工具栏 B .文本框 C .工具箱 D .属性窗3 .一个 VB 应用程序可以包含几个 vbp 文件( ) A . 1 个 B .可以没有 C . 2 个 D .不受限制
![Page 44: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/44.jpg)
44
4 .后缀为 frm 的文件表示( ) A .类模块文件 B .窗体文件 C .标准类模块文件 D .窗体二进制数据文件5 .下列不属于 VB 应用程序构成的是( ) A . cls 文件 B . res 文件 C . ocx 文件 D . pas 文件 6 .面向对象编程方法的基本机制是( )A .抽象、继承、封装、多态性B .抽象、继承、实体、关系C .对象、消息、方法、事件D .方法、事件、属性、名称
![Page 45: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/45.jpg)
45
小结
1 、 VB 开发工具的重要窗口 2、 VB 编程基本步骤 3 、 可视化编程概念 4 、 VB 应用程序工程概念 5 、 VB 中的文件
![Page 46: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/46.jpg)
46
作业1 .“欢迎”程序。尝试着创建一“标准 EXE” 工程,在 Form1 窗体上放置一标签控件,并将它的 Caption 属性设置为“欢迎!!!”,按 F5 键得到如图 1
所示运行结果。
![Page 47: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/47.jpg)
47
2 .“字符串相加”程序。尝试着创建一个“标准 EXE” 工程,在 Form1 窗体上放置三个文本框和一个命令按钮,在命令按钮的 Click 事件中加入以下代码:Text3=Text1+Text2 ,程序运行结果如图 2 所示。
![Page 48: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/48.jpg)
48
3 .“减法”程序。在上例基础上,参考“加法”程序的设计方法,尝试着开发一个“减法”程序。程序运行结果如图 2 所示。
![Page 49: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/49.jpg)
49
网上课程讨论主题
1 、 VB 开发工具的重要窗口 2、 VB 编程基本步骤 3 、 可视化编程概念 4 、 VB 应用程序工程概念 5 、 VB 中的文件
![Page 50: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/50.jpg)
50
网上资料
1 、 VB 课程一体化设计方案 2、 VB 课程教学大纲 3 、 VB 课程实施方案 4 、 VB 课程公告 (网上实时讨论时间、作业
提交时间,作业讲解时间等)
![Page 51: 第一讲 可视化编程理论概述](https://reader031.fdocument.pub/reader031/viewer/2022012305/56813522550346895d9c8943/html5/thumbnails/51.jpg)
51
本讲结束!