计算机信息管理专业毕业论文电子商务网站设计.doc

《计算机信息管理专业毕业论文电子商务网站设计.doc》由会员分享，可在线阅读，更多相关《计算机信息管理专业毕业论文电子商务网站设计.doc（19页珍藏版）》请在三一办公上搜索。

1、引 言近些年来网络在中国已经走进千家万户，尤其在经济发达地区上网也已经成为人们日常生活中必不可少的一部分，随着技术的提升网购也已更安全更稳定，我本人早在几年前就已接触网络购物，这深深的影响着我的思想观念，消费者足不出户便可选购到自己需要的商品，既方便又随意，琳琅满目的商品应有尽有，只需晃动鼠标就可了解全部商品信息，这已成为一种潮流。随着网络衍生出来的电子商务，它具有信息量大、数据准确、速度快、管理全面等优点，这是信息飞速发展时代的所有特点和优点，当今电子商务网站在中国虽说不是新鲜产物，但是其在中国还是很有影响及前景的。我本人对网络购物有着着迷的热爱，很早以前就梦想有一个属于自己的购物网站，经过

2、几年的学习实践，终于有信心完成一个真正意义上的商务网站实现梦想。1系统分析和设计1.1可行性分析我的电子商务网站的可行性从以下两点考虑。1、 经济性本电子商务网站的宗旨是根据用户需求和市场形势，提供商品的详细信息，并对商品进行详细分析，方便用户查找和购买所需的商品。2、 技术性本电子商务网站提供购物车和收银台功能，用户选择商品并可以在线提交订单。网站信息管理系统实现对商品信息、用户信息、订单信息已经交易制度等的管理，使网站具有友好的交易界面和良好的管理平台。1.2功能结构分析和设计系统的功能结构决定了系统的可用性以及适用范围。下面我就来介绍一下 系统的项目规划及展示系统的功能结构图。1、 项目

3、规划本电子商务网站是一个典型的数据库开发应用程序，由前台展示区和后台管理组成。规划系统功能模块如下：（1） 前台功能模块前台展示区的主要功能包括最新商品、会员中心、客户留言、在线帮助、联系我们、站内公告和销量排行，其中会员中心包括会员资料修改、修改密码、购物车、订单查询、消费查询。（2） 后台管理模块后台功能管理的主要功能包括基本信息管理、商品信息管理、商品分类管理、用户信息管理、订单信息管理、公告信息管理和留言信息管理。2、 系统功能结构图以下为本网站的前台功能模块结构图和后台功能模块结构图，如图1.1、图1.2所示。电子商务网站前台管理系统最新商品会员中心客户留言站内公告销量排行在线帮助联

4、系我们修改资料修改密码购物车订单查询电子商务网站后台管理系统图1.1前台功能模块结构图图1.2前台功能模块结构图基本信息管理订单信息管理用户信息管理公告信息管理留言信息管理商品分类信息管理商品信息管理管理员信息管理会员制度设置商品信息添加商品信息管理订单信息管理商品分类管理查看用户基本信息查看用户消费信息查看留言信息公告信息添加公告信息管理消费查询1.3系统流程概述用户在浏览电子商务网站时首先看到的是网站的首页。在首页上，用户可以快速浏览最新商品，了解热门商品和推荐商品，也可以搜索商品并查看具体信息。首页聚集了大量的信息，除了商品还有站内公告和销售排行等信息。如果用户想要购买商品，就必须先注册

5、成为网站会员，在查看完商品的详细信息后就可以吧自己想要购买的商品放入购物车中，同时还可以修改或删除购物车里的商品。确定购物车里的商品后，用户就可以去收银台“结账”下订单。这时相关的程序模块会将用户所提交的信息都记录在数据库里，以便商城的管理人员核对星系并收款后准备发货。如果发货成功并且用户确认收到货物，则此次购物结束。电子商城的后台管理还包括添加、修改、删除商品，对商品进行分类，对用户信息的管理，对站内公告的设置，对订单的处理等。系统流程图如图1.3所示。电子商务网站网站管理员是否进行商品信息管理、订单管理、用户管理、网站信息管理网站访问者注册登录登录浏览网站其他功能模块是否会员中心是否选择商

