1、实验指导书电子商务应用开发技术 电子商务应用开发技术 实 验 指 导 书尹 隽 编 写适用专业：电子商务信息管理与信息系统 江苏科技大学经济管理学院 2012 年 08 月前 言电子商务应用开发技术课程主要从构建一个功能比较齐全的电子商务系统的角度出发，首先讲授电子商务系统的基本架构；然后从电子商务系统三层体系结构分别讲述：电子商务系统表达层：网站的基本实现技术的原理特征以及具体实现技术和方法；电子商务系统逻辑层包括电子商务系统的分析、设计与集成过程，以及具体的逻辑层实现技术；电子商务数据层电子商务时代数据管理需求与技术特征，数据模型的概念与发展，数据库管理系统的功能、运行机理、发展动态，不同
2、体系结构下数据访问接口技术的特征等；最后综合电子商务三层体系结构，以介绍完整的电子商务解决方案及相关的技术动态的形式进行总结。通过学习学生能对电子商务系统及其包含的技术有充分深入的理解，并通过对电子商务表达层、逻辑层、数据层三层体系结构分步骤的技术理解，掌握系统从规划、设计到实现的全过程，在此过程中逐渐具备各层次技术的实践操作能力，并通过实验巩固对技术的掌握；最终通过电子商务解决方案的形式对电子商务系统及其技术进行综合理解。作为技术先导课本课程需要起到承上启下的作用，因此本指导书将从基本应用入手，从分析、解决应用问题的目的出发，在问题求解过程中反映出应用技术的理论基础和发展演变规律，希望通过课
3、程的学习以及实际操作，激发同学们学习技术的热情，从而进一步引导学生以后对电子商务系统各层次技术的进行深入学习和探索。一、实验开设目标、总体内容为了使学生更好地理解和深刻地把握这些知识，并在此基础上，训练和培养学生对电子商务表达层技术（包括静态与客户端动态网页技术）、逻辑层技术（包括一种服务端动态网页技术，包括对应的网络编程语言）、数据层技术（一种数据库管理系统数据库设计、开发相关技能）的理解和掌握，并针对这些技能的要求设置了包括电子商务系统体验、个人网页规划和设计等八个实验项目，其中个人主页全面开发并上传、电子商务系统规划报告、根据系统规划方案实现电子商务系统三个实验为综合性、设计性实验。二、
4、各项实验主要了解、掌握的具体知识，训练及培养的技能实验一要求在理解第一章电子商务总体体系结构，电子商务系统模式、特点，通过对成功电子商务系统的体验实验进一步理解与传统管理信息系统的区别，初步建立对电子商务系统环境的感性认识。实验二、三、四是通过实验，对第二章电子商务表达层技术，包括网页规划设计、静态网页著作以及客户端动态网页技术实现逐步的深入理解掌握。实验五、六是在熟悉第三章电子商务逻辑层内容的基础上，掌握建立一个大型电子商务系统设计及实现的核心技术，能通过一种网络编程语言实现系统的核心逻辑。实验七是在理解电子商务系统分析设计过程以及第三章数据层的基础上，规划设计目标电子商务系统，包括分析、设
5、计和集成过程以及目标系统的数据库架构，前者需要根据软件工程思想以及电子商务的特点进行系统规划、分析，后者需要结合数据库原理与应用课程中对数据库范式的知识以及电子商务系统数据库的特点进行设计。实验八是在实验七电子商务系统规划方案的指导下，结合实验七电子商务系统数据架构设计，采用一种网络编程语言进行电子商务系统的开发实现，需要实现其核心部分。三、本指导书的特点电子商务应用开发技术实验是该课程重要的实践性环节，是教学过程中必不可少的重要内容，通过对电子商务系统案例分析、技术体验，使学生逐步加深理解、验证和巩固课堂教学内容；增强对电子商务系统的感性认识；掌握电子商务系统分析、设计、实施的基本方法；培养
6、学生理论与实践相结合的能力。本指导书基于电子商务系统完整的知识体系基础上构建完成，因此对技术的实验设置具备较强的连贯性。实验的完成需要紧密结合课程知识，并结合之前实验所掌握的技能。由于实验先后衔接的比较紧密，学生认真做好每个实验的同时，教师应随时与学生交流，掌握学生对实验的掌握程度并进行针对性讲解分析。四、对不同专业选修情况说明由于信息管理与信息系统专业不设置课程设计，实验八需要适当提高要求并加2个课时的实验，要求能完成电子商务系统的核心部分功能；对设置课程设计的专业，要求学生在课程设计中完整完成这个电子商务系统，并以此为起点，最后一次的实验要求适当降低，。五、实验设备配置每人配置1台电脑，可
7、访问Internet网。六、考核与报告1、每次实验后，学生将实验结果等内容写出实验报告（例如系统可行性分析报告、系统分析报告，系统设计说明书、系统程序等），符合实验教学的要求，并得到指导教师的认可。2、指导教师对每份实验报告进行审阅、评分。3、该实验程依附于理论课，实验课的成绩记入课程平时成绩，占平时成绩的80%（平时成绩占总成绩的30%）。七、注意事项1、上机课时要求必须带本次实验课的指导书以及相关的教材资料；2、实验指导书每人一份，注意保管；3、实验指导书仅作为上机时候的步骤提要，不能作为唯一的依据，以教材和课堂讲授为准。实验一： 电子商务系统案例分析 实验学时：2实验类型：（验证）实验要
8、求：（必修）一、实验目的结合第一章的内容在掌握电子商务、电子商务系统相关内涵的基础上，能进一步理解电子商务与传统商务的区别、电子商务系统与传统信息系统的区别，并能电子商务系统框架结构与体系结构，从而为其后进行电子商务系统表达层、逻辑层和数据层的理解和技术学习奠定坚实基础。 二、实验内容和步骤选择一个电子商务系统（或者团购、返利以及推荐等），学生应能正确判断其所采取的电子商务模式，并进行相应分析。主要比较模式、技术、管理、服务几个方面，对于比较新的模式，例如团购、返利和推荐可以采用对比的方式，对比配送、支付、售后、特色等等，其中团购是2010年引入，有一种叫做O2O，线上购线下消费。1、选择一个
9、成功的电子商务系统，进入该系统；2、浏览系统整体，并确定其电子商务模式（B2C、B2B、C2C、G2B、B2C）；3、注册其会员，并模拟角色实现完整的商务过程（包括评价），分别截屏并对应说明过程（可忽略实际支付环节），并考察其物流配送过程。1）写出该系统的基本功能2）写出与传统购物过程的比较与分析。3）为了赢得潜在客户，该网站做了哪些努力？4）该网站采取了哪些相应的营销策略（产品策略、价格策略、销售渠道策略、促销策略等），分别是如何做的，效果如何？说出你的建议。5）总结该电子商务系统的优点，缺点（待改进的地方）；4、阐述电子商务系统网站和其他各类网站的区别。三、实验原理、方法和手段1、实验原理
10、1）电子商务必须以商务为本：讲求效益、追求利润是电子商务的第一要旨；企业是电子商务的主角，企业是推动电子商务发展的重要动力；设计和建设电子商务时，要从商务需求出发，要根据商务需求和商务目标确定所选用的技术，而不是从技术或模式出发；2）传统商务与电子商务的区别：传统商务与电子商务最核心的区别，就是商务对象的变化。电子商务首先要将实实在在的商品虚拟化，形成信息化（数字化、多媒体化）的虚拟商品，进而对虚拟商品进行整理、储存和传输；3）电子商务与电子商务系统：电子商务与电子商务系统最核心的区分在于目标不同，电子商务的目标是完成商务，而电子商务系统的目标是提供商务活动所需要的信息沟通与交流的环境以及相关
11、的信息流程，要实现电子商务，必须首先建立电子商务系统；4）电子商务系统与传统信息系统的区别与联系；5）电子商务大系统的核心意义，需要采用系统工程的思路去建设；6）电子商务各类应用对技术的挑战：消费主体、企业主体以及政府主体电子商务应用对技术提出了不同层次的挑战，根据所分析的电子商务系统站在其中一个角度去理解与体会；7）电子商务系统的体系结构：商务表达层、商务逻辑层、数据层。2、实验方法与手段选择具有代表性的电子商务系统，认真使用该系统，并模拟其中的角色实现部分或者全部的商务过程，从中体会其商务过程以及技术体系架构，并按照实验内容与实验步骤的要求进行分析。四、实验组织运行要求先由教师集中授课，讲
12、解如何进行实验，然后是学生自主训练。 五、实验条件1、每个学生一台电脑、要求能通过互联网访问电子商务系统；2、实验环境：Windows 98/2000/XP系统且浏览器为IE。六、思考题1、搜集电子商务发展的数据和趋势，写出自己的体会分析。2、从消费者消费应用、消费者休闲娱乐、消费者金融服务、消费者教育培训、企业、政府等多角色多觉得说说其对电子商务的技术要求。（例如消费者休闲娱乐希望的有联机游戏、自选电视等等）。3、谈谈自己对“电子商务应以商务为本，电子商务是一个大系统”的核心含义。4、通过学习对电子商务的理解、对电子商务系统的理解与之前自己的理解有何不同。5、B2B2、团购、返利以及推荐模式
13、，选择其中一个分析其盈利模式。八、实验要求1、实验预习在实验前需要对第一章内容进行深入的理解，特别对电子商务、电子商务系统、电子商务系统的体系结构等理论深入理解。2、实验记录无3、实验报告1）填写课程名称，实验日期。2）填写学生所在的班级、学号、姓名3）实验报告部分为主体部分，根据实验内容、实验步骤的要求编写电子商务系统案例分析报告，要求能够提出自己的看法。4）成绩一栏和最后的指导教师评语为教师填写。九、其它说明必要时对上述相关内容进行补充，或告知学生实验室管理的相关规定及安全事项等内容。实验二： 个人网站的规划与设计 实验学时：2实验类型：（验证） 实验要求：（必修）一、实验目的结合第二章电
14、子商务表达层的内容，而网站作为电子商务最主要的表达平台，要求在掌握其制作技术之前能够进行网站的规划与设计，应首先明确网站的性质、目的、针对不同的类型进行创意。首先确定最终用户是关键的一步，不同的用户有不同的设计要求，从规划、界面设计一致到颜色和文件格式的选择；另一个核心是站点内容的组织、页面/超链接、导航设计、站点风格等关键问题等进行有效决策。而作为站点设计人员不仅需要对技术进行了解，而且对艺术、形象设计、客户心理等需要有充分的理解，所以某些时候将站点的结构设计人员称为站点设计师或者信息构建师，由此规划的作用可想而知。通过对内容详实的规划与设计，为电子商务表达层的具体制作打下坚实的基础。二、实
15、验内容个人网站的总体规划设计，主要包括1、个人网站的主题和名称；2、网站的CI形象；3、根据主题确定网站栏目；4、确定网站的目录结构与链接结构；5、确定网站的整体风格与创意设计；6、首页的具体设计；7、各页面版面布局；8、网站的色彩搭配设计。三、实验原理、方法和手段1、实验原理1）网站的主题与名称 主题要小而精定位要小，内容要精； 题材最好是自己擅长或者喜爱的内容； 题材不要太滥或者目标太高； 网站名称要正气、要易记、要有特色。2）网站的CI形象 设计网站的标志（Logo）； 设计网站的标准色彩； 设计网站的标准字体； 设计网站的宣传标语。3）根据主题确认网站的栏目 尽可能将网站最有价值的内容
16、列在栏目上； 尽可能方便访问者的浏览和查询； 尽可能删除与主题无关的栏目。4）确定网站的目录结构与链接结构不要将所有文件都存放在根目录下；按栏目内容建立子目录；不要使用过长的目录名；尽量使用意义明确的目录名，尽量做到“见名知意”；目录的层次不要太多，建议不要超过3层。5）确定网站的整体风格与创意设计其形式法则主要包括：视觉流程；点、线、面；形状间的组合和构成关系；形状与空间关系；构架与空间；节奏与韵律；对比、调和与统一；装饰与趣味。6）网站首页设计确定首页的功能模块、设计首页的版面、处理技术上的细节。7）确定网页版面布局8）网站的色彩搭配主要内容文字用非彩色（黑色），边框、背景、图片用彩色，这
17、样页面整体不单调，看主要内容也不会眼花。9）其他建议网页的创意设计包括文字排列方向、字群聚散组合，字体大小风格的选择，图片的分布及色彩与空白的经营，不仅追求网页形式的变化，更重视各视觉元素的不同形式和构成能给人在感情上造成不同的心理感受，并体现不同的主题。 内容与形式表现必须统一和有序，形式表现必须服从内容要求，在造型上各构成要素规格化的设计样式要统一； 必须考虑网页上各构成要素之间的视觉流程，能自然而有序地达到信息诉求重点的位置，突出主题； 由于大多数媒体是适用于纵向的，而屏幕是适用于横向的；屏幕是由后向前发光，改变了颜色的对比属性； 必须考虑超链接的非线形特点，使用户可以自主地访问网站，让
18、他们知道在哪里，可以到哪个地方去，所以方便清晰的导航以及适当的返回按钮设计非常重要； 突出主题要素； 注意网页设计中的空白处理； 在视觉上着力强调网页的诉求重点。2、方法和手段根据自己选定的个人网站的主题，进行一系列的网站规划与设计，目的是在规划设计的基础上，利用一定的素材，采用即将学习到的网页开发相关技术实现规划设计的内容。四、实验组织运行要求先由教师集中授课，讲解如何进行实验，然后是学生自主训练。 五、实验条件1、每个学生一台电脑、要求能通过互联网访问电子商务系统；2、实验环境：Windows 98/2000/XP系统且浏览器为IE。六、实验步骤1、确定个人网站的主题和名称；2、设计网站的
19、CI形象，包括其Logo、色彩、字体等；3、根据主题确定网站的栏目；4、确定网站的链接结构与目录结构；5、确定网站的整体风格与创意设计；6、网站首页设计，并适当收集首页所需要的素材；7、确定网页版面布局；8、确定网站的色彩搭配；9、根据网站规划设计的主体以及栏目适当收集素材。七、思考题1、网站规划设计的必要性。2、网站规划设计时的心得体会，在指导教师所列举的实际网站中挑选其中2-3个分析其整体风格、创意、版面布局、色彩搭配以及首页的设计，并提出自己的看法。八、实验要求1、实验预习1）在实验前需要对电子商务表达层网站有一个初步的理解，包括其概念以及基本元素，包含的基本技术等，在此基础上进行具体的
20、规划设计；2）预习网站规划设计需要针对网站的哪些方面进行，参见“实验内容”。2、实验记录无3、实验报告1）填写课程名称，实验日期。2）填写学生所在的班级、学号、姓名3）实验报告部分为主体部分，根据实验内容、实验步骤的要求编写个人网站的总体规划设计，要求个性鲜明，内容丰富，创意独特。4）成绩一栏和最后的指导教师评语为教师填写。九、其它说明必要时对上述相关内容进行补充，或告知学生实验室管理的相关规定及安全事项等内容。实验三： 运用网页制作工具开发个人网站首页 同时掌握HTML语言实验学时：4实验类型：（验证）实验要求：（必修）一、实验目的结合第二章电子商务表达层中关于静态网页开发技术，能按照实验二
21、中规划的内容，使用网页制作工具进行个人网站首页的开发，与此同时，能掌握HTML标记的使用，为网络编程语言的运用奠定基础。二、实验内容1、根据个人网站的规划设计的内容（其中包括整个网站以及首页的规划），进行网站首页的开发，要求整体符合规划。1）利用网页编辑工具首先设置网页标题；2）然后进行整体布局，可利用框架、层或者表格对象进行；3）在此基础上在首页中放置网站的栏目，以图像或者文字的形式均可，并进行适当的修饰；4）补充网页具体内容元素，主要包括图像、文字等，并适当修饰；5）最后考虑采用Marquee、Javascript效果或者Flash动态等元素充实美化页面（Javascript技术将在实验四
22、具体讲解），可适当考虑增加背景音乐等元素。2、在进行首页开发的同时，能掌握HTML标记的运用1）网页基本元素 表示Html网页开始与结束；表示网页头开始与结束；表示网页主体内容的开始与结束。【例】：一个基本的空白网页HTML代码为2）网页标题（Title）【例】：我的网页This is my first html file.3）网页的背影和文本颜色窗口背景可以用下列方法指定前者指定填充背景的图像，如果图像小于窗口的大小，则把背景图像重复，直到填满窗口区域。后者指定的是16进制的红、绿、蓝分量。属性：bgcolor 背景颜色text 文本颜色Link 链接指针颜色alinik 活动的链接指针颜色
23、vlinik 已访问过的链接指针颜色【例】：大红背景色。注意，此时网页主体元素必须写完整，即用结束4）文字（修饰） 字体大小Html有七种字号，1号最小，7号最大。缺省字号为3，可以用设置缺省字号。设置文本的字号有两种办法，一种是设置绝对字号，；另一种是设置文本的相对字号；。用第二种方法时“”号表示字体变大，“”号表示字体变小。 字体风格字体风格分为物理风格和逻辑风格。物理风格直接指定字体。黑体 斜体下划线 打字机体。逻辑风格指定文本的作用。强调 特别强调 源代码 例子 键盘输入 变量 定义 引用 较小 较大 上标 下标 字体颜色字体的颜色用指定，#可以是6位16进数，分别指定红、绿、蓝的值，
24、也可以是指定的颜色名称，例如black，olive，teal，red，blue，maroon，navy，gray，lime，fudrsia，white，green，purple，sliver，yellow，aqua 之一。 闪烁文本使文本闪烁，闪烁频率为1秒钟一次。5）图像图像使你的页面更加漂亮，但是行向图像会导致网络通讯量急剧增大,使访问时间延长。所以在首页（homepage），不宜采用很大的图像。如果确实需要一些大图像，最好在主页中用一个缩小的图像指向原图，并标明该图的大小。这样读者可以快速地访问您的主页，自己选择看还是不看那些图像。 图像的基本格式为或image-url是图像文件的url
25、。目前，大部分浏览器支持 .gif 和 .jpg文件，alt属性告诉不支持图像的浏览器用text代替该图。 图像与文本的对齐方式图像在窗口中会占据一块空间，在图像的左右可能会有空白，不加说明时，浏览器将随后的文本显示在这些空白中，显示的位置由align属性指定。用align=left，right时，图像是一个浮动图像。比如align=left，图像必须挨着左边框，它把原来占据该块空白的文本“挤走”，或挤到它右边，或挤到它上下。 文本与图像的间距用vspace=#，hspace=#指定，#是整数，单位是象素，前者指定纵向间距，后者指定横向间距。6）表格标签在网页中做一个3栏2列的表格：第一个步骤
26、，利用标签告诉电脑我要做一个表格；第二个步骤，利用一组标签先做一个横列，然后在横列中利用三组标签再分出三栏；第三个步骤，重复第二个步骤，再做一横列然后再分三栏，如此才能得到一个3栏2列的表格。下文将将该过程进行分解讲解，首先看一个最简单的表格： 原始码呈现结果11利用这个标签来告诉电脑，这是一个表格，至于 Border=1 这参数是设定此表格的框线粗细为 1。一组是设定一横列的开始。一组则是设定一个栏位。当然，文字就是要摆在这里面。 现在我们再来增加二个格子： 原始码呈现结果123123没有增加，却增加了二组。那如果需要再加上一行呢？ 原始码呈现结果123456123456合并表格栏位并非所有
27、的表格都是规规矩矩的只有几栏、几列而已，有时候我们还会希望能够“合并栏位”，让表格更美观、更实用一点，而谈到“合并栏位”，我们就必须知道，合并的方向有两种：一种是上下合并（也就是横列间的合并），一种是左右合并（也就是直栏间的合并），这两种合并方式各有不同的属性设定方法。 左右栏位合并：如何将 1、2、3 格通通合并变成一大格： 原始码呈现结果145614562、3都消失了？只剩下1，而且该栏的标签还多了一个Colspan=3，这就是“左右栏位合并”的属性，COLSPAN=3的意思就是：这个栏位左右横跨了3个栏位，也正因如此，本来的两个都可以省掉了。 上下栏位合并：如何上下合并，将 1、4格合并变成一大格： 原始码呈现结果1235612356要合并栏位就一定有些栏位会被“牺牲”掉，这次我们要“上下合并”，我们将1与4合并成一个栏位，那么被牺牲的就是4栏位，而在1的标签中则多了个生面孔Rowspan，这就是“上下栏位合并”的属性，ROWSPAN=2的意思就是：这个栏位上下连跨了2个栏位。表格栏位对齐位置设定 可以自由设定表格的“宽”及“高”，下面制作一个宽100、高60的表格： 原始码呈现结果1
