基于ASP手机销售网站设计与实现的毕业论文模板.doc

毕业设计（论文）

基于ASP手机销售网站设计和实现

The Handset Sells The Website System Design And The Realization

学生姓名
所学专业
所在班级
指导老师
老师职称
完成时间

：
： 信息管理和信息系统
： 05-1
：
： 副教授
：

摘 要
本文经过分析中国外网上购物系统发展现实状况，提出了一个利用asp技术开发网上购物系统方案，以期达成功效强大，费用低廉，通用性强，适合中国国情购物网站系统。文中着重叙述了该系统功效和实现、网上购物、后台管理等
经分析，使用Microsoft企业ASP和相关网页开发工具Dreamweaver，Flash,ps.用Flash，PS做了首页。利用微软提供IIS建立运行环境，再利用ODBC（数据源）建立数据连接关系。利用其提供多种组件及内置对象，首先在短时间内建立数据库，然后，对数据库进行分析和建立ASP页面，不停修正和改善，直到功效基础实现可行性购物系统。

关键词:
购物系统 ASP技术 电子商务

Abstract
This article through analyzes the domestic and foreign on-line shopping system the development present situation, proposed one kind operates on the hairnet using the asp technology the shopping system plan, to the time achieved function formidable, expense inexpensive, the versatility is strong, suits our country national condition the shopping website system. In the article emphatically elaborated this system function and the realization, the data flow and the memory, the on-line shopping, the backstage management and so on.

After analysis, the use of Microsoft's ASP and related web development toolDreamweaver, Flash, ps. With Flash, PS has done a Home. Microsoft IIS use to run the establishment of the environment, re-use ODBC (Data Source) to establish data connections. Provided use of its various components and built-in objects, first of all, the establishment of databases in a short period of time, and then, an analysis of the database with the establishment of ASP pages, constantly amended and improved, until the realization of the feasibility of the basic functionality to the system.

KEYWORD: Shopping system ASP technology Electronic commerce
目 录
1. 引言 1
1.1 背景介绍及选题意义： 1
1.2 论文思绪及研究方法： 3
1.3 系统开发环境介绍: 3
2. 需求分析 5
2.1 需求分析 5
2.2 可行性分析 6
3. 总体设计 7
3.1 总体框架图及说明 7
3.2 结构化设计 9
4. 具体设计 10
4.1 硬件环境要求 10
4.2 数据库概念结构设计 10
4.3 常见模块 14
4.4 前台关键功效模块具体设计 15
4.5 后台登录入口设计 24
4.6 后台关键功效模块具体设计 24
5. 测试和维护 39
5.1 网站测试 39
5.2 系统测试基础标准 39
5.3 系统维护 39
6. 结束语 41
7. 参考文件 42
致 谢 42

