博星卓越开发平台实验指导书学生版.docx

资源描述

博星卓越开发平台实验指导书学生版.docx

《博星卓越开发平台实验指导书学生版.docx》由会员分享，可在线阅读，更多相关《博星卓越开发平台实验指导书学生版.docx（47页珍藏版）》请在冰豆网上搜索。

博星卓越开发平台实验指导书学生版.docx

博星卓越开发平台实验指导书学生版

博星卓越电子商务网站开发平台

实

验

指

导

书

（学生版）

（版本：

V2.0）

制作：

北京博导前程信息技术有限公司

前言电子商务网站开发平台实验说明9

1开发平台设计思想及目标9

1.1设计思想9

1.2设计目标9

1.3开发平台开发流程简介9

1.4开发平台实验的设计方法9

1.5开发平台实验案例简介10

1.6开发平台实验环境简介10

2博星卓越电子商务网站开发平台初步认识11

2.1登陆系统11

2.1.1注册11

2.1.2登录11

2.2熟悉功能模块12

2.2.1熟悉学生信息维护功能12

2.2.2新建站点13

2.2.3按纽功能介绍14

实验体系一：

静态网页设计实验15

3.1实验一HTML标记语言入门及基本操作15

3.1.1实验前的准备15

3.1.2实验目的15

3.1.3实验内容及步骤15

3.1.4实验考核19

3.1.5思考题19

3.2实验二HTML语言列表和条目标记19

3.2.1实验前的准备19

3.2.2实验目的21

3.2.3实验内容及步骤21

3.2.4实验考核25

3.2.5思考题26

3.3实验三HTML语言超链接26

3.3.1实验前的准备26

3.3.2实验目的27

3.3.3实验内容及步骤27

3.3.4实验考核29

3.3.5思考题29

3.4实验四HTML的表格和表单30

3.4.1实验前的准备30

3.4.2实验目的33

3.4.3实验内容及步骤34

3.4.4实验考核37

3.4.5思考题37

3.5实验五图像和框架应用操作38

3.5.1实验前的准备38

3.5.2实验目的40

3.5.3实验内容及步骤40

3.5.4实验考核45

3.5.5思考题45

3.6实验六静态网页设计综合实验45

3.6.1实验前的准备45

3.6.2实验目的46

3.6.3实验内容及步骤46

3.6.4实验考核58

3.6.5思考题58

实验体系二：

电子商务网站设计实验58

4.1实验一登录模块设计实验58

4.1.1实验前的准备58

4.1.2实验目的58

4.1.3实验内容及步骤58

4.1.4实验考核61

4.1.5思考题61

4.2实验二导航条设计实验61

4.2.1实验前准备61

4.2.2实验目的61

4.2.3实验内容及步骤：

4.2.4实验考核63

4.2.5思考题63

4.3实验三新闻模块设计实验63

4.3.1实验前的准备63

4.3.2实验目的64

4.3.3实验内容及步骤64

4.3.4实验考核66

4.3.5思考题67

4.4实验四公告模块设计实验67

4.4.1实验前的准备67

4.4.2实验目的67

4.4.3实验内容及步骤67

4.4.4实验考核70

4.4.5思考题70

4.5实验五商品展示模块设计实验70

4.5.1实验前的准备70

4.5.2实验目的70

4.5.3实验内容及步骤71

4.5.4实验考核73

4.5.5思考题73

4.6实验六商品购物车、订单查询模块设计实验73

4.6.1实验前的准备73

4.6.2实验目的74

4.6.3实验内容及步骤：

4.6.4实验考核77

4.6.5思考题77

4.7实验七咨询信息模块设计实验77

4.7.1实验前的准备77

4.7.2实验目的77

4.7.3实验内容及步骤77

4.7.4实验考核80

4.7.5思考题80

4.8实验八友情链接模块设计实验80

4.8.1实验前的准备80

4.8.2实验目的81

4.8.3实验内容及步骤81

4.8.4实验考核83

