最新版实验报告.docx

最新版实验报告.docx

《最新版实验报告.docx》由会员分享，可在线阅读，更多相关《最新版实验报告.docx（26页珍藏版）》请在冰豆网上搜索。

最新版实验报告

实验体系二：

电子商务网站设计实验

1实验一登录模块设计实验

1.1实验目的

（1）理解电子商务网站中登陆模块设计的意义。

（2）掌握登陆模块的设计方法和技巧。

1.2实验内容及步骤

（1）建立站点，进入站点，如下图：

图1.1建立站点

（2）在站点设计中点击前台编辑器进入编辑器页面，在编辑器中的工具栏中找到“电子商务组件”按钮，通过按钮学生可以添加登陆样式的组件

图1.2添加登陆组件

（3）程序版本控制

添加完成登陆页面保存后，在导航中通过“程序版本控制”按钮来把新添加的页面从测试区同步到工作区去。

在完成页面的同步后就可以进行前台页面测试了。

图1.3登陆组件同步

图1.4测试程序前台

（4）在对登陆前台页面添加完成后，就可以利用系统提供的“生成程序后台”按钮自动生成登陆页面的后台程序了。

通过后台程序的生成就完成了一个完整的用户管理模块的设计了。

图1.5用户管理后台界面

1.3思考题

（1）登陆模块都具有什么样的功能？

登录模块功能主要是获取登录者的身份和验证密码的正确性，对已经注册的用户和管理员以外的用户进行限制登录。

当然，用户成功登录后要根据登录者的身份不同，分别进入相应的操作界面，完成对应的界面初始化。

结合需求分析可知，此模块实现功能为：

身份确定、密码验证、用户注册等功能。

登陆注册模块可以供用户进行注册、登录，对后台数据库进行有限的添加、查询、修改等工作。

登录时，用户填写用户名及密码，提交到后台在数据库中进行比较，如果信息正确，保存用户信息，用户成功登陆；否则登陆失败，返回错误提示信息。

（2）在系统中是怎样实现登陆组件添加的？

点击“定制站点”新建一个站点，在站点设计中点击前台编辑器进入编辑器页面，在编辑器中的工具栏中找到“电子商务组件”按钮，通过按钮可以添加相应的登陆组件,添加完成登陆页面保存后，在导航中通过“程序版本控制”按钮来把新添加的页面从测试区同步到工作区去。

在完成页面的同步后就可以进行前台页面测试了。

在对登陆前台页面添加完成后，就可以利用系统提供的“生成程序后台”按钮自动生成登陆页面的后台程序了。

通过后台程序的生成就完成了一个完整的用户管理模块的设计了。

2实验二导航条设计实验

2.1实验目的

（1）理解导航模条在网站中的意义。

（2）掌握设计导航条的方法。

2.2实验内容及步骤：

本实验是导航条的设计，实验步骤与实验一登陆界面设计是一样的，进入站点，打开编辑页面，添加导航条组件，程序版本控制，测试程序前台，生成程序后台，完成一个完整的导航条后台管理界面。

主要界面如下：

图2.1前台导航界面

图2.2后台导航控制界面

2.3学生作业练习

从电子商务的角度为沃尔玛的网站设计导航条，请先思考该网站应该包含哪些内容，然后设计导航条。

要求通过该导航条可以很直观地了解网站包含哪些内容。

沃尔玛属于零售行业，是大型的综合超市，可以从性别、年龄，喜好和生活必需品等方面入手，导航条设计如下：

图2.3沃尔玛网站导航条

图2.4沃尔玛网站后台导航管理界面

2.4思考题

（1）导航条的作用是什么？

网站导航设置是在网站栏目结构的基础上，进一步为用户浏览网站提供的提示系统。

由于各个网站并没有统一的标准，不仅菜单设置各不相同，打开网页方式也有区别。

有些是在同一窗口打开新网页，有些是新打开一个浏览器窗口，因此仅有网站栏目菜单有时会让用户在浏览网页中迷失方向，如无法回到首页或者上一级页面等，还需要辅助性的导航来帮助用户方便地使用网站信息。

一般是通过在各个栏目的主菜单下面设置一个辅助菜单来说明用户目前所在网页在网站中的位置。