6、品购物车购买是否否图1.3 系统流程图收银台1.4网站架设一个网站的成功与否除了在设计之初有好的功能结构和流程外，还要有运行环境及配置的正确设计，下面我来讲解一下本网站的运行环境以及如何配置网站运行的服务器。1、 运行环境（1） 硬件平台CPU：P41-GHz。内存：256MB以上。（2） 软件平台操作系统：windows XP/Windows 2000/Windows 2003/Windows7。数据库：Access 2000。浏览器：IE6.0 （360浏览器、火狐浏览器等都可正常浏览）Web服务器：IIS7.0。分辨率：最佳效果为1024768像素。2、 配置IIS服务器选择“程序” “

7、管理工具” “Internet信息服务（IIS）管理器”命令，打开“Internet信息服务（IIS）管理器”对话框，并展开“网站”结点，在“默认网站”上单击鼠标右键，在弹出的快捷菜单中选择“属性”命令，打开“默认网络属性”对话框，将“网站”、“主目录”、“文档”、“目录安全性”、等选项卡进行设置。2数据库设计本商务网站是基于数据库的应用程序，下面我就详细介绍一下本网站的数据库的设计。2.1数据库的分析这几年的学习中我知道Web应用程序可以使用Session或Cookie来保护用户活跃期间的信息，但是这些信息在会话结束后将不再存在。对于需要持久保存的信息（例如：商品信息、用户的注册资料、新闻、

8、公告等信息），通常是选择数据库进行存储。数据库允许用户进行查询、插入、修改和删除数据等操作。本电子商务网站就是使用Microsoft Access 2000数据库进行构建的，其方便易懂且具有基本数据库功能，不仅可以用于小型数据库管理，共单机使用还可以与工作站、数据库服务器以及主机上的各种数据库互相连接。2.2创建数据库创建数据库步骤如下：（1）启动Access 2000，单击“文件” “新建”菜单项，打开“新建”对话框。（2）在“新建”对话框的“常用”选项卡中选择“数据库”选项，然后单击“确定”按钮，打开“文件新建数据库”对话框，然后单击“创建”按钮完成数据库的创建操作。2.3创建数据表数据库

9、中的表的创建步骤如下：（1） 启动Access 2000，打开我已创建的数据库（db_Ebusiness.mdb）。（2） 在打开的数据库对话框中，单击左侧选择区得“对象” “表”选项，然后在右侧显示区中，选择“使用设计器”，单击鼠标右键选择“设计视图”命令。（3） 在打开的“表1：表”对话框中，可以定义字段名称、设定字段类型、定义字段属性等，然后选择“文件” “保存”命令保存创建的表2.4数据表的结构本网站的数据库系统使用的是Access 2000数据库，创建的数据库名称为db_E-business.mdb，其包含9张数据表。下面我就将数据表概要说明和主要数据表的结构说明一下。1、 数据表概

10、要说明1) tab_affiche-网站公告信息表2) tab_class-商品分类信息表3) tab_goods-商品信息表4) tab_lword-留言信息表5) tab_manager-管理员信息表6) tab_order-订单信息表7) tab_rule-交易制度表8) tab_user_account-用户账户信息表9) tab_user_reg-用户注册信息表2、 主要数据表的结构下面我就将数据库重要的数据表进行说明。（1） tab_goods（商品信息表）商品信息表用来存储商品的详细信息，其字段名称分别是：Id（唯一标识）、Gname（商品名称）、Gclass（所属大类）、Gmp

11、rice（市场价）、Ggprice（会员价）、Gprovider（提供商）、Gaddress（所在地）、Gpicture（图片资料）、Gintro（商品简介）、Gdate（上架时间）、Gstore（库存量）、Gsale（销售量）、Gcommend（是否推荐）。（2） tab_user_reg（用户注册信息表）用户注册信息表用来保存注册用户的基本信息，其字段名称分别是：id（唯一标识）、Uname（用户名称）、Usex（性别）、Upasswd（密码）、Uquestion（密码提示问题）、Uanswer（问题答案）、Udate（注册时间）、Urname（真实姓名）、Utel（联系方式）、Uemai