4.8.5思考题83

4.9实验九网站调查模块设计实验83

4.9.1实验前的准备83

4.9.2实验目的84

4.9.3实验内容及步骤84

4.9.4实验考核86

4.9.5思考题87

4.10实验十电子商务网站设计综合实验87

4.10.1实验前的准备87

4.10.2实验目的87

4.10.3实验内容及步骤87

4.10.4实验考核88

4.10.5思考题89

实验体系三数据库基本认知实验89

5.1实验一数据库查询实验89

5.1.1实验前准备89

5.1.2实验目的89

5.1.3实验内容及步骤89

5.1.4实验考核94

5.1.5思考题94

5.2实验二数据库添加实验95

5.2.1实验前准备95

5.2.2实验目的95

5.2.3实验内容及步骤95

5.2.4实验考核98

5.2.5思考题99

5.3实验三数据库更新实验99

5.3.1实验前准备99

5.3.2实验目的99

5.3.3实验内容及步骤99

5.3.4实验考核102

5.3.5思考题102

5.4实验四数据库删除实验102

5.4.1实验前准备102

5.4.2实验目的103

5.4.3实验内容及步骤103

5.4.4实验考核105

5.4.5思考题105

5.5实验五数据库综合实验105

5.5.1实验前准备105

5.5.2实验目的105

5.5.3实验内容及步骤105

5.5.4实验考核106

实验体系四：

电子商务网站设计二次开发实验107

6.1实验一注册样式一找回密码107

6.1.1实验前的准备107

6.1.2实验目的107

6.1.3实验内容及步骤107

6.1.4实验考核116

6.1.5思考题116

6.2实验二导航管理导航是否在前台显示实验116

6.2.1实验前的准备116

6.2.2实验目的116

6.2.3实验内容及步骤116

6.2.4实验考核124

6.3实验三在新闻管理中设置热点新闻124

6.3.1实验前的准备124

6.3.2实验目的124

6.3.3实验内容及步骤124

6.3.4实验考核136

6.3.5思考题137

6.4实验四在公告管理中添加设置取消紧急公告功能137

6.4.1实验前的准备137

6.4.2实验目的137

6.4.3实验内容及步骤137

6.4.4实验考核145

6.4.5思考题145

6.5实验五在商品样式一管理中添加商品产地属性145

6.5.1实验前的准备145

6.5.2实验目的145

6.5.3实验内容及步骤145

6.5.4实验考核155

6.5.5思考题155

6.6实验六购物车加入数量修改功能155

6.6.1实验前的准备155

6.6.2实验目的155

6.6.3实验内容及步骤155

6.6.4实验考核162

6.6.5思考题162

6.7实验七订单查询中加入搜索功能163

6.7.1实验前的准备163

6.7.2实验目的163

6.7.3实验内容及步骤163

6.7.4实验考核166

6.7.5思考题166

6.8实验八订单作废功能167

6.8.1实验前的准备167

6.8.2实验目的167

6.8.3实验内容及步骤167

6.8.4实验考核172

6.8.5思考题172

6.9实验九调查管理模块新增投票结果显示173

6.9.1实验前的准备173

6.9.2实验目的173

6.9.3实验内容及步骤173

6.9.4实验考核178

6.9.5思考题178

6.10实验十咨询管理模块:

咨询搜索功能178

6.10.1实验前的准备178

6.10.2实验目的178

6.10.3实验内容及步骤179

6.10.4实验考核185

6.10.5思考题185

6.11实验十一友情链接一管理模块：

推荐链接的最前显示185

6.11.1实验前的准备185

6.11.2实验目的185

6.11.3实验内容及步骤185

6.11.4实验考核191

6.11.5思考题191

6.12实验十二导航管理设置二级栏目功能191

6.12.1实验前的准备191

6.12.2实验目的191

6.12.3实验内容及步骤191

6.12.4实验考核207

6.12.5思考题207

6.13实验十三电子商务网站二次开发综合实验207

6.13.1实验前的准备207

