商务网站建设的网页设计与网站程序开发

通俗地说，电子商务就是在计算机网络(主要指Internet网络)的平台上，按照一定的标准开展的商务活动。当企业将它的主要业务通过内联网( Intranet)、外联网( Extranet)以及Internet与企业的职员、客户、供销商以及合作伙伴直接相连时，其中发生的各种活动就是电子商务。

一、电子商务网站的设计思想

该网站是一个网上订购系统，可分为面向用户的前台页面和面向管理员的后台页面。对于用户而言，它主要实现的功能有用户的登录与相关信息的修改，商品的购买与查看以及订单的相关内容。对于管理员而言，他主要实现的功能是对用户、商品以及订单进行相关的处理。界面设计思路: 美观、大方、实用。就页面布局来说，采用“匡”形结构。色调主要采用暖色系，主要辅助颜色为白色。页面导航按钮的设计上也是简单明了。整个网站风格统一，一气呵成。只在页面左边的相应的板块标志图片或其他文字提示上有所区别。对于功能的满足来说，给用户一个易于接受的形式来表达。我们以一个条形菜单的形式列出系统所要实现的主要功能，并且标以类别，比如有订单查询、用户登录、商品搜索，然后在大功能的下面在分别标有各自的小功能，以达到给人一种一目了然的感觉。后台设计思路: 自然、通俗、丰富。

二、详细设计

根据网站功能设计，整个系统由会员管理、在线购物和系统管理 3 个模块组成，其中会员管理模块包括用户注册、用户审核和用户登录验证; 在线购物模块包括商品搜索、购物车管理、订单查询; 系统管理模块包括商品信息管理、用户管理和交易信息管理。下面对主要的页面进行详细地说明。

(一) 公共文件。系统中所有页面都有用到的文件是页头和页尾的两幅flash动画top1.swf和bottom1.swf，还有两个asp文件，其中style.asp 文件规定了整个网站的基本样式，mouse.asp 定义了网站的标题。

(二) 网站首页。网站的首页，显示了点击购买率最高的前四种商品，列出了商品分类信息，提供了登录表单、订单查询和商品查询表单，另外还有相关类购物网站的友情链接，方便用户网上购物。用户可以通过该页面登录网站，查询所有商品信息和自己提交的表单信息。首页的代码只有四句，就是四句包含命令，包含了四个ASP 文件，这四个文件构成了整个首页。这四个文件是:＜ ! － － #include file = "comm /mouse.asp" － － ＞ / / 公共文件，设置网站标题＜ ! － － #include file ="top.asp" － － ＞ / / 公共文件，网站页面页头＜ ! － － #include file = "body.asp" － － ＞ / / 首页页面主体＜ ! － － #include file ="bottom.asp" － － ＞ / / 公共文件，网站页面页尾

(三) 会员管理模块。该模块包含会员注册、会员信息审核和用户登录验证 3 个子模块。包括的文件如下:Index．asp: 系统首页包含有登录表单New．asp: 注册第一步页面New2．asp: 注册第二步页面注册成功的用户自动登录入系统。

(四) 在线购物模块。该模块包含商品搜索、购物车管理和订单查询 3 个子模块。该模块是电子商务系统主要的功能模块，通过该模块，用户能够浏览系统中的所有商品信息，并添加自己喜欢的商品到购物车，最后将购买的鲜花商品作为订单提交到系统。如果不满意所选商品，可清空购物车，使商品返回“货架”。以后如果需要查询订单信息，可以通过订单号到系统中查询。

商品搜索子模块主要由 productlogin． asp 和 searchprod-uct.asp 文件构成，productlogin.asp 可设置查询条件进行商品搜索，主要是以组成商品的材料的花名和花的颜色为查询条件，另外可以根据商品名称进行查询。如果不设置查询条件，默认查询所有商品，将过渡到 searchproduct.asp，用户可以通过鼠标点击查看库中所有商品并同时可进行选购。

三、数据库设计

数据库在一个信息管理系统中占有非常重要的位置，数据结构设计的好坏将直接影响到系统的效率及系统实现的效果。合理的数据结构设计可以提高数据存储的效率，保证数据的完整和一致性，同时，也有利于程序的实现。

(一) 表结构。在对电子商务系统进行系统设计的基础上，可以得到下面所示的数据项和数据结构:

1． 用户基本信息表。包括的数据项有 ID、用户账号、密码、密码提示问题、问题答案、姓名、性别、电子邮箱、住地、邮编、联系电话、用户等级和注册日期等，如表 1 所示。

2． 管理员信息表。包括的数据项有 ID、管理员账号、密码、密码提示问题、问题答案;

3． 花名( 商品分类之大类) 。包括的数据项有 ID、花名、添加日期。

4． 花色( 商品分类之小类) 。包括的数据项有 ID、花色、所属花名、添加日期。

5． 商品信息表。包括的数据项有 ID、商品编号、名称、花色、花名、缩略图、全图、普通价格、打折价格、超级价格、简介、说明、数量、查看次数和添加日期等。

6． 订单信息表。包括的数据项有订单编号、用户账号、姓名、联系电话、住地、邮编、电子邮箱、付款方式、添加时间、是否处理、补充说明等。

7． 购物信息表。包括的数据项有 ID、订单编号、商品编号、名称、价格、数量、购物时间等。

(二) 数据库连接。本系统的数据实现是利用的ADO技术。ADO( ActiveX Data Objects) ，又叫 ActiveX 数据对象，是一项容易使用并且可扩展的，链接数据库、操作数据库、查询数据库，并且可以将数据库访问结果添加到Web页面的技术。可以使用 ADO 去编写紧凑简明的脚本以便链接到 OD-BC( Open Database Connectivity) 兼容的数据库和 OLE DB 兼容的数据源。ADO 数据库链接技术的使用是与 ASP 技术的使用分不开的。在．asp文件中通过使用ADO链接对象的Open 方法来链接数据库，又使用链接对象的 Execute 方法来执行查询语句和其他操作命令，最后使用记录集对象在． asp文件把查询结果组织成标准的 HTML 格式返回至客户端浏览器。

具体实现语法:＜ % option explicitdim conn，connstr，databasedatabase = " db / bookshop． mdb"Set conn = Server． CreateObject( " ADODB． Connection" )connstr = " Provider = Microsoft． Jet． OLEDB． 4． 0; DataSource = " ＆ Server． MapPath( " " ＆database＆" " )conn． Open connstr% ＞

四、结语通过

ASP 技术的交互功能，完成在线交易，实现了整个购物系统。

更多网站建设资料： 

网站设计中查找浏览机制设计研究