开发电子商务应用系统所需的关键技术包括网页设计与制作、Web编程技术及数据库技术等。
2.3.1 网页设计与制作
1.HTML语言
当我们畅游Internet时,我们透过浏览器所看到的网站,是由超文本标记语言(HyperText Markup Language,HTML)构成的。HTML是目前在Web中应用最多的文本标记语言,已经成为网上标记语言的一种标准格式,它需用浏览器支持。下面简单介绍HTML页面的一些基本标记。
(1)HTML文件结构
<html>...</html>
<head>...</head>
<body>...</body>
下面就是一个网页的基本结构形式
<HTML>
<HEAD>
<title>, <base>, <link>, <isindex>, <meta>
</HEAD>
<BODY>
网页的正文
</BODY>
</HTML>
(2)背景色彩和文字色彩
基本形式为<body bgcolor=# text=# link=# alink=# vlink=#>,其中bgcolor表示背景色彩;text表示非可链接文字的色彩;link表示可链接文字的色彩;alink表示正被点击的可链接文字的色彩;vlink表示已经点击(访问)过的可链接文字的色彩;#表示色彩,格式为rrggbb,即色彩是用16进制的红—绿—蓝(Red-Green-Blue,RGB)值来表示。例如#FF0000表示红色,#00FF00表示绿色,#0000FF表示蓝色,至于其他的复合颜色,只要适当选取各种颜色的值进行组合即可。
文字颜色的一般格式为:
<font size = color = # > 文字内容 </font>
其中,font和color为可选属性,size为字体的大小,color和上面的背景颜色一样选取16进制的数值表示颜色。举例:
<font color="#FF0000" size="5">设置一个字体的颜色和大小</font>
上面的字体就会显示为红色的,并且大小显示为18磅。
(3)链接
基本语法 <a href="URL"> ... </a>
例如:<a href="…/index.html">,这是一个链接的例子</a>,该行文字下带下划线,如果用户点击则转移到另一个页面。
也可以设置在同一个网页面上的链接转移,例如,点击一个链接会转移到同一张页面的另一个标记锚点位置。
(4)打开一个新的窗口
<a href="URL" target="name"> ... </a>
例如:<a href=http://tech.sina.com.cn/focus/Blaster/index.shtml target=_blank>“冲击波”计算机病毒</a>,这是新浪网上的一个新闻链接,target =_blank表示http:// tech.sina.com.cn /focus/ Blaster/ index.shtml上的内容将在新的浏览器窗口中显示,不在提供链接的那个页面上显示。
2.网页设计和制作工具
目前有许多流行的网页制作软件,通过可视化界面编写HTML文件或者其他动态网页,目前几种较为常用的可视化网页制作软件有:Dreamweaver、Visual Studio Code、Sublime Text和Hbuilder等。如果想掌握它们,请读者参阅相关书籍或者在互联网上搜索相关内容。
2.3.2 Web编程技术
纯粹由HTML构成的网页是静态网页,如果用户希望建立一个Web站点,那么仅仅依靠传统的静态页面已经远远不能满足要求,网站设计者需要考虑到如何实现对数据库的访问,如何对用户的客户端输入做出及时的响应等,这就需要编写程序。程序可以在客户的浏览器端执行,也可以在Web服务器端执行。按照程序的执行地点,Web编程技术可以分为客户端技术和服务器端技术。
1.Web客户端技术
Web客户端技术主要包括客户端脚本技术、控件技术、多媒体技术、DHTML和 Java Applets。
(1)客户端脚本技术
常用的客户端脚本语言有Java Script和VB Script。客户端脚本被嵌入HTML的文件之中,不用经过先传给服务器端处理,然后再传回来的过程,而可以直接被客户端的应用程序处理,用来在客户端进行表单的有效性检查、数学运算、弹出消息、根据条件进行操作等。下面给出一个用VB Script作为脚本的例子:
<HTML>
<HEAD><TITLE>一个简单首页</TITLE>
<SCRIPT LANGUAGE="VBScript">
<!--
Sub Button1_OnClick
MsgBox "欢迎您!"
End Sub
-->
</SCRIPT>
</HEAD>
<BODY>
<H3>一个简单首页</H3><HR>
<FORM><INPUT NAME="Button1" TYPE="BUTTON" VALUE="单击此处"></FORM>
</BODY>
</HTML>
在浏览器中显示该网页时,首先显示一个标有“单击此处”的按钮Button1,单击此按钮,显示一个对话框,对话框显示“欢迎您!”
(2)控件技术
常用的控件包括Java Beans和ActiveX等。它们是可重用的软件组件,可被加进多种应用。创建和使用控件的概念源于面向对象编程的理论,所创建的对象是应用程序的一部分,利用现有的对象和控件来构造应用程序比从头开始编程更为快捷和容易,因为可以充分利用现有的控件,无须重复开发。
(3)多媒体技术
多媒体信息包括文本、声音、图形、图像、音频、视频和动画等,在网页中嵌入多媒体信息可以使网页更加生动形象,内容也更加丰富。多媒体技术就是指运用计算机综合处理多媒体信息的技术,包括多媒体信息的采集、生成、处理、存储、压缩和解压缩、显示或播放等方面的技术。目前有许多多媒体处理软件,例如图形图像处理软件PhotoShop、CorelDraw等,动画制作软件AutoDesk Animator Pro、3DS MAX、Flash等,声音处理软件Ulead Media Studio、Sound Forge等,以及视频处理软件Ulead Media Studio、Adobe Premiere等。
(4)DHTML
DHTML是Dynamic HTML的简称,即动态HTML,就是当网页从Web服务器下载后无须再经过服务器的处理,而在浏览器中直接动态地更新网页的内容、排版样式、动画。比如,当鼠标移至文章段落中,段落能够变成蓝色,或者当你点击一个超链接后会自动生成一个下拉式的子超链接目录。这是一种通过各种技术的综合发展而得以实现的概念,这些技术包括Java Script、VB Script、Document Object Model(文档对象模型)、Layers和Cascading Style Sheets(CSS样式表)等。
(5)Java Applet
Java Applet就是用Java语言编写的一些小应用程序,它们可以直接嵌入网页中,并能够产生特殊的效果。当用户访问这样的网页时,Applet被下载到用户的计算机上被执行,但前提是用户使用的是支持Java的网络浏览器。由于Applet是在用户的计算机上执行的,因此它的执行速度不受网络带宽或者Modem存取速度的限制,用户可以更好地欣赏网页上Applet产生的多媒体效果。在Java Applet中,可以实现图形绘制、字体和颜色控制、动画和声音的插入、人机交互及网络交流等功能。。
2.Web服务器端技术
(1)公共网关接口
公共网关接口(Common Gate Intergace,CGI)是一段程序,运行在服务器上,提供同客户端HTML页面的接口,通俗地讲,CGI就像是一座桥,把网页和Web服务器中的CGI执行程序连接起来,它把HTML接收的指令传递给服务器,再把服务器执行的结果返还给HTML页;用CGI可以实现表格处理、数据库查询、电子邮件发送等许多操作,最常见的CGI程序就是计数器。CGI使网页变得不是静态的,而是交互式的。CGI程序可以使用C/C++、PERL、VB等语言来编写,但CGI存在不易开发、修改成本高、执行速度慢等缺点。
(2)服务器端脚本技术
在Web页面中可以直接嵌入脚本来生成动态页面,与客户端脚本不同的是,服务器端的脚本是运行在Web服务器上。常用的服务器端的脚本技术包括ASP(Active Server Pages)、Cold Fusion、PHP和JSP等。ASP(Active Server Page)即动态服务器页面,它只能运行在Windows环境中。PHP(Hypertext Preprocessor)即超级文本预处理语言,它是一种HTML内嵌式的语言(类似于IIS上的ASP),PHP独特的语法混合了C、Java、Perl及PHP式的新语法,它可以比CGI或者Perl更快速地执行动态网页。JSP(Java Server Pages)页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理,然后将生成的HTML页面返回给客户端的浏览器。JSP具备了Java技术的简单易用、面向对象、平台无关性以及安全可靠的所有特点。
3.Servlet技术
Servlet是一种独立于平台和协议的服务器端的Java应用程序,可以生成动态的Web页面。它担当Web浏览器或其他HTTP客户程序发出请求,与HTTP服务器上的数据库或应用程序连接的中间层。Servlet是位于Web 服务器内部的服务器端的Java应用程序,与传统的从命令行启动的Java应用程序不同,Servlet由Web服务器进行加载,该Web服务器必须包含支持Servlet的Java虚拟机。
2.3.3 数据库技术
1.数据库的基本概念
(1)数据库的基本概念
数据库是在计算机的外部存储器上,按一定组织方式存储在一起的、相互有关且具有数据最小冗余、可供数据共享、较高数据独立性、确保数据安全和完整等特性的数据集合。
(2)数据库管理系统
数据库管理系统(DataBase Management System, DBMS)是实现对数据库资源有效组织、管理和存取的系统软件。它在操作系统的支持下,支持用户对数据库的各项操作。DBMS的主要功能包括:数据定义、数据维护、数据操纵、数据库管理等。
(3)数据库系统
数据库系统(DataBase System,DBS)是一个人—机系统,包括硬件系统、数据库、DBMS、应用软件和数据库系统的维护管理人员五个部分。
2.Web与数据库的连接
随着Internet/Intranet的迅速发展,Web得到了越来越广泛的应用,WWW页面已由静态网页逐渐发展为动态的交互式网页,如何更好地实现与用户的交互就成为迫切需要解决的问题。解决这一问题的方法之一就是实现数据库与Internet/Intranet应用软件的集成。基于Web的数据库应用,就是将数据库和Web技术结合,按照Browser/Server结构建立的通过浏览器访问数据库的服务系统。目前建立与Web数据库交互连接的方法主要有如下三种:一是网关接口CGI和NSAPI、ISAPI;二是JDBC;三是ActiveX。
(1)CGI和NSAPI、ISAPI
为实现信息共享和动态服务,必须能够让Web用户通过CGI访问数据库。CGI需要通过一个接口才能访问数据库,这种接口多种多样,几个大的数据库厂商也对某些CGI脚本语言提供数据库接口,如Oracle就提供Perl 对Oracle数据库的接口。CGI曾是产生动态Web页的主要技术,但CGI的灵活性较差,当一个客户应用程序调用一个CGI程序时,Web服务器需要创建一个新的进程,执行这个CGI程序,回送执行结果给客户,最后清理使用的资源。如果此时服务器正接受许多客户的请求,Web服务器就要执行大量的任务,以致大大降低了网络的速度。而NSAPI(Netscape服务器API)或ISAPI(Internet服务器API)能克服这一问题,使Web服务器能够在其进程空间中执行用户逻辑,并在每一个动态请求发生时无须派生新的执行程序。
(2)JDBC
JDBC(Java Database Connectivity)即Java数据库连接,是用于执行SQL语句的Java应用程序接口API,由Java语言编写的类和接口组成。Java是一种面向对象、多线程、与平台无关的编程语言,具有极强的可移植性、安全性和强健性。JDBC是一种规范,能为开发者提供标准的数据库访问类和接口,能够方便地向任何关系数据库发送SQL语句,同时JDBC是一个支持基本SQL功能的低层应用程序接口,但实际上也支持高层的数据库访问工具及API。JDBC的两种主要接口分别面向应用程序开发人员的JDBC API和面向驱动程序低层的JDBC Driver API。JDBC完成的工作是:建立与数据库的连接;发送SQL语句;返回数据结果给Web浏览器。
(3)ActiveX
ActiveX是Microsoft提出的一组使用COM(Component Object Model)使得软件部件能够在网络环境中进行交互的技术集。它与具体的编程语言无关。作为针对Internet应用开发的技术,ActiveX被广泛应用于Web服务器及客户端的各个方面,也被用于创建桌面应用程序。ActiveX目前可在所有的Windows平台上使用。ActiveX核心元素的ActiveX控制(Custom Controls),可以在单独的应用程序和Web页中重复使用。