6.13.2实验目的207

6.13.3实验内容及步骤208

6.13.4实验考核209

6.13.5思考题209

实验体系五电子商务组件开发209

7.1实验一求购信息发布组件开发实验209

7.1.1实验前准备209

7.1.2实验目的209

7.1.3实验内容及步骤209

7.1.4实验考核226

7.1.5思考题226

前言电子商务网站开发平台实验说明

1开发平台设计思想及目标

1.1设计思想

电子商务网站开发平台是一套面向“电子商务专业”设计的教学系统。

针对电子商务专业内容的需要，就要求电子商务网站开发平台不但是一个专业的“开发平台”，要为学生提供一套完整的“教学任务”，这样才能让学生了解电子商务网站的工作流程和整个网站的建设过程。

所以系统最终目的就是为学生提供各种网站开发实例和专业开发知识，让学生能够通过平台的操作学会网站建设过程中涉及到的相关知识。

通过电子商务网站开发平台的使用，可以使学生对电子商务网站开发有一个全面的认识，也使学生从整体上了解电子商务的内涵。

1.2设计目标

电子商务网站开发平台不但能够帮助学生学习网站建设知识，而且还能指导学生开发出一套完整的电子商务信息网站。

并通过整个开发过程的实际操作，使学生得到网站项目的实际开发经验。

在网站的开发过程中也极大的提高了学生的动手操作能力，通过动手操作提高使使学生能够成为社会急需的理论和实践相结合的人才。

1.3开发平台开发流程简介

电子商务网站开发平台通过实验的方式，让学生从基础的html标记语言开始学起，在掌握基础的html标记语言的基础上，再结合系统提供的商务组件，使学生开发出自己所需要的电子商务网站。

最后，学生通过系统提供的系统jsp源码的研究学习，学生自己动手修改系统提供的组件，快速开发出一个功能齐全的电子商务系统。

1.4开发平台实验的设计方法

开发平台是按照设计实验的方式让学生掌握商务网站的开发过程，从简单到复杂，从前台显示页面的设计到后台的代码实现，学生在实验中体会开发电子商务网站的流程，学生在实验中掌握理论知识的应用，学生在实验中掌握开发网站的技能。

1.5开发平台实验案例简介

电子商务网站开发平台中为学生准备了商务组件，目的就是通过这些实例来减小电子商务专业的学生开发软件的难度。

通过不同的商务组件，学生可以接触到一个网站整个建设过程的内容，并通过平台提供的知识教程，让学生全面掌握开发方面的知识。

平台提供的实验从简单到复杂含盖了软件开发过程中全面的技能知识，并通过这些知识的积累，让学生在开发网站的乐趣中体会到电子商务网站的整个商务应用内涵。

1.6开发平台实验环境简介

平台为学生提供一个集成开发环境，学生可以不借助其他任何开发工具，就能在平台中完成开发任务。

平台开发环境中还为学生提供许多现成的网站开发组件，学生可以直接把组件套用到自己的网站里，这样就为网站的建设带来了很大方便。

同时，环境能够很容易的实现网站前后台的搭配和调试，并通过修改组件功能让学生可以很方便的实现整个工程的修改，达到项目的二次开发的目的。

2博星卓越电子商务网站开发平台初步认识

2.1登陆系统

2.1.1注册

学生通过登陆页面进入注册页面，注册类型选择“学生”，并填写自己的基本信息，包括：

用户名、密码、姓名、e-mail、电话和性别。

学生要通过注册页面选择自己的班级，这样学生在登录时就能直接登录到自己的班级。

学生注册完毕提交注册信息后，等待教师激活后就可以进行登录了。

图2.1学生注册

2.1.2登录

学生进入登录页面，用注册的帐号或教师分配的帐号登录进入操作页面。

选择登陆身份为学生并输入学生登陆用户名及密码后单击【登陆】按钮进入学生界面

图2.2学生登陆界面

2.2熟悉功能模块