12、l（E-mail）、Ucode（身份证号）、Uaddress（通信地址）、Upcode（邮编）。（3） tab_order（订单信息表）订单信息表用来保存用户提交的订单信息以及处理订单的信息，其字段名称分别是：id（唯一标识）、Ofid（订单号）、Uname（用户名）、Gname（商品名称）、Gnum（数量）、Ggprice（单价）、Udiscount（折扣率）、Otransport（运输方式）、Omoney（应用金额）、Oname（收货人姓名）、Otel（收货人电话）、Oaddress（收货人地址）、Opeode（邮编）、Oemail（收货人E-mail）、Opay（付款方式）、Odate（

13、提交时间）、Ostate（执行状态）、Ointro（备注）。（4） tab_rule（交易制度表）交易制度用来保存设置的积分、折扣率以及相应的会员等级的信息，其字段名称分别是：id（唯一标识）、Rintegral（积分设置）、Rdiscount（折扣率）、Rgrade（会员等级）。3前台开发3.1设计分析根据前面的分析及需求，本电子商务网站的前台系统主要包括以下功能模块。1) 网站导航：主要用于展示最新商品信息。2) 最近商品模块：主要用于展示最新商品信息。3) 会员中心模块：主要用于在会员登录后，修改个人资料、修改登录密码、使用购物车、查询提交的订单、查看个人消费情况。4) 客户留言模块：主

14、要用于用户向网站留言和反馈信息。5) 在线帮助模块：主要用于介绍网站的功能结构。6) 联系我们模块：主要用于提供与本网站联系的各种方式。7) 会员登录模块：主要用于会员登录，登录后可以购买商品或者查看资料。8) 站内公告模块：主要用于发布网站所提供的部分商品信息以及购买商品的优惠制度等信息。9) 销量排行模块：主要用于展示商品销量在前几位的商品信息。3.2前台首页的实现前台首页承载并显示网站的前台所包含的模块，是浏览者能够了解网站内容和特点，下面我就来写一下本电子商务网站的前台首页面的设计和功能实现。1、 页面设计为了保证页面的整洁和增强页面的可维护性，我在前台首页中使用了#include指令

15、，用于包含主要的功能页面，其实我也在网站中大量使用了这个指令。前台首页面的设计流程如下：1) 制作表格，并为表格添加背景图片，展示网站的主题信息。2) 设计网站导航条。导航条上的超链接文字采用定义的CSS样式，代码为：acolor:#003399; text-decoration:none。3) 建立查询表单，实现查询功能。页面中文字采用定义的CSS样式，代码为：body,td,thfont-size:12px。4) 在表格中设置背景图片显示版权信息，代码为：。2、 功能实现要保证网站前台首页的正常运行，首先应考虑的是与Access数据库的连接。我最常用的数据库连接是OLE DB，它是微软公司

16、开发的系统级数据库编程接口，是直接由底层API函数实现的，允许用户访问不同的数据源。通过OLE DB连接数据库，不需要配置ODBC数据源，只需要在程序中通过连接语句进行设置，是目前连接数据库速度比较快的一种连接方式。连接代码如为：因为考虑到本商务网站将来首页的访问率会较高，为了加快页面的运行速度、提高访问量，在大量合理的使用#include指令的同时，还使用了标记加载网站的信息页面。代码如下：3.3商品展示模块的实现商品展示模块的主要功能是显示最新商品、分类商品的信息以及商品的详细信息，是浏览者可以一目了然，是页面更加整齐简介。1、 商品展示商品展示页面的主要功能是根据获取到的不同参数值，显示