1. 引言
1.1 背景介绍及选题意义：
互联网作为信息双向交流和通讯工具，已经成为商家青睐传输媒介，被称之为继广播、报纸、杂志、电视后第五种媒体——数字媒体。传统媒体价格昂贵，又受到时间、地域等多方面原因限定，效果不能令人满意。相比之下，网络宣传费用是低廉，而回报却丝毫不见逊色，能帮您把握宽广国际发展空间和众多潜在商业伙伴，是24时广告窗口。越来越多销售企业、大型商场建立自己商品购物站点，使得商品销售本身已不局限于某个地域，而是直接面向全世界，它广泛性、高效性为销售商带来了不容质疑效益和效率。是否拥有自己商业购物网站已经成为衡量一个销售商综合素质关键标志。我们销售手机网站就是这么“数字媒体”,为五湖四海人手机用户提供商品信息和销售服务。
自上六个月以来，沉寂了多年中国互联网产业正以强劲势头复苏并发展起来，除了传统浏览、资料搜索、电子邮件等基础应用外，中国网民已经开始习惯经过网络接收商务、旅游、购物、通讯、娱乐等服务，依据中国互联网信息中心最近提供《中国互联网络发展情况统计汇报》调查显示，网上购物已经由以前尝试性购置向日常生活习惯发展，其中以书籍、计算机产品、音像制品及器材等为网上购物关键对象，服装、体育用具、生活家居用具等消费额也开始大幅度提升。
互联网快速发展为网上购物系统发展提供了强大动力，同时，电子购物环境也已经逐步得到了改善，表现在网民结构大众化和网络生存普及化，物流和银行结算通畅，和市场运作规范和对应政策法规完善。网上购物对网民吸引力将会越来越大，网民对购物网站见解也将肯定会从不了解到了解，从拒绝到接收，从怀疑到信任，从否定到肯定，网上购物观念将愈加深入人心。
电子商务是于九十年代初，在欧美兴起一个全新商业交易模式，它实现了交易无纸化，效率化，自动化表现了网络最具魅力地方，快速交换信息，地理界限模糊，这全部一切也必将推进传统商业行为在网路时代变革。早在网路盛行时代，经过网路电子邮件，视频交换，文件交换和现在还很热门EDI((电子数据交换)，所进行商业行为，全部能够说是现在电子商务某种形式表现，也能够说，电子商务是它们崭新应用集合。
电子商务能够经过多个电子通讯方法来完成。简单，比如你经过打电话或发传真方法来和用户进行商贸活动，似乎也能够称作为电子商务；不过，现在大家所探讨电子商务关键是以EDI（电子数据交换）和INTERNET来完成。尤其是伴随INTERNET技术日益成熟，电子商务真正发展将是建立在INTERNET技术上。所以也有些人把电子商务简称为IC（INTERNETCOMMERCE）。
伴随电子商务，尤其是网上购物发展，商品流通基础设施和配套行业关键将会发生偏转。这个问题现在在美国已初见端倪，各类送货系统、快递运输企业、支付企业、安全、广告、商务软件、信息服务等新型物流和中介机构发展呈加速态势，而且有很大发展空间。不难看出，因为电子商务出现和发展，商品流通领域将面临全方位深刻变革，美国等经济发达国家正在抓紧推进电子商务革命，将对中国商品流通领域和整个经济发展带来种种影响，确实值得我们认真研究。尤其是在全球经济一体化国际背景下，在我们继续扩大中国流通领域对外开放同时，深入研究这个问题，审慎制订对应宏观对策，尤其关键和迫切。
不过，和强劲网络购物需求相比，中国受到计算机软硬件基础比较微弱，技术水平比较低下，系统开发人员十分紧缺等不利原因影响，现有购物网站系统普遍存在着功效比较单一，维护比较复杂，通用性又不强等问题，有购物网站甚至直接采取静态网页公布商品信息。全部这些，已经严重制约了中国电子商务发展。国外即使有比较成熟电子商务系统，但价格很昂贵，动辄几十万上百万，而且还不一定适合中国国情，需要花费大量人力物力进行二次开发。搞电子商务是需要投入。现在大家一听是电子商务，一听是高科技，就认为那是很花钱事情。想一想，IT企业办公地点通常全部设在高级写字楼里，职员工资也较之传统行业高出很多；高科技所利用设备也不是一般办公用具，等等，这些表面现象很自然给人一个"高投入"感觉。就像前面提到一样，很多企业甚至还没有配置电脑，当然搞不了电子商务，在她们看来，仅仅是买电脑、买软件、上网就是一笔不小花费，更不用说开发一套信息管理系统了。那么是不是开展电子商务现在根本行不通了呢？或必需以高额投入为前提呢？答案是否定。如上所述，互联网上公共平台出现处理了中小企业开展电子商务瓶颈问题。也就是说一个零售企业能够经过一个公共平台享受由专业技术企业提供定制化服务。具体来说，就是由部分现有行业经验又拥有互联网技术第三方服务商，为企业提供电子商务处理方案，为企业量身定制信息管理系统，提供第三方平台，帮助企业进行信息处理和软硬件日常维护。第三方定位，又决定了这类服务商在行业上和享用服务者没有竞争关系和业务冲突。采取第三方平台，除了免去了开发研究所花费时间和支出，在短时间内即可享受电子商务给企业发展带来收益以外，零售企业无须再为大笔人力、财力、物力投入而伤脑筋，也无须为以后软硬件维护、升级而担忧。租用这种第三方平台无需高额前期投入，在使用过程中，也只需定时交纳一定服务费用。这么开展电子商务，仅需企业极少投入，就能够给企业带来很大收益，也是十分符合现在中国零售企业特点。
怎样设计开发出功效强大，费用低廉，通用性强，适合中国国情购物网站系统，这将是我们急需处理一个关键问题。
1.2 论文思绪及研究方法：
本组设计网站类型是商业网站手机销售,现在数码产品竞争日益猛烈怎样才能在网络这个大平台上占有一席之地.网站建设是重中之中.此论文能够全方面说明网站设计全过程. 我们网站进行了后台设计 . 利用了ASP和ACCESS进行后台数据库连接.
1.3 系统开发环境介绍:
1.HTML
HTML（Hyper Text Markup Language 超文本标识语言）是一个用来制作超文本文档简单标识语言。和常见字处理文件不一样,Web页以超文本标识语言编排格式。HTML文件是带有特定HTML插入标识用以编排文档属性和格式标准文本文件。它能独立于多种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web上信息表示语言，用于描述Homepage格式设计和它和WWW上其它Homepage连结信息。
HTML文档（即Homepage源文件）是一个放置了标识ASCII文本文件，通常它带有. html或. htm文件扩展名。生成一个HTML文档关键有以下三种路径：
（1）手工直接编写（比如用你所喜爱ASCII文本编辑器或其它HTML编辑工具）。
（2）经过一些格式转换工具将现有其它格式文档（如WORD文档）转成HTML文档。
（3）由Web服务器（或称HTTP 服务器）一方实时动态地生成。
通常HTML页面含有以下结构：
〈html〉

,</p><p style='padding:5px 0px;'>18、<base>,<link>,<is index>,<meta>
</head>
<body>
这是HTML正文部分
〈/body〉
</html>
可见在一个HTML网页文件中，通常必需有一对〈html〉</html>标识作为文件开头和结尾，在<html>标识后是头部标识<head></head>,其后是实体标识<body></body>。
2.ASP
ASP（Active Sever Pages动态网页）是微软企业推出一个用以替换CGI(Common Gateway Interface)技术。现在，Internet上很多基于Windows平台Web站点已开始</p><p style='padding:5px 0px;'>19、应用ASP来替换CGI。
ASP是一个在服务器端脚本运行环境。经过这种环境，用户能够创建和运行动态交互式Web服务器应用程序，如交互式动态网页，包含使用HTML表单搜集和处理信息、上传和下载等。
通常情况下，用户经过浏览器看到网页大多是静态，现在Internet上很多站点，仍然提供“静态”（static）主页内容。所谓“静态”，是指站点主页内容是“固定不变”。一个“静态”站点，若要更新主页内容，必需手动更新其 HTML文件数据。而伴随Web技术发展，用户期望能够看到依据要求而动态生成主页，比如响应用户查询数据库要求而生成报表等。站点服务器收到要求实施应用程序，分析表单（form）输入</p><p style='padding:5px 0px;'>20、数据，将实施结果以HTML格式传送给浏览器。依据用户请求生成动态主页传统方法有CGI、ISAPI等。CGI是依据浏览器端http请求激活响应进程，每请求对应一个进程。当同时有很多请求时，程序挤占系统资源，造成效率低下。ISAPI针对这一缺点进行了改善，利用dll（动态链接库技术），以线程替换进程，提升了性能和速度，但要考虑线程同时问题，而且开发步骤烦琐。这两种技术和另一普遍使用开发动态网页技术Java全部还存在着另外一个问题，那就是开发困难，程序开发和HTML写作是两个完全不一样过程，需要专门程序员开发。ASP使用ActiveX技术基于开放设计环境，用户能够自己定义和制作组件加入其中，使自己动</p><p style='padding:5px 0px;'>21、态网页几乎含有没有限扩充能力，这是传统CGI等程序所远远不及地方。
3.Microsoft Access
在办公软件Office套件中，最为广大用户熟悉是Word和Excel，因为它们功效强大且方便易用，更因为它们不仅可用于办公，还可用于个人写作和家庭记帐理财等。同为Office套件中一部分Access，即使有着一样强大功效，但使用人却相对少些，不像Word和Excel那样广泛。实际上，真正用过Access用户，对其强大功效和灵活应用均称赞其是个不错软件。
Access 数据库管理系统是Microsoft Office 套件关键组成部分，是Access最新版本，可在Windows 95环</p><p style='padding:5px 0px;'>22、境下运行。Access适适用于小型商务活动，用以存贮和管理商务活动所需要数据。Access不仅是一个数据库，而且它含有强大数据管理功效，它能够方便地利用多种数据源，生成窗体（表单），查询，报表和应用程序等。
4.Macromedia Dreamweaver 8
选择Macromedia Dreamweaver 8 来创建专业网站是最好路径, 同时Macromedia Dreamweaver 8 是一个专业 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。不管您喜爱直接编写 HTML 代码驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver</p><p style='padding:5px 0px;'>23、 全部会为您提供帮助良多工具，丰富您 Web 创作体验。
利用 Dreamweaver 中可视化编辑功效，您能够快速地创建页面而无需编写任何代码。不过，假如您更喜爱用手工直接编码，Dreamweaver 还包含很多和编码相关工具和功效。而且，借助 Dreamweaver，您还能够使用服务器语言（比如 ASP、ASP.NET、ColdFusion 标识语言 (CFML)、JSP 和 PHP）生成支持动态数据库 Web 应用程序。

2. 需求分析
2.1 需求分析
通常来说，电子商务网站是由前台系统和后台系统两部分组成。前台系统是供商品销售使用浏览器界面，在这里能够浏览商品，购物</p><p style='padding:5px 0px;'>24、后台系统关键是进行产品管理,管理员管理,分类管理.商品信息管理、公布和修改，同时要进行，报表统计，和系统运转及安全有效帐号系统。伴随计算机技术提升和发展，对特定零售尤其是批发为户来说，有一台机器来完成后台任务是可行。
本电子商务系统采取B/S结构设计,经过ASP脚本 ACCESS数据库实现网上购物系统。用户经过IE用户端可浏览系统前台内容，包含：商品查看（最新商品，产品展示）；查看网站动态信息;产品搜索;订购;联络我们.
现在,电子商务网站数量在不停增加,如:阿里巴巴,易趣,淘宝网．一样,选择在网上购物人也越来越多，电子商务日趋成熟．不过，电子商务在全世界也只有几年时间，而且正以难以想象</p><p style='padding:5px 0px;'>25、速度发展，加上中国经济发展和信息化水平差异很大，确定中国电子商务发展模式是十分困难，我们要以主动发展和开拓进取态度，主动探索适合中国实际电子商务发展道路。
在没有手机销售网站时用户只在电视广告了解手机行情，而且了解有限.有了手机销售网站后，填补了以往实体店销售渠道单一缺点，原本实体店销售关键全部是面对当地和周遍城市市场，市场相对网络销售比较小，现在因为网络购物兴起，越来越多人开始在网络上购物，有了手机销售网站，这么手机销售就能够面向全国，相对以往市场扩大了很多，也使欲购手机用户有了更多参考，而且价格更直观，购机用户买也放心，因为不存在以往在实体店讲价中出现差价
2.2 可行性分析
1.</p><p style='height:0px;padding:0;overflow:hidden'>26、技术可行性
服务器端采取以下多个软件组合：IIS ASP ACCESS。这是很多成功网站所采取明星组合，确保了整个系统可扩展性和快速运行。而我本人作为整个系统设计者和开发者，对这多个软件有很好把握，并能进行比较深层次应用，在技术上已经不存在问题。所以含有了技术可行性。
Asp语言优点:无须Compile编译:轻易产生,无须编译或链接即可实施,集成于HTML中.
使用常规文本编辑器:如Windows记事本,即可设计。
和浏览器无关(Browser Independence):用户端只要使用常规可实施HTML浏览器,即可浏览ASP所设计主页内容,Script语言(VBScript或Java</p><p style='height:0px;padding:0;overflow:hidden'>27、Script)是在站点服务器(Server端)实施,用户有需要实施这些Script语言.ASP是面向对象(Object_Orient) 。可经过ActiveX Server Components (Active X服务器组件)来扩充功效.Active X server Component,可使用Visual Basic、Java 、Visual C 、COBOL等语言来实。.
Asp和任何ActiveX scripting语言兼容.除了可使用VBScript或JavaScript语言来设计以外,还可经过Plug-in方法,使用由third party所提供其它诸如REXX、Perl、Tcl等</p><p style='height:0px;padding:0;overflow:hidden'>28、scripting语言。Script引擎是处理scriptCOM(Component Object Model)对象。Asp源程序代码，不会传到用户浏览器，所以能够保护辛辛劳苦写出起源程序不会被她人看到。传到用户浏览器是ASP实施结果常规HTML代码。
使用Server端script产生用户端script,您能够使用ASP程序码，在站点服务器实施script语言(VBScript或JavaScript),来产生或更改在用户端实施script语言。
2.经济可行性
ASP ACCESS组合它操作简单是其成功最关键方面。不过，还有一点也是很关键一点是因为它们是无偿。本系统采取ASP 　ACC</p><p style='height:0px;padding:0;overflow:hidden'>29、ESS组合，在确保了系统技术可行性同时，还确保了系统经济可行性。自由软件降低了开发系统初始成本，所以含有了经济可行性。

3. 总体设计
首先在做网站之前给要做网站一定正确定位，没有方向船哪边风全部不会是顺风。所以给网站定位，明确建站目地是第一步要做。给网站做定位时，我们小组进行了讨论，方便于能对网站建设方向有一定把握，同时又在网上搜集部分资料，立即了增加部分建站知识，结合到策划中去。这么才能很好建设一个好网站。当然通常情况下是用户提出要求，我们来完成，所以对于网站目标和定位通常是由用户给出。这么我们还要为用户着想.
3.1 总体框架图及说明
产品展示：为用户提供最新款手机咨询。</p><p style='height:0px;padding:0;overflow:hidden'>30、
品牌搜索：在这中间能够对消费者想了解产品进行查询。
最新产品：对最新流行机型进行实时介绍
图3-1所表示：

手机销售网站前台
首页
全部产品
后台登陆
产品分类

产品搜索

产品展示

最新产品

图3-1网站前台结构图

后台管理

首页
—
退出

产品管理

管理员管理

分类管理
产品添加
产品管理
查看定单
添加管理员
修改密码
分类管理
添加分类

图3-2后台管理结构图
3.2 结构化设计
1.前期信息搜集
这一步</p><p style='height:0px;padding:0;overflow:hidden'>31、是前期策划中最为关键一步，因为做网站一定是为用户和用户服务，所以搜集她们意见和想法是最为必需。这一步需要整理成文档，形成对用户爱好调查汇报，同时让用户相关部门配合提交一份本部门需要在网上开辟栏目计划书，需要相关部门一定要考虑充足，因为假如要把网站作为一个正式站点来运行话，所做每一项栏目标设置全部应该是有计划，假如考虑不充足，会造成以后突如其来新加内容破坏网站整体计划和风格。
2.具体分栏目策划
搜集完商业网站手机销售用户各部门相关信息以后，对其进行整理，整理以后找出关键，依据关键和用户业务侧关键，结合网站定位来敲定网站分栏目需要有哪几项，可能开始时会因为栏目较多进而难以确定最终需要哪几项，</p><p style='height:0px;padding:0;overflow:hidden'>32、我们商业网站手机销售设计了主页框架和子页框架.形成网站栏目标树状列表用以清楚表示站点结构。
我们在其中划分了产品管理,管理员管理,分类管理，增加了亲和力。
3.数据库逻辑结构设计
本系统数据库采取Access数据库，系统数据库名称为chanpin.mdb。数据库chanpin中包含4张表。下面分别给出数据表概要说明、数据表关系概要说明及关键数据表结构。
数据库需求分析系统数据库功效关键表现在对多种信息提供、保留、更新和查询操作上，包含产品信息添加、修改、删除。管理员信息修改，及管理员信息存放.产品订购信息添加、修改、删除。产品分类添加、修改、删除。各个部分数据又有内在联络。针对此系统数</p><p style='height:0px;padding:0;overflow:hidden'>33、据库特点，并考虑未来所要包含 应用，数据库设计以下数据项：
管理员：包含管理员编号、用户名和密码信息。
产品信息:id,NAME,IMGAES,FID,GUEIGE,JIAGE,COUNT,TIME.
产品分类:id,c_name,jiage,shuliang,dianhua,mail,tel,address,fukuan,name,time.
产品订购信息:id.Fname,FOID,time.
数据表概要说明从设计角度出发，对本系统后台数据库中数据表有一个更清楚认识，我设计了一个数据结构表，该数据结构表包含系统全部数据表（如表3-3所表示）。
数据库表名
说明
admin
</p><p style='height:0px;padding:0;overflow:hidden'>34、
管理员表
chanpin
产品
ding
订购
fenlei
分类

4. 具体设计
4.1 硬件环境要求
1.硬件平台
l CPU：AMD2800 1.6GHz。
l 内存：512MB以上。
l 硬盘：80GB
2.软件平台：
l 操作系统：Windows XP/ Windows 。
l 数据库：Access 。
l 浏览器：IE5.0，推荐使用IE6.0。
l Web服务器：IIS5.0。
l 分辨率：最好效果1024×768像素。

4.2 数据库概念结构设计
1、对一个数据库管理员来说，为她数据库所能做最好事情就是使之开始于一个合理逻</p><p style='height:0px;padding:0;overflow:hidden'>35、辑设计。概念模型是用户和数据库设计人员之间进行交流工具。依据上面设计计划出实体有：
管理员
管理员id
密码
管理员户名

图4-1管理员信息实体E-R图
产品
id
name
images
time
guige
FID
count

图4-2产品信息实体E-R图

分类
ID
Fname
FOID
Time

图4-3分类实体E-R图

订购表
ID
产品名
订购数量

产品价格

电话
邮箱
tel
address
Fukuan
name
time

图4-4订购信息实体E-R图
2、数据</p><p style='height:0px;padding:0;overflow:hidden'>36、表结构
以下是较为关键多个数据表结构：
1.管理员表:

图4-5管理员表

2.产品表:

图4-6产品表
3.分类表:

图4-7分类表
4.订购表:

图4-8订购表
4.3 常见模块
1.数据库连接文件
了为提升代码关键性，在本系统中把常常见代码单独做成了单独文件，用到时只要用include文件调用即可，其功效是之页面建立和数据库连接。
文件co .asp代码以下。
<%
set conn=server.CreateObject("adodb.connection")
path=server.MapPath("data/db.mdb")
c</p><p style='height:0px;padding:0;overflow:hidden'>37、onn.open "provider=microsoft.jet.oledb.4.0; data source="&path
%>
文件conn. asp代码以下。
<%
set conn=server.CreateObject("adodb.connection")
path=server.MapPath("../data/db.mdb")
conn.open "provider=microsoft.jet.oledb.4.0; data source="&path
%>
文件adminconn. asp代码以下。
<%
set conn=server.CreateObj</p><p style='height:0px;padding:0;overflow:hidden'>38、ect("adodb.connection")
path=server.MapPath("../../data/db.mdb")
conn.open "provider=microsoft.jet.oledb.4.0; data source="&path
%>
2.管理员登录判定
本系统是一个多用户系统，中些页面需要用户登录后才开放功效。为预防非法用户直接调用这些页面功效，需要在这些页面中加入用户登录判定代码。
判定代码以下：
<%
if session("admin_name")="" then
response.Redirect("index.asp")
end if</p><p style='height:0px;padding:0;overflow:hidden'>39、
%>
4.4 前台关键功效模块具体设计
1.前台文件总体架构
（1）模块功效介绍
前台页面关键包含以下功效模块：
l 首页:方便用户浏览.
l 全部产品:展示网站各式商品,便于浏览.
l 后台登陆:为用户进入后台提供一个入口。
l 产品分类:方便拥护查询相关产品.
l 产品搜索:搜索相关全部产品.极大方便拥护查询.
l 最新产品:立即公布全部最新产品.
（2）页面运行结果
图4-9网站前台首页运行结果图
（3）网站导航设计
导航是网站设计不可缺乏基础元素之一，它不仅是信息结构基础分类，也是浏览者网站路标。网站导航有很多个，如带图标文字导航、按钮导航、Flas</p><p style='height:0px;padding:0;overflow:hidden'>40、h导航等。在此设计了发Flash导航，
网站导航设计效果页面图所表示。

图4-10网站导航设计效果页面
2.产品展示:
产品展示能愈加好展出本网站产品,跟人性化,方便消费者更直观浏览.有着全方面,直接,高效效果

图4-11产品展示设计效果图
所包含到相关程序代码以下：
<% if request("fid") ="" then
Set Rs1=Server.CreateObject("ADODB.RecordSet")
SqlStr="select top 16 * from chanpin"
else
Set Rs1=Server.CreateObject("</p><p style='height:0px;padding:0;overflow:hidden'>41、ADODB.RecordSet")
SqlStr="select top 16 * from chanpin where fid="&request("fid")
end if
Rs1.Open SqlStr,conn,1,1
if not rs1.eof then
pages = 8 '定义每页显示统计数
rs1.pageSize = pages '定义每页显示统计数
allPages = rs1.pageCount '计算一共能分多少页
page = Request.QueryString("page")'经过浏览器传输页数
'if语句属于基础排错处理
</p><p style='height:0px;padding:0;overflow:hidden'>42、
if isEmpty(page) or Cint(page) < 1 then
page = 1
elseif Cint(page) => allPages then
page = allPages
end if
rs1.AbsolutePage = page
i=1
%>
3.产品分类搜索:
根据品牌分类,点击对应品牌将列出全部该品牌各型手机.

图4-12分类搜索设计效果图
所包含到相关程序代码以下：
<%
set rs=server.CreateObject("adodb.recordset")
sqlstr="select * from </p><p style='height:0px;padding:0;overflow:hidden'>43、fenlei order by foid desc,id "
rs.open sqlstr,conn,1,1
do while not rs.eof
%>
<table width="70%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000" class="a12">
<tr>
<td bgcolor="#FFFFFF"><div align="center"><a href="index.asp?fid=<%=rs("id")%>"/a>
</p><p style='height:0px;padding:0;overflow:hidden'>44、 <div align="left"><%=rs("fname")%></div>
</div></td>
</tr>
<%rs.movenext
loop%>
</table>
4.产品搜索:

图4-13产品搜索设计图
所包含到相关程序代码以下：
<%
Set Rss=Server.CreateObject("ADODB.RecordSet")
sqlstr="select * from fenlei order by foid desc,id"
</p><p style='height:0px;padding:0;overflow:hidden'>45、
rss.open sqlstr,conn,1,3
%>
<form name="form2" method="post" action="sousuo.asp?fl=<%=rss("id")%>">
<table width="80%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td bgcolor="#FFFFFF"><div align="center">
</p><p style='height:0px;padding:0;overflow:hidden'>46、 <select name="fl" id="fl">
<%
do while not rss.eof
%>
<option value="<%=rss("id")%>" ><%=rss("fname")%></option>
<%
rss.movenext
loop
%>
</select>
</div></td>
</p><p style='height:0px;padding:0;overflow:hidden'>47、 </tr>
<tr>
<td bgcolor="#FFFFFF"><div align="center">
<input name="nr" type="text" id="nr" size="15">
</div></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><div align="center">
</p><p style='height:0px;padding:0;overflow:hidden'>48、 <input type="submit" name="Submit2" value="搜索">
</div></td>
</tr>
</table>
5.最新产品:
每当添加完商品全部会在首页最新产品中显示,这么能使浏览者立即和有针对性浏览网站,人性化高一点.

图4-14最新产品设计效果图
所包含到相关程序代码以下：
最新产品
<br>
<%
do while not rs2.eof
%>
</p>
<t</p><p style='height:0px;padding:0;overflow:hidden'>49、able width="110" border="0" align="center">
<tr>
<td width="100"><a href="xx.asp?id=<%=rs2("id")%>"><img src="images/<%=rs2("images")%>" width="100" height="80" border="0"></a></td>
</tr>
<tr>
<td><div align="center" class="a12 STY</p><p style='height:0px;padding:0;overflow:hidden'>50、LE3"><%=rs2("name")%></div></td>
</tr>
</table>
<br>
<%
rs2.movenext
loop
%>
6.后台登录:
管理员经过后台登录入口进入后台登录模块，后台登录模块关键用于验证管理员身份和密码。后台登录模块设计效果图4-12所表示。

图4-15后台登录设计效果图
所包含到相关程序代码以下：
<TD
style="TABLE-LAYOUT: fixed; FONT-SIZE: 9pt</p>
</div>
</div>

<span id="LabelScript"></span>
<script src="https://m.zixin.com.cn/JS/bootstrap-collapse.js"></script>

<div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;">

<div>
<div style=" margin: auto; overflow:hidden;
text-align: center;">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6e2a21bc68316db308b5fdc9a0d11f2e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
<div style=" height:80px; margin: auto; overflow:hidden;
text-align: center;">

<a target="_blank"
href='https://m.zixin.com.cn/ADMiddle.aspx?t=92ULKnFRa/o='>

<img src="https://www.zixin.com.cn/FileUpload/Images/81dd1a0b-02e3-435a-aa37-fbfccae9a83d.gif" width="100%" height='80'
alt="移动网页_全站_页脚广告1" />

</a>
</div> </div>
<div class="siteInner">
<p style="white-space: normal; text-align: center;"><a href="https://www.zixin.com.cn/h-33.html" target="_blank" title="关于我们" textvalue="关于我们"><span style="text-align: center;">关于我们</span></a> <span style="text-align: center;">     </span><a href="https://www.zixin.com.cn/h-37.html" target="_blank" title="便捷服务" textvalue="便捷服务">便捷服务</a>  <span style="text-align: center;">     </span><a href="https://ai.zixin.com.cn/" target="_blank" title="自信AI" textvalue="自信AI">自信AI</a> <span style="text-align: center;">      </span><a href="https://gpt.zixin.com.cn/" target="_blank" title="AI导航" textvalue="AI导航">AI导航</a>        <a href="https://www.zixin.com.cn/info/266.html" target="_blank" title="抽奖活动" textvalue="抽奖活动">抽奖活动</a></p><p style="white-space: normal; text-align: center;"><span style="color: rgb(153, 153, 153); font-family: 微软雅黑, 宋体, Arial; font-size: 12px; text-align: center; background-color: rgb(248, 248, 248);"></span><span style="text-align: center;">©2010-2026 宁波自信网络信息技术有限公司 </span><span style="text-align: center;"> </span><span style="text-align: center;">版权所有</span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;">客服电话：<span style="text-wrap: wrap;">0574-28810668</span>  <span style="text-align: center;">投诉</span>电话：[phone]</span></span></span></span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-6/9/6379033271755225397249870.png" title="gongan.png" alt="gongan.png"/></span><a href="http://www.beian.gov.cn/portal/index.do" target="_blank" textvalue="浙公网安备33021202000488号">浙公网安备33021202000488号</a>   </p><p style="white-space: normal; text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/4/6379256265460890686562879.png" title="icp.png" alt="icp.png"/><a href="http://beian.miit.gov.cn/" target="_blank" textvalue="浙ICP备2021020529号-1">浙ICP备2021020529号-1</a> <span style="text-align: center;"> | </span> <a href="https://dxzhgl.miit.gov.cn/dxxzsp/xkz/xkzgl/resource/qiyesearch.jsp?num=%E5%AE%81%E6%B3%A2%E8%87%AA%E4%BF%A1%E7%BD%91%E7%BB%9C%E4%BF%A1%E6%81%AF%E6%8A%80%E6%9C%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&type=xuke" target="_blank" title="浙B2-20240490" textvalue="浙B2-20240490">浙B2-20240490</a><span style="text-align: center;">  </span></p><p style="white-space: normal; text-align: left;"><span style="text-align: center; font-family: 楷体, 楷体_GB2312, SimKai; font-size: 20px;">关注我们</span><span style="text-align: center;"> ：<a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/9/6379298231429297878483475.png" title="微信公众号" alt="微信公众号"/></a></span><span style="text-align: center;">    <a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497521.png" title="抖音" alt="抖音"/></a>    <a href="https://weibo.com/zixinnetwork" target="_blank" style="color: rgb(217, 83, 79); text-align: center; white-space: normal;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497523.png" title="微博" alt="微博"/></a>    <a href="https://zixinnetwork.lofter.com/" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257740834991205479163.png" title="LOFTER" alt="LOFTER"/></a> </span></p>

</div>
</div>
<div style="position: fixed; bottom: 100px; right: 15px; z-index: 100000000000000000;">
<a href="https://work.weixin.qq.com/kfid/kfcb5dffb1386b26424"><img src="https://www.zixin.com.cn/FileUpload/Images/c1022425-c464-4203-b6dc-db237b2252d5.gif" style="width:36px" alt="客服"/></a>
</div>

<div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; ">
<div class="trlogoside" id="navlogo" style="display: none;">
<a href="https://m.zixin.com.cn/" title="咨信网"><img src="https://www.zixin.com.cn/FileUpload/Images/c4280cd2-fe62-449e-aeca-027ef73439f5.png" alt="咨信网"></a>
<div class="trnavclose" id="navclose">
<span></span>
</div>
</div>
<div class="navcontainer">
<div class="row">
<ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;">

<li><a target="_parent"href="https://m.zixin.com.cn/login.aspx">登录</a></li>

<li><a target="_parent"href="https://m.zixin.com.cn/">首页 </a></li>

<li><a target="_parent"href="https://m.zixin.com.cn/booklist-0.html">分类 </a></li>

<li><a target="_parent"href="https://m.zixin.com.cn/infos.html">学堂 </a></li>

<li><a target="_parent"href="https://m.zixin.com.cn/newslist.html">公告 </a></li>

<li><a target="_parent"href="https://m.zixin.com.cn/h-0.html">帮助中心 </a></li>

</ul>
</div>
</div>
</div>
<script type="text/javascript">
function stopPropagation(e) {
var ev = e || window.event;
if (ev.stopPropagation) {
ev.stopPropagation();
}
else if (window.event) {
window.event.cancelBubble = true;//兼容IE
}
}
$("#navmore").click(function (e) {
$("#navcontent").show();
$("#navlogo").show();
stopPropagation(e);
var navcontentwidth = $("#navcontent").width();
$('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' });
$("#navcontent").show().animate({ "right": 0 }, 300);
});
$(document).bind('click', function () {
var navcontentwidth = $("#navcontent").width();
$("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
$("#navlogo").fadeOut(300);
});
$("#navcontent").click(function (e) {
stopPropagation(e);
});
$("#navclose").click(function (e) {
var navcontentwidth = $("#navcontent").width();
$("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
$("#navlogo").fadeOut(300);
});
</script>

<script>
function BaseShare(title, desc, imgUrl) {
var link = "https://m.zixin.com.cn/docdown/2510107.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx49d3b0cb6fb382c4', // 必填，公众号的唯一标识
timestamp: '1772688901', // 必填，生成签名的时间戳
nonceStr: '8EBDA540CBCC4D7336496819A46A1B68', // 必填，生成签名的随机串
signature: '7ae681aa553400df58876f795f7cc45965f95c11',// 必填，签名，见附录1
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//openTagList: ["wx-open-launch-weapp"]//H5打开小程序
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
});
var shareData = {
title: title, // 分享标题
desc: desc,//这里请特别注意是要去除html
link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
};
wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
});
}
}
function BaseShare(title, desc, imgUrl, link) {
if (link=="")
link = "https://m.zixin.com.cn/docdown/2510107.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx49d3b0cb6fb382c4', // 必填，公众号的唯一标识
timestamp: '1772688901', // 必填，生成签名的时间戳
nonceStr: '8EBDA540CBCC4D7336496819A46A1B68', // 必填，生成签名的随机串
signature: '7ae681aa553400df58876f795f7cc45965f95c11',// 必填，签名，见附录1
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//openTagList: ["wx-open-launch-weapp"]//H5打开小程序
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
});
var shareData = {
title: title, // 分享标题
desc: desc,//这里请特别注意是要去除html
link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
};
wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
});
}
}
</script>