学生成功登陆后进入出现如下界面：

图2.3学生登陆成功界面

2.2.1熟悉学生信息维护功能

单击学生主界面左上角学生的姓名进入学生信息界面如图所示：

修改学生的信息（除用户名外）后单击【提交】按钮修改学生信息，单击班组信息查看本版其他学生信息。

图2.4学生信息

2.2.2新建站点

单击学生主界面中的定制站点进入站点设计页面如图所示：

图2.5站点设计首页

在路径中输入站点的显示名称（非中文），在输入站点的中文名称后单击【创建】按钮创建新站点进入站点设计工具界面如图2.6所示：

图2.6站点设计

2.2.3按纽功能介绍

（1）前台编辑器：

此功能模块主要完成页面的编辑操作。

（2）程序控制版本：

此功能是把在前台编辑器中编辑器中编辑的页面发布到服务器中，使页面能在适合的服务器中运行。

（3）资源版本控制：

此功能是把前台编辑器中上传到服务器中的图片资源部署到环境服务器中，使图片资源正常引用。

（4）测试程序前台：

此功能是进入自己开发的站点的端口。

从此链接进入自己开发的站点的首页。

（5）生成程序后台：

此功能是生成学生在前台编辑器中选用的系统组件的对应后台管理。

（6）程序后台管理：

进入站点后台管理页面的端口。

（7）删除应用程序：

删除当前站点。

（8）导出部署包：

导出当前站点的页面，以压缩包的形式导出。

（9）下载源文件：

下载站点源代码。

（10）程序源码API：

站点源代码的说明帮助。

（11）导出应用程序：

从外部导入到环境中的jsp系统。

必须以后缀名war形式的压缩包导入。

实验体系一：

静态网页设计实验

3.1实验一HTML标记语言入门及基本操作

3.1.1实验前的准备

（1）检查浏览器是否运行正常。

（2）检查电子商务网站开发平台中前台编辑功能模块是否运行正常。

3.1.2实验目的

（1）了解HTML标记语言的运行环境。

（2）熟悉在电子商务网站开发平台中HTML标记语言的编辑功能

（3）掌握HTML文件的基本结构。

3.1.3实验内容及步骤

（1）进入编辑器

选择“前台编辑器”，进入电子商务网站开发平台的编辑器页面，在编辑器中学生来设计自己的静态页面如图3.1。

在编辑器中学生能看到编辑模式和代码模式。

编辑模式是学生可以利用现成的编辑器工具自动生成静态页面所要实现的功能；代码模式用来显示学生设计模式中所设计功能的代码，学生也可以直接在代码模式中编写自己的代码来实现静态页面的设计。

图3.1页面编辑

（2）html标签练习

学生首先在代码模式下编写一段代码如下：

</p><p><METAhttp-equiv=”content-Type”content=”text/html;charset=gb3212”></p><p>

这是一个基本html实例，让你初步认识html标签

如图3.2所示：

图3.2页面效果

（3）显示效果

学生单击前台编辑器中，编辑区域右下角的“预览”,学生直接看到效果如图3.3所示：

图3.3效果图

（4）程序版本控制：

学生完成所有代码的编写点击保存，然后通过导航进入“程序版本控制”页面，如图3.4，在页面中把自己编写完成的页面导入到工作区域。

图3.4程序版本控制

（5）测试前台页面：

学生在完成工作区的同步后就可以进行自己页面的测试了。

学生通过“测试程序前台”来对页面进行测试，如图3.5所示

图3.5测试程序前台

3.1.4实验考核

教师根据学生的设计进行评分。

3.1.5思考题

（1）HTML表示的是什么意思？

（2）什么是静态网页？

3.2实验二HTML语言列表和条目标记

3.2.1实验前的准备

（1）列表标记语言的学习

无序列表

无序列表使用的一对标签是

。
的属性type有三个选项,这三个选项都必须小写:
        disc实心园
       circle空心园
        square小方块
- 的属性值,即默认情况下的

展开阅读全文