17、最新商品或者分类商品的信息。商品展示页面设计的流程如下：1) 为表格添加背景图片，并输入导航文字。2) 添加标记，在页面中显示商品图片，代码如下：img src=Img.asp?id=&action=商品信息 height=100 width=1203) 在表格中添加两个图片，分别用执行“购买”商品和“查看”商品信息的操作，代码如下：img src=images/buy.gif alt=购买 width=52 height=21 border=0 onClick=javascript:.submit();img src=images/view.gif alt=查看 width=52 heigh

18、t=21 onClick=javascript:window.location.href(web_goods_view.asp?id=); border=02、 商品详细信息展示商品详细信息展示页面的主要功能是根据获取到的商品ID编号或者根据查询商品名称的关键字，显示此商品的详细信息，包括商品名称、市场价、会员价、商品简介等。商品详细信息展示页面设计的流程如下：1) 制作表格显示商品的具体信息。2) 添加标记，在页面显示商品图片。3) 在表格中添加一个按钮，用于执行“购买”商品的操作。应用程序根据获取到的参数值，确定SQL查询语句，通过调用Connection对象的Execute方法创建Rec

19、ordset记录集，以获取数据库中的数据信息。3.4购物车的实现本网站购物车的主要功能是保留用户选择的商品信息，用户可以在购物车内设置选购商品的数量，显示选购商品的总金额，还可以清除选择的全部商品信息，重新选择商品信息。下面我就来讲解一下购物车的页面设计和功能实现。1、 页面设计为了使用户明确购物车中的商品信息，购物车页面中显示的数据应清晰以便于用户查看。页面主要使用表格来展现添加到购物车中的商品信息。1) 使用表格来展现商品信息，为表格设置表头文字。2) 在表格中添加复选框以及文本框，分别用于确定商品信息是否被选中和显示所选购商品的数量值。3) 在表格中添加3个按钮，分别用于执行更新商品数量

20、、去收银台结账和清空购物车的操作。2、 功能实现在购物车页面中设置Session变量以储存用户选择商品ID编号，根据商品ID编号以列表形式显示选择的商品信息。3.5收银台的实现收银台的主要功能是根据用户在购物车页面提交的商品信息，为用户提供填写订单的平台，然后将用户选购的商品信息（包括商品名称、商品数量等）以及订单信息存储在数据库中。1、 页面设计本商务网站的收银台页面采用的是上下结构的形式，页面的上方显示用户确定要购买的商品信息，页面的下方提供用户需要填写的订单结构。收银台页面设计的流程如下：1) 制作表格来展现用户确定购买的商品信息。2) 建立表单，表单中包含文本框、列表菜单和按钮控件。2

21、、 功能实现收银台页面接收在购物车页面中传递的参数，包括选择的所有商品的ID编号，对应的商品名称、商品单价和商品数量，并以列表形式展现给用户，使用户再次确定选择的商品信息。在该页面中用户通过填写表单信息提交本次订单信息，订单信息由网站后台系统管理员进行处理。3.6会员模块的实现会员模块的主要功能是为会员提供服务，服务项目包括会员注册、会员登录、会员资料修改、会员密码修改、会员密码找回、查看提交订单信息和查看网上的消费情况。下面介绍一下本网站的会员注册、会员登录、会员密码修改和会员密码找回页面的设计思路。1、 会员注册会员注册页面的主要功能是将新注册用户的信息添加到数据库中。在页面中建立多行两列

22、的表格，用于显示注册条目名称以及放置对应的控件。会员注册页面设计的流程如下：1) 为表格设置背景图片，用于显示页面导航。2) 制作表格，并在表格中放置文本框、列表菜单和按钮控件。2、 会员登录会员登录页面是会员登录会员中心进行操作的入口。如果会员选择自动登录，系统会自动记录会员信息，即在一天之内，会员可以直接进入会员中心，不需要重新输入用户名和密码。会员登陆页面设计的流程如下：1) 在表格中插入图片，用于标注页面导航。2) 为表格设置背景图片。3) 建立表单，在表单中包含文本框、复选框和按钮控件。3、 会员密码修改会员密码修改页面的主要功能是允许用户登录以后，修改原有的密码，再次登录时，使用新