3实验三新闻模块设计实验

3.1实验目的

（1）熟悉电子商务网站中新闻模块的几种样式。

（2）掌握新闻模块的设计方法和应用技巧。

3.3实验内容及步骤

本实验是新闻模块的设计，实验步骤与实验一登陆界面设计是一样的，进入站点，打开编辑页面，添加新闻组件，程序版本控制，测试程序前台，生成程序后台，完成一个完整的公告后台管理界面。

主要界面如下：

图3.1新闻前台界面

图3.2新闻管理后台主界面

图3.3新闻管理页

本实验是结合学生作业练习，开一个网上花店，所以，接下来的新闻模块界面将在学生作业练习中截图，这里便不截图。

3.4学生作业练习

假设你开了一个网上花店，现在需要通过在网上发布相关新闻来宣传产品和网站，甚至可以炒作网站。

请设计一个新闻中心，要求以适当的大小放在适当的位置，并发布适当的内容。

进入新闻管理界面，编辑并发布新闻：

图3.4编辑新闻界面

图3.5编辑好的新闻管理界面

图3.6新闻发布界面

3.5思考题

（1）新闻模块中有哪几项功能操作？

新闻模块通过查询后台数据库，得到新闻的标题、作者、内容及新闻的展示图片，在表格中呈现新闻信息。

（2）电子商务网站中新闻模块的作用？

新闻模块在电子商务网站中有信息发布功能的使用,对于电子商务网站来说，信息发布是最基础的功能和目的，获得有效信息是用户浏览网站的主要动力，为用户提供准确、快速、大量有价值的信息才可以吸引更多的用户。

网络环境下信息的承载形式包括文本、表格、图片、视频、音频等。

信息发布模块可以实现信息发布和维护的高效率、低成本，它提供简单的信息添加工具，通过这个工具，在信息添加完成后软件系统会自动根据页面模板效果生成信息网页，这样既保证了页面美观又保证了风格统一。

4实验四公告模块设计实验

4.1实验目的

（1）理解电子商务网站中公告存在的意义。

（2）学会在电子商务网站中设计公告。

（3）学会添加高效的公告。

4.2实验内容及步骤

本实验是公告模块的设计，实验步骤与实验一登陆界面设计是一样的，进入站点，打开编辑页面，添加公告组件，程序版本控制，测试程序前台，生成程序后台，完成一个完整的公告后台管理界面。

主要界面如下：

图4.1公告模块的前台界面及其放置的位置

本实验是结合学生作业练习，公司内部经济丑闻澄清并挽回公司形象，所以，接下来的公告模块界面将在学生作业练习中截图，这里便不截图。

4.3学生作业练习

某电子商务公司内部员工出现内部经济丑闻，现公司决定通过网站公告栏发布公告，以挽回公司形象。

请为该公司网站设计一公告栏，具体文字内容自拟。

要求以适当大小放在适当位置，并发布适当内容。

为了挽回公司形象，所以发布了员工经济无危机的澄清公告，并号召大家团结起来，放置的位置在界面的右上角，既不会被忽视也不会喧宾夺主，具体内容编辑如下：

图4.2公告内容编辑界面

图4.3公告管理界面

图4.4公告前台界面

4.4思考题

（1）公告模块中有哪几项功能操作？

公告模块可以发布各种公告，及时更新信息。

后台管理中公告管理可以对添加新的公告，对现有的公告进行信息的修改（包括信息内容的修改和显示页面的修改）与查询、对公告进行删除等操作。

（2）电子商务网站中公告模块的作用？

公告也是电子商务网站中信息发布的一种常见形式，公告栏的设计主要为了是突出某些重要或时效性很强的信息，一般位于主页的上方比较明显的位置，里面的文字可以大一些，色彩鲜艳一些，可采用滚动字幕的方式显示，以便让浏览者在进入主页的瞬间就可以马上看到公告栏的信息，并通过点击信息的链接进入详细的介绍。

5实验五商品展示模块设计实验

5.1实验目的

（1）熟悉电子商务网站中商品展示的方式。

（2）掌握在电子商务网站中展示商品的方法和技巧。

5．2实验内容及步骤

