開发平台实验指导书学生版2.docVIP

目 录 实验体系二：电子商务网站设计实验 4.1实验一登录模块设计实验 4.1.1 实验前的准备 （1）知识点学习 登陆框是用户用于会员注册和登陆的。吸引更多会员是电子商务网站运营的主要目标之一，网站的访问量和点击率很大程度上是和会员数量相关的，故登陆框应放在较显眼的位置，并且应具备操作便捷、简单明了的特点，可根据网站界面整体风格变换其具体形式。所以根据用户网页浏览注意力“F现象”(用户对网页的浏览视线呈 “F” 型，他们更倾向于在网页顶部阅读长句，随着网页越往下，他们越不会阅读长句，这就使得每个句子的开头两个词汇尤其重要，所以在网页设计应该强调重要的信息放在网页左上方)会员登陆框一般放在整个网页的右上方和中上方较显眼的位置。 （2）实现原理：用户填写用户名及密码，提交到后台在数据库中进行比较，如果信息正确，保存用户信息，用户成功登陆；否则登陆失败，返回错误提示信息。 4.1.2 实验目的 （1）理解电子商务网站中登陆模块设计的意义。 （2）掌握登陆模块的设计方法和技巧。 4.1.3 实验内容及步骤 （1）进入编辑器页面 学生通过点击“定制站点”新建一个站点，在站点设计中点击前台编辑器进入编辑器页面，在编辑器中的工具栏中找到“电子商务组件”按钮，通过按钮学生可以添加相应的web模块组件（如图4.1）。 图4.1 web组件 （2） 添加组件 在组件列表中选择“登陆样式一”或者“登陆样式二”来添加登陆功能模块，模块添加完成后就可以在编辑器的编辑模式下看到添加组件的页面效果了。（如图4.2） 图4.2 添加登陆组件 （3） 程序版本控制 学生添加完成登陆页面保存后，在导航中通过“程序版本控制”按钮来把新添加的页面从测试区同步到工作区去。在完成页面的同步后就可以进行前台页面测试了。 图4.3 登陆组件同步 图4.4 测试程序前台 （4） 生成程序后台 在对登陆前台页面添加完成后，就可以利用系统提供的“生成程序后台”按钮自动生成登陆页面的后台程序了。通过后台程序的生成就完成了一个完整的用户管理模块的设计了。（图4.5） 图4.5 后台管理 （5） 学生作业练习 某电子商务网站首页做的很难看，特别是登陆框做的很小，很难被发现，导致该网站访问率下降。请你现在为该网站主页只设计一个登陆框，其他内容不需设计。要求大小适合，在页面中的位置要适当，符合电子商务网站的需要。 4.1.4 实验考核 通过实验，学生可以了解一般电子商务网站的登陆样式，掌握登陆模块的添加和设计技巧。 4.1.5思考题 （1）登陆模块都具有什么样的功能？ （2）在系统中是怎样实现登陆组件添加的？ 4.2实验二 导航条设计实验 4.2.1 实验前准备 (1)知识点学习： 网站导航设置是在网站栏目结构的基础上，进一步为用户浏览网站提供的提示系统。由于各个网站并没有统一的标准，不仅菜单设置各不相同，打开网页方式也有区别。有些是在同一窗口打开新网页，有些是新打开一个浏览器窗口，因此仅有网站栏目菜单有时会让用户在浏览网页中迷失方向，如无法回到首页或者上一级页面等，还需要辅助性的导航来帮助用户方便地使用网站信息。一般是通过在各个栏目的主菜单下面设置一个辅助菜单来说明用户目前所在网页在网站中的位置。其表现形式比较简单，一般形式为：首页→一级栏目→二级栏目→三级栏目→内容页面。 （2）实现原理：后台管理界面添加导航，将导航信息保存到数据库中，前台展示页面通过查询后台数据库，得出导航信息的标题、链接页面、打开方式等信息，以超级链接形式实现导航。 4.2.2 实验目的 （1）理解导航模条在网站中的意义。 （2）掌握设计导航条的方法。 4.2.3 实验内容及步骤： （1）进入编辑器页面 在站点设计中点击前台编辑器进入编辑器页面，在编辑器中的工具栏中找到“电子商务组件”按钮，通过按钮学生可以添加相应的web模块组件（如图4.6）。 图4.6 web组件 （2） 添加组件 在组件列表中选择“导航条”来添加导航功能模块，模块添加完成后就可以在编辑器的编辑模式下看到添加组件的页面效果了。（如图4.7） 图4.7 添加导航条组件 （3） 程序版本控制 学生添加完成导航条组件保存后，在导航中通过“程序版本控制”按钮来把新添加的页面从测试区同步到工作区去。在完成页面的同步后就可以进行前台页面测试了。 图4.8 导航条组件同步 图4.9 测试程序前台 （4） 生成程序后台 在对导航前台页面添加完成后，就可以利用系统提供的“生成程序后台”按钮自动生成导航页面的后台程序了。通过后台程序的生成就完成了一个完整的导航条管理模块的设计了。 图4.10 后台管理 （5） 学生作业练习 从电子商务的角度为沃尔玛的网站设计导航条，请先思考该网站应该包含哪些