23、密码登录。在页面中设计表格，建立表单并放置使用的空间。会员密码修改页面设计的流程如下：1) 建立表单，放置文本框控件。2) 在表格中插入按钮。4、 会员密码找回会员密码找回页面的主要功能是在注册用户忘记密码时，根据用户注册时记录的密码找回信息来获取该用户的密码，并返回给客户浏览器。会员密码找回页面设计的流程如下：1) 为表格设置背景图片，用于表示页面导航。2) 简历表单，在表单中包含文本框和按钮控件。3.7站内公告模块的实现站内公告模块的主要功能是以循环向上滚动的方式显示网站发布的公告信息。站内公告页面设计的流程如下：1) 为表格设置背景图片，用于标识页面导航。2) 制作表格用于显示公告内容，

24、并为表格设置背景颜色。3) 站内公告页面读取数据库中的站内公告信息，通过在公告列表加入标记，实现信息滚动显示的效果。4后台开发4.1设计分析本电子商务网站的后台系统包括以下功能模块。1) 本信息管理模块：主要包括管理员信息管理和会员制度设置。2) 商品信息管理模块：主要包括商品信息的添加、修改和删除。3) 商品分类管理模块：主要包括商品类别信息的添加、修改和删除。4) 用户信息管理模块：主要包括查询和显示用户注册信息以及查看用户消费信息。5) 订单信息管理模块：主要包括查看所有用户提交的订单信息，根据不同条件查询订单信息，并在执行阶段对订单进行标记处理。6) 公告信息管理模块：主要包括站内公告

25、信息的添加、修改和删除。7) 留言信息管理模块：主要包括查看用户发布的留言和删除留言。4.2后台首页的实现后台首页承载并显示网站后台所包含的模块，使网站管理员能够清楚其管理权限。下面就介绍一下本网站的后台首页面的设计和功能实现。1、 页面设计在网站后台管理系统的首页面中使用框架来规划页面布局。框架的作用是把浏览器窗口划分成若干个区域，每个区域内可以显示不同的页面，并且各个页面之间不会相互影响，可以为框架内每个页面取不同的名字，作为彼此互动的依据。后台首页的设计的流程如下：1) 在页面中插入上方框架和下方框架，并在上方框架中嵌入图片，为图片建立图像映像。2) 分别嵌套插入一个左右框架，并为每个框

26、架确定链接文件。3) 在下方框架中建立表格，为表格设置背景图片并输入版权信息。2、 功能实现后台首页的主要功能是列出管理模块，以便管理员对各个模块进行操作。4.3后台登陆的实现后台登录做为后台管理系统入口，主要用于验证管理员的身份。下面介绍后台登录页面的设计和功能实现。1、 页面设计在设计后台登录页面时，不仅要提供用于用户输入登录信息的表单，还要体现出网站的标识。后台登录页面设计的流程如下：1) 在表格中插入图片，用于展现网站的标识。2) 建立表单，在表单中放置文本框和按钮控件。2、 功能实现页面中为了防止非法用户进入后台管理系统，可以通过ASP的Response对象的相关属性禁止该登录页面被

27、浏览器缓存。表单提交后判断用户名和密码是否正确，如果为合法用户，则将用户信息存于Session变量中，进入后台管理系统的主页面。4.4基本信息管理模块的实现基本信息管理模块的主要功能是对网站的相关信息进行管理，包括管理员信息管理和会员制度设置管理。下面就介绍一下本网站会员制度设置页面的设计和功能实现。1、 页面设计会员制度设置页面的主要功能是对网站会员的积分、购买商品的折扣率以及会员等级进行设置。在设计页面时为了方便管理员查看信息，我采用上下结构进行页面布局。会员制度设置页面设计的流程如下：1) 建立表单，在表单中放置文本框和按钮控件。2) 制作表格，用于显示会员制度的相关信息。2、 功能实现