<!--footer-->
<footer class="footer">

<a target="_parent" class="footer-item" href="https://m.zixin.com.cn/">
<img class="footer-item-img" src="/Master/img/tabbar/home.png" alt="首页" />
<div class="footer-item-txt ">首页</div>
</a>
<a target="_parent" class="footer-item" id="classify" href="https://m.zixin.com.cn/bookmap.html">
<img class="footer-item-img" src="/Master/img/tabbar/category.png" alt="分类" />
<div class="footer-item-txt ">分类</div>
</a>
<a target="_parent" class="footer-item" id="case" href="https://m.zixin.com.cn/zhuantilist-.html">
<img class="footer-item-img" src="/Master/img/tabbar/case.png" alt="专题" />
<div class="footer-item-txt ">专题</div>
</a>
<a target="_parent" class="footer-item" id="my" href="https://m.zixin.com.cn/UserDefault.aspx">
<img class="footer-item-img" src="/Master/img/tabbar/my.png" alt="我的" />
<div class="footer-item-txt ">我的</div>
</a>
</footer>

<script>
$(document).ready(function () {
var arr = $(".headercontent");
for (var i = 0; i < arr.length; i++) {
(function (index) {
var url = "https://m.zixin.com.cn/header.aspx";
$.get(url + "?tp=0&t=" + (new Date()).valueOf(), function (d) {
try {
arr.eq(index).empty().html(d);
} catch (e) { }
try {
arr.html(d);
} catch (e) { }
});
})(i);
}
});
</script>

<script src="https://m.zixin.com.cn/js/jquery.lazyload.js"></script>
<script charset="utf-8">
$("img.lazys").lazyload({
threshold: 200,
effect: "fadeIn"
});
</script>
</body>
</html>