动态网页实训报告

网上图书销售系统

实

训

报

告

姓名：邹友英班级：商务3102

学好：213100792 实训名称：图书销售指导教师：常婉纶实训时间：5.28—6.01 组员：邹友英杨心陈潇佳组别：第八组

1、项目销售概况

随着时代的飞速发展，科技的进步。电子商务已成为当前热门话题，同时也出现了各种各样的网上商店。这是一个简化了的网上购物网站——“网上图书销售”。

用户在此可以对新上市的图书种类进行浏览，也可以查询具体某一本书的详细信息，如果需要可通过填写订单直接定购，管理员查看订单，对订单的处理情况进行修改。

2、功能需求描述

它主要由客户部分组成：供顾客使用的部分，客户信息注册，客户登陆查看商品（图书）信息，购物车，填写订单，查看订单。顾客可查找商品信息，并可提交购货订单。可添加、修改或删除商品信息。

3、实训目的

1、熟练的掌握Dreamweaver软件，能用此软件做相关网页。能够正确地

发布网站，并且能够准确的运行出来。掌握数据空控件和登陆控件的

使用方法。学会在动态网页中实现从数据库中调取图片和产品详细信息。4：任务分工

1、数据库创建主要由陈潇佳、邹友英负责

2、静态网页设计由杨心、陈潇佳、邹友英共同负责。

3、动态网站设计由杨心、邹友英共同负责。

5：实训内容

1、数据库的创建及图片搜集

2、网上书城的客户登录、注册、浏览商品信息、加入购物车添加或删除产品、填写订单以及提交等系统的设计。

6、系统总体设计

网上书城销售系统

客户部分

客户信息注册客户登陆查看商品（图书）信息购物车

填写订单查看订单

7、实训步骤

系统功能模块：

（客户模块：首先进行客户信息注册，然后登录该系统，登录后可以查看图书的信息，对需要选购的商品可以填写订单，同时也可以查看已填写的订单。

数据结构及数据库设计

本系统使用SQL Server数据库，根据系统需要数据库中建立了4 个表，分别是：

(1)客户信息表（表名：users）

(2) 图书信息表（表名：books）

表users保存客户信息，包括客户的地址和电话等，这些是提供送货服务所必须的。表orders 包含用户订购信息并兼作销售记录，这已经非常简化了。

(3) 订单表（orders）

(4) 购物车表 （carts ）

首页（index.asp ）——网上图书销售，上边是标题部分，左边是超级链接列表，中间显

示的是上架的书，图书的信息来自数据库，如果有更新的上市图书被添加到数据库，首页显示的书号会随之变化。从数据库提取数据，按上市时间进行排序，语句中的DESC 表示降序（倒排序），即后上市的排在前边。用FOR 循环取前3条记录（3个类型的书），显示两本书之后换行。如图所示。

网上图书销售 Index.asp

客户登陆 Login.asp

更多信息 New.as p 链接 Conn.as p

搜索 Checko ut.asp 订单 Viewor der.asp 购物车

Car.asp

用户信息 Listuser .asp

用户注册 Regist er.asp 商品详细信息

Viewbo ok.asp

详细信息页（viewbook.asp），显示指定书的详细信息，例如在首页中单击“三生三世枕上书”图片，进入这本书的详细信息页。可以看到本书的详细信息。下方还有填写订购数量的文本框和提交按钮。

注意：如果这时在“订购数量”中填写一个数字并单击“提交”按钮，会弹出“对不起”信息框，提示客户先要进行登录

●客户登录页（login.html），上网购物的顾客在这里输入客户名和密码，“提交”即可。表

单Action属性为“login.asp”，即客户密码认证页。

●客户密码认证页（login.asp），如果密码正确，显示“密码正确，登录成功”等字样，在登

录后会将客户的ID号存到Session中。不成功则显示“密码错误，请重新登录”。

●新顾客注册页（register.html），如果是第一次来购物的顾客，可进入新顾客开户页输入

顾客信息，以便送货服务。

●添加新客户页（register.asp），新顾客的信息被加入数据库。以后每次来购物就不必再重

新输入相关信息了。

●客户信息表（listuser.asp）, 客户的相关信息.。

●相关产品浏览页（new.asp），这一开列出可供选择的所有商品。

●详细查找页（viewbook.asp），在这一页里，客户可以以汽车品牌、发动机排量或价格区

间来查找自己所需的汽车。（在该页面要判断客户是否已经登录）

●购物车：（car.asp），客户进行选择相关产品，并且把该铲平放入购物车里面。

●订单提交页（checkout.asp），订单被加入数据库。并显示出相关信息。

●查看订单页（vieworder.asp），客户可以查看自己已经提交的订单。

该页的SQL查询中使用了INNER JOIN子句，订购的数量、时间是在表vieworder中保存的。

●链接表（conn）链接每一个表

<%

set conn= Server.CreateObject("adodb.connection")

conn.open"Provider=SQLOLEDB.1; data source=T16; Initial Catalog=netbooks;User Id=sa;Password=123456;"

%>

8：实训总结

利用Dreamweaver做ASP动态网站主要为以下几步：

①网站服务器配置

②数据库设置

③数据库显示

④建立注册系统

⑤建立登陆系统

⑥美化网站

这次网站能这么顺利的完成，离不开老师的帮助和小组成员的努力，虽然这次实训我们小组只有3人，但是我们是一个有效率、有组织、有团队精神的小组，有效率在于小组制作网站中分工明确、讨论有目的；有组织在于小组成员能按时、有质量的完成自己的分工任务，值得一提的是这次网站开发的大部分时间在实训室而我们小组成员还从未擅自旷课、上课迟到、早退等违纪行为；有团队精神在于我们小组实训过程中的共进退，从不因为自己分工任务提前完成而拉下其他组员，我们意识到小组是一个有组织、有记录、有共同目的的集体而不是一个由分散的个人组成的团体，在这次小学期实训中之所以提出小组分工这是锻炼小组组员的个人能力培养，而帮助有困难的组员这充分培养了组员之间的默契和团队协作能力。这次是毕业前最后的一次实训，也是自己做投入、最用心的一次实训，与以前的实训相比，以前的都是以掌握某种实训技能为主，而这次实训则不仅掌握了动态网站的制作技术而且还制作出了自己的成果，自己非常高兴。经过这次实训，我领悟到任何东西都要“学以至用”，学习了还不行还要看自己掌握了没，掌握了还不行还要看自己熟练了没，熟练了还不行还要做出一定成果。即将毕业，能接受这么一次有意义的实训感觉很充实，这次试训是非常有必要的。

9、实习心得

首先在做网页的时候应该实现以下几个功能：

1、添加登陆页面的嵌入框架

2、用户注册页面的实现

3、添加“密码”比较验证的代码

4、制作最新产品导航条与滚动产品导航条

5、产品展示的实现

6、用户购物车：限制用户登陆、添加购物车程序、购物车链接、删除购物车。