28、会员制度设置页面将管理员计算整理好的数据通过提交表单信息的方式追加到数据库中，并同时显示数据库中的数据信息。4.5商品信息管理模块的实现商品信息管理模块的主要功能是完成商品信息添加、查询和删除的操作。1、 商品信息添加商品信息添加页面的主要功能是完成商品基本信息和商品图片信息的添加。商品信息添加页面设计的流程如下：1) 为表格设置背景图片，并输入导航文字。2) 建立表单，在表单设置列表菜单、文本框、文件域、单选按钮和命令按钮控件。2、 商品信息查看商品信息查看页面的主要功能是通过不同的查询条件查找商品信息，以列表形式分页显示商品信息。商品信息查看页面设计流程如下：1) 建立表单，在表单中设置列

29、表菜单、文本框和按钮控件。2) 制作表格，并输入表头文字。4.6商品分类管理模块的实现商品分类管理模块的主要功能包括对商品信息的添加、修改和删除。下面介绍商品分类管理页面的设计和功能实现。1、 页面设计为了方便用户操作，在设计页面时可以将添加商品分类信息的表单与显示、编辑商品分类信息的表单都放置在页面中。商品分类管理页面设计的流程如下：1) 制作表格，并输入表头文字，同时建立表单，在表单中设置文本框，隐藏域和两个命令按钮控件。2) 建立表单，在表单中设置文本框和一个命令按钮。2、 功能实现商品分类管理页面的主要功能是添加、修改和删除商品分类名称。商品分类管理页面分别将商品添加、修改和删除操作定

30、义为子过程，并根据提交的表单信息调用相应的子过程进行操作。4.7订单信息管理模块的实现订单信息管理模块的主要功能包括查看所有提交的订单信息，根据执行阶段对订单进行标记处理，根据不同条件查询订单信息。1、 订单信息管理在设计订单信息管理页面时，将查询表单放置在页面的上方，将用于显示订单相关信息的表格放置在页面的下方。订单信息管理页面设计的流程如下：1) 建立表单，在表单中设置文本框、列表菜单和按钮控件。2) 制作表单，用于显示订单的相关信息。2、 订单星系信息查看订单详细信息查看页面展示用户提交订单的详细信息，包含订单中的商品信息和用户提供的联系方式、支付方式、送货方式信息等。订单详细信息查看页

31、面设计的流程如下：1) 建立表单，在表单中设置复选框、隐藏域和按钮控件。2) 制作表格、用于显示订单中涉及到商品相关信息。3) 制作多行两列表格，用于显示收货人的相关信息。5程序调试及错误处理在上传文件到网站服务器时，因程序未对上传文件的大小进行限制，页面中出现了“不允许操作”的错误提示。经分析后查明原因，是上传文件大小超出了系统默认的大小，以windows2003系统为例，系统默认ASP上传文件大小为200k。解决方法为：浏览系统（如c盘）下的c:WINDOWSsystem32inetsrv目录，打开metabase.xml文件，根据实际需要修改AspMaxRequestEntityAllo

32、wed的值。结 论通过完成开发整个电子商务网站的开发过程，综合学习掌握了需求分析、系统分析、系统设计、数据库设计、技术准备、网站前台主要模块的实现、网站后台主要模块的实现和程序调试。了解了开发大型应用程序的流程和开发个阶段所包含的主要内容，熟练掌握数据库设计和网站主要模块的开发，提供逻辑思维能力。参考文献【1】 庞娅娟，孙明丽，吕继迪.ASP网络编程自学手册M.北京：人民邮电出版社，2008：379-402.【2】 明天日科技.ASP 数据库系统开发完全手册M.北京：人民邮电出版社，2006：233-234.【3】 庞娅娟，孙明丽，吕继迪.ASP程序开发范例宝典M.北京：人民邮电出版社，2009：655-657【4】 胡崧, 于慧. Dreamweaver cs4中文版从入门到精通M.北京：中国青年电子出版社，2009：34-36【5】 王萍萍， 李晓娜, 孙更新.ASP+Dreamweaver动态网站开发M.北京：中国青年电子出版社，2008：42-47.【6】 管西京. ASP+Access动态网站案例开发M.北京：电子工业出版社，2008：65-66.