计算机应用论文-体育用品网站设计

体育用品网站设计-目录北京经贸职业学院 第 I 页 共 28 页 目录 内容摘要1 关键词1 一、站点的基本介绍1 （一）设计制作的意义1 （二）站点的构成及基本操作流程1 （三）站点开发运行的环境10 二、站点结构图11 三、站点文件列表11 四、体育用品网站所用的数据库结构列表16 五、体育用品网站设计制作技术说明20 六、体育用品网站设计思路和制作过程23 七、设计制作过程所遇到的困难以及从中得到的启发25 参看文献26 致谢26 体育用品网站设计北京经贸职业学院 第 1 页 共 28 页 基于 asp、access 的体育用品购物网站设计 计算机应用系07 应用（1）班 内容摘要： 在高速发展的当今社会， 每个人都在寻求这一种方便快捷的生活方式， 大家都希望在有限的时间里做更多的事。随着互联网时代的到来，网络也就慢慢 融入的大家的生活中来， 通过网络大家可以足不出户来购买到自己称心如意的商 品，通过网络大家省去了“货比三家”的时间，通过网络大家省去了购买路途中 时间的浪费。所以，为了大家可以方便快捷的购买到真品的体育用品，我设计了 这个动态购物网站。该网站的采用的是 asp 来开发这个网站，开发的工具采用的 是强大的 Dreamweaver，数据库使用的是 access。所以我们选用 Dreamweaver 来制作完成这套基于 asp+access 的体育用品网站。 关键词：动态网站、网上购物、asp、数据库 一，站点的基本介绍 （一）设计制作的意义： 体育用品已成为全民健身的必备品，越来越受到人们的喜 爱。体育用品购物网站方便快捷，可以更好的向体育爱好者展示 本店的物品，使他们足不出户即可买到健身的商品。同时，为了 节省大家宝贵的时间，为了大家可以买到真品的体育用品，随意 我设计了这个网站。 （二）站点的构成及基本操作流程： 站点分为前台和后台，前台有用户注册登陆，修改资料，查 看个人订单，查看商品，购买及评论商品，填写订单等。后台有 用户管理，商品管理，订单管理，公告管理，评论管理等 基本操作流程： 体育用品网站设计北京经贸职业学院 第 2 页 共 28 页 前台： 1.用户来到首页，可以查看商品，可以点击“查看详情”来查看 商品的详细信息，也可以看见公告，公告中显示网站信息,于此 同时还会有日期、时间信息等特效出现在网站醒目的位置 2.如果是新用户，用户应先注册，注册页面中，用户主要填写的 是用户的基础信息，例如，用户名、性别、密码、地址、电话注 册后可以登陆去购买商品 体育用品网站设计北京经贸职业学院 第 3 页 共 28 页 3.用户登录后，可以进入个人中心查看自己所注册时填写的资 料，即个人资料。当然，也可以通过点击“修改我的信息”来对 个人资料进行进一步的修改，也可以通过点击“查看我的订单” 来查看用户的以往的订单 体育用品网站设计北京经贸职业学院 第 4 页 共 28 页 4.同时用户可以修改自己的资料， 其中包括的主要是注册时的资 料，即用户名、性别、密码等，注意“注册日期”是不能修改的 5.用户查看商品详情时，也可以搜索指定的商品，搜索的方式主 要就是“模糊搜索” ，用户可以通过输入关键字来找到自己需要 的商品，这里的关键字是商品名称的关键字 体育用品网站设计北京经贸职业学院 第 5 页 共 28 页 6.用户可以对商品进行评论，评论的内容显示在商品信息后面 7.用户点击购买购物车，可以看见购物车里的商品的基本信息， 体育用品网站设计北京经贸职业学院 第 6 页 共 28 页 用户还可以继续购物，都选择完毕后，可点击“填写订单” 。之 后填写订单，订单中的选项主要是自动导入当先用户的信息，但 根据用户的特殊情况，用户可以修改成自己需要的信息 8.填写订单完毕后，用户可以选择安全退出或继续购物，这样当 前用户的前台购物过程就算完成了 后台： 1.管理员登陆，之后进入管理界面，这里就是管理员可以做的操 体育用品网站设计北京经贸职业学院 第 7 页 共 28 页 作，主要是对各个部分信息的管理 2.对用户的管理，可以查看注册的用户信息，修改用户资料，删 除用户。这里主要是查看用户的一些基本信息，在修改用户的界 面，管理员不可以修改用户注册时的大部分信息，这个功能主要 用于查看和删除用户的信息 体育用品网站设计北京经贸职业学院 第 8 页 共 28 页 3.对商品的管理，可以查看网站当前商品信息，修改商品资料， 删除商品，主要是查看商品的一些信息，在修改中，只可以修改 商品的一些信息，同时也可以添加商品 体育用品网站设计北京经贸职业学院 第 9 页 共 28 页 4.添加商品，可以添加商品，填写商品资料，但商品图片提前需 放在默认图片文件夹中（image） 5.对公告的管理，主要是查看公告，公告添加后会自动在首页显 示出来，也可以添加或删除公告 6.对订单的管理，查看当前订单，对订单的状态进行处理（主要 体育用品网站设计北京经贸职业学院 第 10 页 共 28 页 是处理状态，发货状态，和付款状态） ，针对这三个方面有搜索 功能，可以方便的让管理员查找待处理的订单。 7.对评论的管理，主要是查看和删除，针对评论的商品名有搜索 功能 8.安全退出，管理员安全的退出管理界面，这样可以以防他人擅 自使用管理员的权利 （三）站点开发运行的环境： 硬件： 1.CPU 最好是奔 4 的 2.硬盘不少于 10M 空间 建议 50M 以上空间 体育用品网站设计北京经贸职业学院 第 11 页 共 28 页 3. 内存不低于 128M 建议 1G 内存 软件： 1.系统建议可用 windows2003windows xp 2.IIS 版本 5.1 以上 3.IE 浏览器 6.0 以上 4.access 数据库 建议是 office2003 二，站点结构图 首页 用户系统 注册登陆找回密码 修改资料查看订单 后台管理商品展示 评论商品搜索商品分类 公告 商品详情 购物车填写订单 完成交易评论管理订单管理商品管理公告管理用户管理 三，站点文件列表 站点根文件夹 序号文件名标题作用及简介 1index.asp首页商品展示，可连管 理员 体育用品网站设计北京经贸职业学院 第 12 页 共 28 页 2index2.asp首页 2商品展示，有商品 搜索 uers 文件夹 序号文件名标题作用及简介 3denglu.asp登陆用户的登陆 4denglushibai.html登录失败登录失败 5geren.asp个人中心显示当前用户的基 本信息 6gerendingdan.asp个人订单查看自己以往的订 单 7gerenxiugai.asp信息修改修改自己的资料 8zccg.html注册成功当前注册成功 9zcsb.html注册失败注册失败，主要是 用户名重复 10zhuce.asp注册注册新用户 11zhaohui.html找回密码填写要找回密码的 用户名 12zhaohui1.asp验证答案验证密码提示答案 体育用品网站设计北京经贸职业学院 第 13 页 共 28 页 13zhaohui2.asp显示密码显示密码 shop 文件夹 序号文件名标题作用及简介 14car.asp购物车显示当前购物车信 息 15dingdantianxie.asp订单填写填写购物订单 16duifu1.asp队服之家显示队服系列商品 17gouwu.asp购物显示商品详情，可 看到出大尺寸照片 18gouwuchenggong.asp购物成功购物成功 19paigan1.asp拍杆之家显示拍杆系列商品 20qiulei1.asp球类之家显示球类系列商品 21xielei1.asp鞋类之家显示鞋类系列商品 22songsuo.asp搜索搜索商品界面 23songsuo2.asp搜索结果显示搜索结果的商 品 24pinglun.asp商品评论对当前商品进行评 论 体育用品网站设计北京经贸职业学院 第 14 页 共 28 页 25guanyu.asp关于我们显示制作小组成员 的资料 26weidenglu.html未登陆当前用户未登陆 admin 文件夹 序号文件名标题作用及简介 27admin.asp管理员登陆管理员登陆 28guanli.asp管理显示可管理的事务 29dingdanguanli.asp订单管理查看所有订单 30dingdansousuo.asp订单搜索确认情况订单 31dingdansousuo2.asp发货情况订单 32dingdansousuo2.asp结款情况订单 33dingdanchuli.asp订单处理处理当前订单状况 34gonggaoguanli.asp公告管理显示公告信息，可 添加和删除 35huiyuanguanli.asp会员管理显示所有会员信 息。可修改删除 36huiyuanxiugai.asp会员修改修改部分会员资料 体育用品网站设计北京经贸职业学院 第 15 页 共 28 页 37pinglunguanli.asp评论管理显示所有评论信 息，可删除 38pinglunguanli2.asp评论搜索显示指定商品评论 39shibai.html登陆失败管理员登录失败 40shoujiguanli.asp商品管理查看所有商品信 息，可修改删除 41shoujixiugai.asp商品修改修改商品信息 42tianjiashangpin.asp添加商品添加商品 43weidengluguanli.html 未登陆管理员未登陆 connections 文件夹：链接数据库文件 序号文件名作用及简介 44zh.asp数据库调用文件 data 文件夹：数据库文件 序号文件名作用及简介 45sport.mdb数据库 46sport-b.mdb数据库备份 image 文件夹：存储站点图片 体育用品网站设计北京经贸职业学院 第 16 页 共 28 页 序号文件名作用及简介 47站点图片站点中所用的图片 image/shop 文件夹 序号文件名作用及简介 48商品图片网站商品图片 四、体育用品网站所用的数据库结构列表 admin 管理员表 字段名类型说明 admin_name文本管理员用户名 admin_pass文本管理员密码 car 购物车表 字段名类别说明 商品编号文本商品编号 品名文本商品名称 价格文本商品购物价 体育用品网站设计北京经贸职业学院 第 17 页 共 28 页 付款人文本付款人 pinglun 评论信息表 字段名类别说明 编号自动编号自动编号 商品编号文本商品编号 评论人文本评论商品的人 内容文本评论的内容 日期文本评论的日期 shop 商品信息表 字段名类型说明 序号自动编号序号 图片文本商品的图片 品名文本商品名称 商品编号文本商品的编号 类别文本商品的类别 市场价文本商品的市场价 体育用品网站设计北京经贸职业学院 第 18 页 共 28 页 购物价文本商品的购物价 产地文本商品的产地 样式和颜色文本商品的样式和颜色 txt 公告信息表 字段名类别说明 编号自动编号编号 公告内容文本公告的内容 uers 用户信息表 字段名类别说明 用户名文本用户名 密码文本用户密码 密码提示文本密码提示 密码答案文本密码答案 电话文本用户的电话 性别文本用户性别 地址文本用户地址 体育用品网站设计北京经贸职业学院 第 19 页 共 28 页 email文本用户 email qq文本用户 qq 注册日期文本用户注册的日期 xinxi 订单信息表 字段名类别说明 订单编号自动编号订单编号 订货人文本订货人 订货 email文本订货人的 email 订货电话文本订货人的电话 收货人文本收货人 收货地址文本收货人的地址 收货邮编文本收货人的邮编 收货电话文本收货人的电话 收货 email文本收货人的 email 交货付款方式文本订单交货付款方式 订货信息文本订货商品信息 体育用品网站设计北京经贸职业学院 第 20 页 共 28 页 付款金额文本订货人应付款金额 订单确认文本订单确认状况 订单发货文本订单发货状况 订单文本订单结款状况 订货日期文本订货的日期 五、体育用品网站设计制作技术说明 本网站设计的重点是前台对商品的购买和后台对各种信息的管理， 用户通过对商品的选择（提供搜索功能） ，点击“立即购买”就可以 将商品信息添加到购物车，用户也可以继续购物，之后填写订单（可 现实当前用户要购买的所用的商品信息和购物金额的总和） ，完成购 物的过程，用户也可以对商品进行评论。而管理员主要是对各种信息 的查看，修改和删除。前台也有部分的插件装饰效果。 实现上述功能： 在商品的展示和分类展示的方法， 主要是通过记录集的筛选和排序 来实现的，而分类展示我主要是筛选商品的“类别” 。 搜索功能中，我主要用的功能是模糊搜索，主要实现的方法是通过 一个表单将输入的信息提交到搜索的页面。而搜索的显示结果，主要 是记录集的筛选。高级记录集里代码如下： SELECT * 体育用品网站设计北京经贸职业学院 第 21 页 共 28 页 FROM shop WHERE 品名 LIKE %pinming% 使用 like 语句进行包含筛选，并且在变量前后添加了通配符%，使得 用户可以使用被搜内容中的任何一部分进行搜索。 所谓立即购买， 就是在商品展示页上将每件商品的信息放置在一个 表单中，表单内将商品的品名、编号、价格等信息使用隐藏域作为提 交项，为表单添加一个“插入记录” ，这样就可以将信息插入到购物 车了。 在“立即购买”之后的显示数据信息，主要是用阶段变量来筛选， 也就是当前登陆的用户 MM_Username 删除的实现就是在每条记录后面，添加一个表单域，内置一个“删 除” 按钮， 添加以商品编号为唯一字段的 “删除记录” 的服务器行为， 实现了删除多余商品的功能。 在订单提交中，也主要是“插入记录”的方法将各个信息插入订单 中，而为了能够顺利获得所购商品信息和总价格数据，创建了两个 session 变量（slk 和 jg） 。 在首页中的公告展示中，公告拥有滚动功能，实现这一功能的代码 如下： 首页中， 我们有许多的特效， 这里我例举其中的时间特效， 代码为： 体育用品网站设计北京经贸职业学院 第 22 页 共 28 页 对评论的查询中，因为设计的商品比较多，所有在下拉菜单中的初 始选项中，我们利用动态列表来实现的，只要筛选的是商品的编号， 即 体育用品网站设计北京经贸职业学院 第 23 页 共 28 页 六，体育用品网站设计思路和制作过程 我主要负责的是前台的部分，但因为小组成员较少，所以在后台制 作我也有涉及， 前台主要是用户登陆页， 用户个人中心， 商品展示页， 购物车，订单填写页，商品评论页等大部分前台内容。 关于制作这个网页，首先就是要选好题材，各式各样的题材里，购 物网站就是一个不错的题材。 之后就是要对自己制作的网站有一个大 致的构思和框架， 网站基本上分为几个部分组成， 基本分为用户部分， 商品部分，购物部分，和管理员部分。他们之间的关系如下图： 用户部分 商品部分 购物部分 管理员部分 用户登陆后 才可进入购 物部分，而 购物需要用 户的条件支 持，从而可 以 进 行 购 物，双方属 于互相关联 的关系 购物需要商品中的 信息，从而顺利的进 行购物，而商品展示 不太受购物部分的 限制 管理员重点管理 用户部分和商品 部分，对这些基 本信息进行修改 和删除 管理员的管理不影响大部分购物的进行，用户的登陆与否不影响商品的展示管理员的管理不影响大部分购物的进行，用户的登陆与否不影响商品的展示 用户部分主要是新用户注册和个人管理， 购物部分主要是购物车和 体育用品网站设计北京经贸职业学院 第 24 页 共 28 页 填写订单，商品部分主要是商品展示，相关搜索功能，和商品评论， 管理员部分就是主要管理用户部分信息（管理用户的资料，用户的订 单）和商品部分信息（管理商品的资料，商品的评论） 。这样构思的 目的就是要让网站显得井然有序，一目了然，方便用户的购物，也方 便管理员的管理。 最终效果就是用户在未登陆的情况下可以查看商品 展示，但当用户需要购买的时候，为了买家和卖家不发生不必要的麻 烦， 就必须先注册登陆再进行购物。 这样设计就可以安全的购物同时， 也可以方便游客“不买可以看一看”的心理，供大家随便看本网站的 商品，相当于免费的广告。管理员也清晰明了的管理用户和网站的信 息，管理员管理的都是针对性的管理，一般是对某个用户或某个商品 进行修改删除，不会影响大部分购物的进行。这就是我的大体对网站 的构思。 开始制作之前就是要配置所需要的环境，因为制作的网站较小，数 据量也不好，硬件方面没有什么问题，基本上家用 PC 就可以了，软 件方面，本来应该使用比较好的服务器版本 windows2003+ IIS6，但 是由于条件的限制， 我选择了还算不错的 windowsxp+ IIS5.1， 其实在 后期的使用上，我感觉还是可以的，没有什么大问题存在。同时我也 选择了所需要的软件 Dreamweaver 8，Photoshop Cs2。我制作的原则 是类似“多米诺”效应，一个页面调通后，要与它下一个页面形成联 系，也就是第一页通了就去调第二页，如果有问题就从这两个页中寻 找问题，从而解决问题，而不是盲目的制作出许多页后，找不多问题 在哪里。 总之， 我的原则就是 “楼要一层一层盖， 网页要一页一页做” 体育用品网站设计北京经贸职业学院 第 25 页 共 28 页 俗话说“万丈高楼平地起” ，所以制作数据库尤为重要，用 access 根 据需要制作数据库，然后配置数据库，制作 asp 部分。主要是利用 Dreamweaver 的绑定记录集和服务器行为来制作 asp 部分。有些这样 不能满足制作需求的时候就打开代码窗口手动添加一些asp代码以实 现所需功能。之后制作一些由于限制用户的静态页等等，然后在为首 页添加一些代码效果等。 最后就是对整个网站进行调试，只要是浏览一下整个网站，检查一 下网站的各个功能，同时，与同组同学和指导老师进行网站各个功能 进行探讨， 主要探讨的是网站实际合理性而不是初期的技术层面的讨 论。之后确定完成前台制作。 七、设计制作过程所遇到的困难以及从中得到的启发 起初，在制作展示页的时候，遇到了许多问题，主要是总是调不出 来，最后，发现自己是犯了一个低级错误，就是 IIS 的父类没有设置， 经过同学的指定，我解决了这个低级的错误。之后就是在评论页遇到 的问题，起初我是希望用表单提交的方法进入评论页，后来发现这个 方法行不通。之后，在老师的帮助下，我选择了 URL 参数的筛选方 法，就可以顺利的显示评论页了。在制作订单填写页的时候，我没有 办法进行所购商品信息和总价格数据的显示，后来我创建了两个 session 变量 （slk 和 jg） 。 这样就可以顺利的得到这两个数据了。 最后， 在实际操作性上我又犯了错误，我设置了用户只能买一样商品的功