《毕业设计（论文）ASP网上掌上电脑展示系统.doc》由会员分享，可在线阅读，更多相关《毕业设计（论文）ASP网上掌上电脑展示系统.doc（33页珍藏版）》请在三一办公上搜索。
1、北京广播电视大学毕业设计报告题 目：_网上掌上电脑展示系统_姓名学号： 专业年级： _计算机信息系统开发与维护_ 分 校： 崇文分校 指导教师： _ 2008 年 5 月摘要随着Internet的不断普及，人们对于互联网技术的要求已不单单是浏览一下网页，收发电子邮件，日益忙碌的人们开始追求足不出户的利用互联网这一强大的平台来实现网上购物。近几年，随着网络数据库技术的进一步发展，使得这一设想逐渐成为现实。运用ASP技术和网络数据库原理，基于B/S模式我开发了一个网上购物系统。在本系统中，顾客可以很方便的注册成会员，对商品进行浏览检索，查看商品的详细资料，然后根据各人的喜好购买心仪的商品。系统管理
2、员则可以对现有的商品进行添加和编辑。关键词B/S模式、ASP、数据库、电子商务目 录1.绪论51.1系统背景51.2本文主要研究内容62.系统分析62.1需求分析及问题定义62.2本系统面临的问题73.系统总体设计73.1网站风格设计73.2功能模块设计73.2.1前台网上销售模块73.2.2后台数据录入模块73.2.3用户注册功能模块83.3数据库设计83.3.1用户信息83.3.2商品信息83.3.3热门商品信息83.4选用工具及技术设计84.系统环境及技术简介94.1 系统环境94.1.1 B/S模式94.1.2 IIS简介104.2系统开发工具104.2.1 Dremweaver MX
3、 2004网页制作工具104.2.2 Photoshop CS图形处理工具104.2.3 Microsoft Office Access2003数据库114.2.4 ASP简介115.系统详细设计及实现125.1前台设计及实现125.1.1网站风格及实现125.1.2栏目设计及实现135.1.4目录结构设计及实现145.1.5首页设计145.2功能设计及实现155.2.1数据库设计及实现155.2.2功能设计及实现166.系统测试256.1测试环境256.2测试数据256.3测试结果267.结束语267.1总结267.2展望27参考文献28致谢28附录281.绪论1.1系统背景互联网和通信技术
4、的高速发展，使电子商务迅速普及。计算机网络技术一直在寻找除文字处理和信息传递领域外的更大、更直接的利润空间，商务领域自然成为其首选的对象,而迅速膨胀的计算机网络用户也使得具有远见的商家颇感兴趣。凭借互联网无地域限制的优势，消除了商品、服务供应商和需求者之间地点与距离相关的障碍，一些传统的生产厂家及销售企业都加入到了电子商务的行列，我国经济正逐渐成为以互联网、通信技术为基础的新经济。在此大背景下，降低运营成本、方便快捷等方面的优势，大大降低了企业和个人行业的准入门槛，一时间网商如雨后春笋般纷纷涌现，网络购物的兴起，正悄然改变着社会的商业结构和生活方式，这种购物模式具有重大的现实意义。很多企业都已
5、不满足于建立一个简单的仅仅能够发布信息的静态网站。现代企业需要的是一个功能强大的，能提供完善的电子商务服务的动态商务网站。ASP（Active Server Pages）是Microsoft提出的一种网络服务器端编程环境。ASP已经成为开发动态网站的重要而快速、有效的工具。ASP强大的功能使之成为一种优秀的服务器技术。随着网络技术的日益成熟，ASP技术在网络编程中也变得越来越重要。所以，在本系统的设计中，采用了ASP作为开发工具，构建了一个能实现简单的电子商务的小型动态商务网站网上商城，实现用户的注册、登录、以及商品的查询等功能。1.2本文主要研究内容1、系统分析：收集、总结网站需求，并对需求
6、中的问题进行描述、定义、整理。2、系统设计：对收集的需求，给出合理的解决方案，按照计算机软件的设计标准进行设计。3、详细设计：描述完成系统设计的具体实现方式、标准、文档、程序代码等内容2.系统分析2.1需求分析及问题定义现在，市场上已经有很多公司使用在线购物系统来做生意了，在线购物也越来越展现其无限的商机。对商家而言，网上购物是在在网络上建立一个虚拟的购物商场。网络销售中的前台商品展示是虚拟的，但是后台的进、销、存体系却是具体而又现实的。对普通用户使用的需求而言，通过系统可以迅速的完成对商品的选购。但是，大多数的在线购物系统都差不多，没有什么特色，有特色的东西才能更加吸引人的眼球，尤其在商品展
7、示方面，很多在线购物的系统做的都比较生硬，不是很人性化，最好能让他们体验到在网上购买商品时也有在商场购物时的感觉。2.2本系统面临的问题本系统是个人购物网站，其设计理念是为用户提供一个良好的购物平台，使用户足不出户便可享受配送服务。系统面临的关键问题是： 1、软件与硬件的环境支持。2、网站首页设计与后台数据库的支持。3、普通会员和用户管理员的权限问题。3.系统总体设计3.1网站风格设计本购物网站众多功能的细节之处体现了极致的人性关怀，细致、体帖入微，设计中充分考虑了用户、管理员是否操作方便。本系统的目标是打造最好用、最实用的小型购物系统。3.2功能模块设计系统分为三个模块：3.2.1前台网上销
8、售模块客户在浏览器中所看到的直接与客户面对面的销售程序。3.2.2后台数据录入模块前台所销售商品所有数据，其来源都是后台所录入的数据。3.2.3用户注册功能模块用户注册，当然并不一定他立即就要买东西，可以先注册，任何时候都可以来买东西，用户注册的好处在于买完东西后无需再要输入一大堆个人信息，只须将帐号和密码输入就可以了。3.3数据库设计系统分为以下几部分数据内容：3.3.1用户信息用户信息是用来存放注册用户和用户管理员信息的数据内容。主要包括用户名、密码、邮箱地址。3.3.2商品信息用来存放销售商品的数据内容。主要包括编号、名称、产地、以及价格等。3.3.3热门商品信息用来存放几种销售较好的畅
9、销商品。主要包括编号、名称、价格、及商品信息。3.4选用工具及技术设计1、Dreamweaver MX 2004用户可以快速创建网站页面而无需编写任何代码。2、 Photoshop CSPhotoshop CS 能够对网站中的图片资源进行形而有效的编辑。3、 ASPMicrosoft Access 2003采用ASP加ACCESS开发，具有管理方便，代码简单易懂，体积小巧的特点。后台数据库的选取主要是从管理者的角度来综合权衡，包括安全性、数据访问机制、管理的灵活性等，其中Access数据库简单且容易操作。因此，本系统将Access 2003选定为本项目的后台数据库开发平台，我之所以选用Acce
10、ss 2003还因为而且我是以ASP作为前台应用开发技术，而Microsoft产品之间具有良好的兼容性。4.系统环境及技术简介4.1 系统环境4.1.1 B/S模式BrowserServer(浏览器/服务器)模式，也叫基于Web的网络数据库应用模式，典型的例子是在互联网上的论坛、购物等使用的数据库系统。这种BS模式的网络数据库应用无需在每台计算机上安装专门的软件，利用Windows操作系统自带的IE浏览器按照Web页面的方式存取后台数据库服务器的数据，面向的是不特定的用户，主要是基于互联网的应用。B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件。只要有一台能上网的电脑就能使用
11、，客户端零维护。系统的扩展非常容易，只要能上网，再由系统管理员分配一个用户名和密码，就可以使用了。4.1.2 IIS简介Internet Information Server的缩写为（IIS）是一个World Wide Web server。Gopher server和FTP server全部包容在里面。 IIS意味着你能发布网页，并且有ASP（Active Server Pages）、JAVA、VBscript产生页面，有着一些扩展功能。4.2系统开发工具4.2.1 Dremweaver MX 2004网页制作工具 Dreamerver是Macromedia公司开发的HTML编辑器，用于对W
12、eb站点、Web页和Web应用程序进行设计、编码和开发。利用Dreamerver中的可视化编辑功能，用户可快速创建页面而无需编写任何代码。Dreamerver还提供许多与编码相关的工具和功能。借助它你还可以使用服务器语言ASP，无论是刚接触网页的初学者还是专业的Web人员。Dreamerver都在前卫的设计理念和强大的软件功能方面给予了充分而且可靠的支持。4.2.2 Photoshop CS图形处理工具Photoshop CS，CS的意思是Creative Suit。它新增了许多强有力的功能，特别是对于摄影师来讲，这次它大大突破了以往Photoshop系列产品更注重平面设计的局限性，对数码暗房
13、的支持功能有了极大的加强和突破。4.2.3 Microsoft Office Access2003数据库Microsoft Office Access2003 是一种数据库管理程序，可赋予更佳的用户体验，并且新增了导入、导出和处理 XML 数据文件等功能。由于该程序可以识别和标记常见错误，同时提供更正错误的选项，因此在 Access 2003 中工作变得更加轻松自如。另外，Access 2003 的新功能还可以帮助数据库开发人员查看有关数据库对象之间相关性的信息。4.2.4 ASP简介 ASP,英文全称为 Active Server Pages，它是一种动态网页，文件后缀名为.asp。ASP
14、网页是包含有服务器脚本(serverside script)的HTML网页。Web服务器会处理这些脚本，将其转换成HTML格式，在传到客户的浏览器端。它有以下优点：1、可以用 VBScript 创建脚本，同时结合HTML语言能够非常方便地完成网站的应用程序。2、因为ASP采用Script语言（VBScript和JScript）就可以轻松编写程序，因此这就大节省了网络设计人员又得重新学习一种新语言的时间。3、使用记事本之类的文本编辑器，即可进行编辑设计,如：Windows的记事本。4、ASP是运行在服务器端，所以我们无须担心浏览器是否支持ASP所使用的编程语言,用户端只要使用可执行HTML码的浏
15、览器，即可浏览Active Server Pages所设计的网页内容。ASP在服务器端运行，当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。5.系统详细设计及实现5.1前台设计及实现5.1.1网站风格及实现1、色彩本网站的色系是以浏览者整体的视觉观感设计，网站色系具有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便、更能衬托出网站的主题，色系能与主题合理搭配，增加了浏览者的易读性。 网站的整体色彩以白色、红色、黄色为基调，让人有种温馨的感觉。logo主要以红黄渐变弧线型设计，突出主题。2、版型网站
16、系统设计以T字型为主体框架，其顶侧和左侧采用固定模式，顶侧页面为LOGO信息，左侧为商品菜单，右侧为具体功能信息。5.1.2栏目设计及实现网站栏目由以下几部分组成：首页品 牌列 表产 品测 评本 站推 荐购 买帮 助产 品欣 赏联 系我 们用 户注 册后台管理5.1.3链接结构设计及实现首页品 牌列 表产 品测 评本 站推 荐购 买帮 助产 品欣 赏联 系我 们用 户注 册后 台管 理各 种商 品硬 件测 评推 荐产 品售前售后咨询相关产品图片欣赏网站联系方式购 物 要 求后台登录区域输入用户名和密码后台管理区域 添加商品信息删除商品信息更新商品信息用 户登 出推 荐软 件推 荐机 型软 件测
17、 评5.1.4目录结构设计及实现1、总目录结构： Connections目录为数据库链接文件目录 Css目录为Css样式表目录 database目录为数据库文件目录 image目录为图片文件目录 manage目录为后台管理文件目录2、图片目录结构 product目录为产品图片目录 sideshow目录为首页幻灯片图片目录5.1.5首页设计网站首页：在IE浏览器中第一次进入该系统，所看到的是如图5-1所示的首页。该页面头部为一个Logo图片，其右侧提供了用户注册、登录用户、购物须知、后台管理链接。左侧提供了热门商品、商品分类列表链接。右侧提供了站点首页、热门商品、我的EGO、加盟我们、积分活动、
18、产品搜索链接。右下侧为商品展示区。图5-1（首页截图）5.2功能设计及实现5.2.1数据库设计及实现数据定义1、article热门文章列表，时下的企业和市场新闻的数据表。字段名类型大小描述a_id自动编号长整型文章编号a_title文本50文章标题a_source文本50文章来源a_date日期/时间长日期添加日期a_link备注备注文章链接a_memo备注备注文章内容2、introduction产品测评表，用于展示产品测评及发布新产品 字段名类型大小描述i_id自动编号长整型文章编号i_title文本50文章标题i_memo备注50文章内容i_date日期/时间长日期添加日期3、recomm
19、end产品推荐列表，用于推荐产品等功能字段名类型大小描述r_id自动编号长整型自动编号r_title文本50产品名称r_image文本50产品图像r_memo备注备注产品介绍r_star文本50产品星级r_deploy备注备注产品配置5.2.2功能设计及实现1、首先进入网站首页，单击“登录账户” 可以进入如图5-2的用户登录界面。如果已有帐号，则可以输入正确用户名和密码后进行登录。图5-2（后台管理用户登录界面）l如果用户还没有自己的帐号，需要首先进行注册，可以进入如图5-3 的用户注册界面。在这个页面中，填写用户名、密码和电子邮件地址，单击注册按钮就会出现一个成功注册界面如图5-4。图5-3
20、（注册用户界面）图5-4（完成注册确认界面）2、 奔迈系列介绍 将掌上电脑的主流推荐给每一位浏览网站的用户，同时，也进一步展示和推荐了商品，让商品的内在美更加突出。如图5-5和5-6所示图5-5（奔迈系列介绍）图5-6（奔迈系列介绍首页列表）3、购物帮助购物须知链接的是一个静态界面里面详细介绍了顾客购买商品时所需要的注意事项。如图5-7图5-7（购买帮助界面）4、产品测评用户点击首页中“产品测评“后，每一款现在流行和受众度比较高的产品详细介绍和硬件测评就会展现在用户眼前，从而让用户在购买前有一个更加详细的了解。如图5-8图5-8（产品测评界面）5、产品欣赏每一个细节，每一个构思，每一个软件，在
21、这里您可以近距离的观赏您梦寐以求的爱机，让我们出发吧！如图5-9和图5-10图5-9（产品欣赏界面）图5-10（产品欣赏界面）6、本站推荐 网站编辑定期将人气最旺，性价比最好的产品推荐给用户。如图5-11图5-11（本站推荐界面）7、后台管理页面用户名和密码相对于客户界面来说，管理员界面则显得简洁、明了。点击进入管理页面后，系统会让你输入用户名及密码，然后登录。管理员登录如图5-12后台系统登录页面。后台管理是对特殊用户管理员开发的。主要是商品信息的维护与管理, 包括价格，现有商品信息的修改、新商品信息的加入等。图5-12（后台管理登录界面）商品管理登录后，管理员可以对商品进行管理，目前只提供
22、添加、删除和对商品进行更新三块内容。添加商品信息管理员可根据相应的提示来填写商品或文章的信息。如图5-13图5-13（添加商品或文章界面）在添加商品时，管理员需要将产品的属性添加到商品简介中。添加商品图片，我们可以把已经添加商品的图片放在文件夹wwwrootimage product中，图片尺寸为100100像素。完成添加：至此，我们就完成了一件商品的添加，保存后就会发布在网页上了。如图5-14图5-14（添加后首页显示的内容）删除商品信息管理员进入后台管理界面，单击删除商品信息选项，根据列表提示来删除商品的信息。如图5-15图5-15（删除信息界面）更新商品信息管理员在后台管理界面，单击更新
23、商品信息选项，不仅可以查看新添加的商品信息，而且还可以随意对某个商品的名称、编号、产地以及价格等进行修改。如图5-16图5-16（更新信息界面）6.系统测试6.1测试环境硬件环境：台式电脑 P997MHZ 内存512M操作系统：Windows Xp Sp2IIS环境：5.16.2测试数据在网上购物系统相应模块中，添加相对应的数据以进行检测。1、在搜索栏内添加商品名称进行检索。2、在注册用户区，进行新用户注册。3、以注册用户，进入我的EGO。4、用户管理员进入后台管理区，进行商品添加、删除等操作。商品列表，用来存放更新的各种商品6.3测试结果经过对本系统的初步测试，有些部分内容不是很完善，经过几
24、番修改后系统已基本能够满足网站的运行要求。7.结束语7.1总结经过了两个多月的学习和工作，我终于完成了网上购物系统的论文。从开始接到论文题目到系统的实现，再到论文文章的完成，每走一步对我来说都是新的尝试与挑战，这也是我在大学期间独立完成的最大的项目。在这段时间里，我学到了很多知识也有很多感受，在制作初期我开始了独立的学习和试验，查看相关的资料和书籍，让自己头脑中模糊的概念逐渐清晰，使自己非常稚嫩作品一步步完善起来，每一次改进都是我学习的收获，每一次试验的成功都会让我兴奋好一段时间。虽然我的论文作品不是很成熟，还有很多不足之处，但我可以自豪的说，这里面的每一段代码，都有我的劳动。当看着自己的程序
25、，自己成天相伴的系统能够健康的运行，真是莫大的幸福和欣慰。我相信其中的酸甜苦辣最终都会化为甜美的甘泉。这次做论文的经历也会使我终身受益，我感受到做论文是要真真正正用心去做的一件事情，是真正的自己学习的过程和研究的过程，没有学习就不可能有研究的能力，没有自己的研究，就不会有所突破，那也就不叫论文了。希望这次的经历能让我在以后学习中激励我继续进步。7.2展望经过一段时间的努力，购物网站终于制作完成了，但是由于个人能力有限，功能方面还是有些不完善，如没有购物车模块、会员管理模块、网上支付模块等，而且在一些商品链接过程中只是采用了演示链接没有真正意义上的实用性。虽然我经过了四年的专业计算机学习，但是想
26、要把相应所学的功课综合起来，确实是一件很不容易的事情，它不仅需要丰富知识的积累，而且还需要更多在实际环境中去不断实践，才能将自己所学运用自如。对于本系统所欠缺的功能和一些不完善的地方我将在今后继续学习，争取实现一个有真正意义能在网上购物的一个平台。参考文献1、汪小平；ASP网络开发技术；北京；人民邮电出版社；2003年2、李瑞旭；ASP实例教程；北京；人民邮电出版社；2004年3、冯能山、李其艺；轻松学习ASP网络实用编程；北京；人民邮电出版社；2004年4、陶宏才；数据库原理及设计；北京；人民邮电出版社；2004年致谢由于论文的写作，对于我们毕业生来说，做事有了全面考虑的思想，发生问题的时候
27、，对问题的理解、看法，问题的深化，有着自己的认识，从身边的实际去解决问题。在辅导老师的大力帮助下，我完成了这篇毕业论文，在此，感谢辅导老师在这一段时间对我的帮助和指导。并且要感谢班主任及认课老师对于我的教导。在即将毕业的时候，再次感谢曾经帮助过我的老师和同学们。附录数据库链接代码数据库字段循环代码用户登录代码检查表单代码function check_log() if (document.form2.name.value.length=0) document.form2.name.focus(); alert(请输入您要注册的用户名称.); return false; if (document.form2.password.value.length=0) document.form2.password.focus(); alert(请输入您要注册的用户密码.); return false; if (document.form2.email.value.indexOf() = -1 | document.form2.email.value = ) alert(请输入您的电子邮件地址, 请认真填写电子邮件地址! 如果邮件地址有误将无法收到邮件!); return false; Search.asp 搜索页面主要代码搜索匹配关键字代码