本实验是商品展示模块的设计，实验步骤与实验一登陆界面设计是一样的，进入站点，打开编辑页面，添加商品展示组件，程序版本控制，测试程序前台，生成程序后台，完成一个完整的商品后台管理界面。

主要界面如下：

图5.1商品展示前台组件界面

图5.2商品展示后台界面

图5.3商品修改界面

图5.4单商品管理界面

图5.5单商品程序生成前台界面

5．3学生练习作业

请为联想电脑网站的产品介绍页面设计商品展示栏。

要求从电子商务角度，以适当的大小放在适当的位置，发布适当的信息，介绍其最新的几种产品。

商品展示栏放在中间的位置，以橙色的联想新品推出的大标题吸引消费者的眼球，在其右上角加入加入收藏的链接，容易被收藏，也增大了回头客的概率。

具体界面设计及操作如下：

图5.6联想商品展示前台界面

图5.7添加商品后台界面

图5.8编辑商品界面

图5.9多商品管理后台界面

图5.10联想商品最终的展示界面

5．4思考题

（1）电子商务网站商品展示的方式有哪些？

电子商务网站商品展示的方式有单商品展示和多商品展示等。

（2）电子商务网站商品展示的后台管理有哪些？

后台管理界面发布商品，将商品信息保存到数据库中，前台展示页面通过查询后台数据库，得到商品的名称、价格、原价和现价及商品的展示图片，在表格中呈现商品信息。

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

6.1实验目的

（1）熟悉电子商务网站中购物的流程。

（2）掌握电子商务网站中订单产生的流程。

6.2实验内容及步骤：

本实验是商品购物车、订单查询模块的设计，实验步骤与实验一登陆界面设计是一样的，进入站点，打开编辑页面，添加商品购物车、订单查询等组件，程序版本控制，测试程序前台，生成程序后台，完成一个完整的订单后台管理界面。

主要界面如下：

图6.1商品购物车与订单前台界面

图6.2商品购物车与订单后台界面

以下是商品订购和订单查询的过程的界面截图：

图6.3商品订购过程图

图6.4订单管理后台图

图6.5订单查询图

6.3思考题

（1）电子商务网站购物车和订单查询的关系？

客户购买商品时，先点击购买商品，将选购的商品信息保存在购物车表中，同时购物车模块中的信息从购物车表中查询出来，以表格形式表现出来，此时，不会产生订单，因为客户有可能到最后不会购买购物车里的部分或全部商品，只有当客户填写邮购地址并点击付款后，才会产生订单。

7实验七咨询信息模块设计实验

7.1实验目的

（1）掌握电子商务网站中公告模块的设计方法。

（2）掌握电子商务网站中咨询信息的添加方法。

（3）体会在电子商务网站中咨询信息的作用。

7.2实验内容及步骤

本实验是咨询信息模块的设计，实验步骤与实验一登陆界面设计是一样的，进入站点，打开编辑页面，添加导航条组件，程序版本控制，测试程序前台，生成程序后台，完成一个完整的咨询管理界面。

主要界面如下：

图7.1咨询信息前台界面

图7.2咨询信息后台管理界面

图7.3咨询信息程序生成前台界面

7.3思考题

（1）咨询信息的作用是什么？

网站的发展与壮大主要是靠大量浏览者的支持，网站与客户之间的关系是网站生存之本。

客户对于网站的意见与建议对于网站的建设、改进、完善起着至关重要的作用。

咨询信息模块就是加强网站与客户之间的交流，为客户提供畅通方便入口的一种媒介，让客户方便与网站管理者交流，达到建设与使用者的统一，更大地发挥网站的作用，使网站真正成为客户的家园。

8实验八友情链接模块设计实验

8.1实验目的

（1）掌握在电子商务网站中添加友情链接模块的方法。

（2）掌握在电子商务网站中添加高效友情链接的技巧。

8.2实验内容及步骤

本实验是友情链接模块的设计，实验步骤与实验一登陆界面设计是一样的，进入站点，打开编辑页面，添加友情链接组件，程序版本控制，测试程序前台，生成程序后台，完成一个完整的友情链接管理界面。

主要界面如下：

图8.1友情链接前台界面

图8.