净菜销售B2C电子商务网站前台菜谱知识展示的设计与实现 毕业设计论文.doc

净菜销售 b2c 电子商务网站前台菜谱知识展示的设计与实现 目 录 前言 .6 第 1 章 绪论 6 第 1.1 节 开发背景以及课题意义 .6 第 2 章 系统的解决方案 7 第 2.1 节 开发工具的选择 .7 第 2.2 节 开发环境的选择 .7 第 2.3 节 数据库系统的选择 .8 第 2.4 节 相关技术简介 .8 第 2.5 节 系统运行的软、硬件环境要求 11 第 2.6 节 系统的输入输出接口 11 第 3 章 系统设计 .11 第 3.1 节 数据库设计 .11 第 3.2 节 系统功能 结构设计 .12 第 3.3 节 界面设计 .13 第 3.4 节 程序代码框架结构设计思想 .14 第 4 章 系统的实现 .14 第 4.1 节 前台菜谱类型列表，如图 4-1 所示： 15 第 4.2 节 前台菜谱展示，如图 4-2 所示： 17 第 4.3 节 前台菜谱明细展示，如图 4-3 所示： 18 第 5 章 结论 .20 参考文献 21 致谢 22 【摘要】：本论文主要描述的是有关 b2c 电子商务-净菜销售系统的前台菜谱知识展示 的设计与实现。在本论文中详细地讲述了实现前台菜谱知识展示的设计与实现的过程， 简单介绍了相关的基本技术，包括 asp.net，sql server 2008 和 c#语言的一些简介。讲 述了系统模块的开发背景以及课题意义，系统模块功能的设计和数据库的设计，以及系 统的具体实现。此系统模块主要包括前台的菜谱知识的浏览。 当然，本次毕业设计的系统模块选用了 visual studio .net 2010 作为集成应用开发环 境，并且采用 c#语言作为编程语言，同时以数据库原理为基础，选用 sql server 2008 作为数据库的开发环境，也利用 ado.net 数据库连接技术和.net 的 web 技术。 【关键词】：电子商务；asp.net；数据库；web 技术 abstract: this paper describes the design and implementation of relevant b2c e-commerce sales system - - jingcai front cookbook knowledge of the show. in this paper describes in detail the design and implementation of the process of achieving knowledge recipes show reception, a brief introduction to the relevant basic technology, including some of the introduction asp.net, sql server 2008 and c # language. tells the system modules and development background task significance, the concrete realization of the design features of the system design and database modules, and systems. this system module includes recipes foreground knowledge browsing. of course, this graduation design system modules selected visual studio. net 2010 as an integrated application development environment, and the use of c # language as a programming language, while the database based on the principle, use sql server 2008 as the database development environment, but also the use of ado . net technology and database connections. net web technologies. key words: electronic commerce; asp.net; database; web technology 前言 21 世纪是网络飞速发展的时代，上网浏览信息和创建一个网站已经成为一个热门话题。互联网技 术的持续迅猛发展，已经成为计算机行业的热点技术，越来越多的企业开始关注到网络，很多人都在 学习网络知识，网络的发展，或创建自己的网站。随着计算机网络的普及，网络已经逐渐成为人们生 活中的一部分。如今的世界正在逐步朝着互联网的信息与经济时代过渡，当今社会的首要 选择是如何合理的利用信息高速发展的优势为人们服务。如今购物一词与人们的生活息 息相关，它具有非常庞大的市场，抓住这个庞大的市场将会给社会和经济带来极大的效 益。如果采用传统的贸易方式，就必须要将货物配送到每一个地区才能达到销售的目的， 这种传统的贸易方式不仅需要消耗大量的人力和物力，而且效率也不高。因此一个实用、 高效、稳定的可实现在线购物的系统正是商家利用信息提高效率、服务质量的最佳选择。 第 1 章 绪论 第 1.1 节 开发背景 中国电子商务虽然相对欧洲国家来说起步较晚，但是发展迅速。中国网民的数量很 多，因此电子商务在中国能够迅速发展。同时中国政府在电子商务方面付出了大量努力， 促进了国内电子商务的发展。虽然电子商务在中国发展很快，但是还是存在一些弊端， 如诚信评价机制不完善，东西部差异明显，普及程度不足，是约束中国电子商务发展的 三大瓶颈。 目前市场上有淘宝网、京东商城、当当网等，这些网站是中国电子商务发展成果的 最真实写照。例如淘宝网，它不仅适合个人用户而且适合企业用户，既可以满足买家选 购货物也可以满足商家出售货物。淘宝网里存放了大量的商品信息，但是正是因为里面 的信息过于庞大，它并不是适合所有的企业、尤其是那些小型企业。因为根据企业的营 销目标，企业是要赢得客户，从而为公司盈利。但是如果将自己的商品发布到信息量很 大的淘宝网上的话，客户就可能会因为看到了其他类似的商品信息从而就放弃了对原来 那个商家商品信息的搜索。 第 1.2 节 电子商务的发展 随着经济的发展和计算机网络的普及，人们对信息的获知程度和广度有了更高的要 求。近年来，商品的种类变得五花八门，人们在购买商品的时候对商品种类、型号、用 途的要求也各不一样，如果采用传统的贸易方式将各种类别不同型号的商品都送到每个 可能需要该商品的地方，运输的成本就会增加不少。同时，买家必须亲自到商店里面去 买自己所需的商品也是传统购物方式的缺点。因此，企业要想更好的发展，就必须有一 种高效、便于客户购物和支付的购物形式。因此网上购物这种新的商业运营模式就被越 来越多的商家运用到竞争中去，并得到了大多数客户的认可，这种基于浏览器、服务器 实现的购物方式已经初具规模，一些在线购物网站的成立，改变了人们已往传统的购物 观念。 第 1.3 节 课题研究的目的与意义 该系统是结合当前传统购物方式消耗大量人力物力的弊端、以当前市场上已经存在 的 b2c、c2c 等在线购物网站为模型，开发出适合于大部分中小型企业以及个体用户的 网上购物系统，主要是为了各用户解决上下班的午餐和晚餐以及购菜的问题。 本系统模块是在大学期间学习数据库原理的相关知识的基础上，熟悉 visual studio 2010 开发环境并能熟练使用 c#编程语言的同时，运用软件工程理论知识，开发出的基于 asp.net 的在线净菜系统的前台菜谱模块的展示。在模块开发的过程中能够应用所学的 知识，并促进自己更深入的学习 c#的相关特性、积累更多 sql server 2008 的相关应用知 识，这样不仅能将所学的书面知识和实际应用结合起来达到学以致用的目的，同时也为 以后的工作和学习积累经验。 第 2 章 系统的解决方案 系统开发的平台和选择语言的优劣及相互协调的程度，将直接影响到开发的效率和 系统的质量。 第 2.1 节 开发工具的选择 本系统模块采用 c#语言作为开发语言。目前主流的动态网站的设计技术有 asp、php、.net 和 jsp 等。而其中最热门的是.net 和 jsp。.net 上支持多种语言的开 发，例如 c#、c+、f# 和 vb 等。 使用 c#开发本模块是因为 microsoft c#是一种简单的、流行的、面向对象的、类型 安全的编程语言，它是为能生成并且能运行在.net framework 上的、广泛的企业级应用 程序而设计的。并且 c#比较容易上手，特别是和 jsp 比较起来，它能够在短的时间内开 发出一个较完整的系统。最后，c#是我比较熟悉的编程语言，采用该语言将为系统的开 发省去了不少的时间。 第 2.2 节 ado.net 数据访问过程 ado.net 对数据库的访问主要包括 connection、command、datareader 及 dataadapter 四个对象。ado.net 使用 dataadapter 对象为发送到和来自 dataset 及底层数据源的数据建立通道。dataset 数据集就是用户使用的数据在内存中的副本， 可视为一个虚拟关系数据库，由于 dataset 与原始数据源完全无关，因而可以实现断开 连接的数据访问。asp.net 动态网页对 web 数据库的访问过程如图 2-2 所示。 导入名称空间 connection 对象 dataadapter 对象command 对象 dataset 对象 datagrid 等控件 数据库 操作过程 显示数据 连接数据库 imports system data imports system data sqlclient 选择数据 存放数据 数据绑定 显示数据 操作数据库 （insert,updata, delete 命令） 图 2-2 asp.net 动态图 第 2.3 节 开发环境的选择 microsoft .net framework 是一个平台，在这个平台上可以使用多种语言开发 windows 应用程序、asp.net web 应用程序、移动 web 应用程序以及 xml web service 等。.net 框架由三个主要部分组成：公共语言运行库、统一类库的分层集合以及 asp.net 的 active server pages 组件化版本。 visual studio.net 是一套完整的开发工具，用于生成 asp.net 应用程序、xml web services、桌面应用程序和移动应用程序。 visual basic.net、visual c+.net、visual c#.net 和 visual j#.net 全都使用相同的集成开发环境 (ide)，该环境允许它们共享工具 并有助于创建混合语言解决方案。 鉴于 visual c# .net 开发平台和 c#语言的这些优点，所以本系统模块采用了以上平 台和语言。 第 2.4 节 数据库系统的选择 到目前为止,市场上已有的数据库系统包括 mysql、access 、microsoft sql server 2008、oracle(9i、10g、11g) ，其中，microsoft sql server 2008、oracle 这两种数据库最 为普遍。本系统采用的是 microsoft sql server 2008 数据库系统，原因如下： sql server 2008 是我最开始接触也是接触时间最长的一个数据库系统，而且 t-sql 语句也是我最熟悉的查询语句，采用该种数据库对保证系统模块开发过程的顺利进行将 有很大的帮助。 尽管 oracle 可在所有主流平台上运行，解决了系统运行过程中的跨平台问题；但是 它的企业管理器使用过程较为复杂。而 sql server 2008 虽然只能在 windows 上运行，但 sql server 2008 在 window 平台上的表现以及它和 windows 操作系统的整体结合程度、 使用方便性、和 microsoft 开发平台的整合性都比 oracle 好很多。 oracle 一般用于大型项目，而 sql server 2008 一般用于中小型项目，由于本系统模 块并不复杂，所以使用 sql server 2008 比较适合。 第 2.5 节 相关技术简介 2.5.1 asp.net asp.net 又叫 asp+，在其发布之初很多开发人员认为 asp.net 是 asp 的简单升级， 其实不然，它是微软公司推出的新一代 active server pages 脚本语言。这种语言是微软公 司开发的新型体系结构.net 的一部分，它提供了一种全新技术架构，这种技术架构不同 于以前的其他开发环境，它使每一个程序员的开发环境变得更简单。 首先需要特别指出的是，虽然 asp.net 是建立在 asp 开发环境之上的一个开发平台， 但又不同于 asp 这个开发平台。asp.net 不仅提供了一个全新的操作界面，更为重要的 是，asp.net 不仅吸收了 asp 以前版本的最大优点，与此同时还参照 java、visual basic（简称 vb）语言的开发优势，并且在其中加入了许多新的独有的特色，同时也修改 了以前的 asp 版本的运行错误。 现在越来越多的企业都建立了自己的 w w w 网站，企业通过网站可以展示产品， 发布最新动态，与用户进行交流和沟通，开展电子商务等。目前都是基于 asp.net 和脚 本语言，将动态网页和数据库结合，并且通过相应的应用程序来处理。 asp.net 具有如下的性能特点： 1、由于 asp 页面每次打开都必须经过先编译后解释的过程，所以页面在反复打开时 速度没有任何提升，而 asp.net 页面只需要一次编译后不需要重新编译，这使得在多次 访问时速度有了极大的提升。 2、由于 asp.net 没有提供任何输出数据为内容的元件，所以在使用 asp.net 撰写 数据库页面时只能借助 ado 的 recordset 对象逐笔读取记录，而 asp.net 通过 ado.net 提供的 datagrid 等数据库元件可以直接和数据库联系。 3、asp. net 支持应用程序的实时更新。管理员不必关掉网络服务器或者甚至不用 停止应用程序的运行就可以更新应用文件。 4、asp.net 采取“code-behind” （代码后植）方式编写代码使得代码更易于编写， 结构更清晰，降低了系统的开发与维护的复杂度和费用。 在 2000 年 7 月，asp.net 发行。由上得，asp.net 不是 asp 的简单升级，而是微 软推出的新一代 active server pages。所以，asp.net 是微软发展的新的体系结构 .net 的一部分，其中全新的技术架构会让每个编程人员的编程生活变得更为简单，web 应用 程序的开发人员使用这个开发环境可以实现更加模块化、功能更强大的应用程序的编程。 2.5.2 c# microsoft 公司推出了基于 xml 的 web services 平台的.net 技术,并提供包括 visual studio .net 在内的一系列.net 平台。而 visual studio .net 平台支持的 c#是面 向构件的新型开发语言,它具有如下几个特点: 1、支持构件开发； 2、面向对象； 3、类型安全； 4、能支持版本处理； 5、消除大量程序错误； 6、商业过程和软件实现能更好的应对； 7、扩展交互性。 因此，开发基于 .net 平台上的商品化构件，以及基于 .net 平台开发应用程序将成 为软件业的发展方向，对基于 .net 平台的 c# 逆向工程工具，尤其是支持 c#构件化特 征的逆向工程工具的需求便日趋迫切。 c # 支持所有关键的面向对象概念：封装、继承和多态性。 在 c # 中所有的对象被 封装在类中，c # 取消了多继承，每个类仅允许有一个基类，以 object 作为基类。当需 要多继承时，可以运用接口，一个类可以实现多个接口，从而实现多继承。c # 提供名字 空间(namespace) 声明一个范围，以便组织代码并创建全局类型。 在一个名字空间下， 可以声明别的名字空间、类、接口、结构、枚举和代理。通过嵌套的名字空间，把语义 相关的程序分成层次结构，从而提供一个逻辑上的组织系统。 总之，c# 是一种现代的面向对象语言。它使程序员快速便捷地创建基于 microsoft.net 平台的程序。这种框架使 c#组件可以方便地转化为 xml 网络服务，从而 使任何平台的应用程序都可以通过 internet 调用它。c#增强了开发者的效率，同时也致力 于消除编程中可能导致严重结果的错误。c#使 c、c+程序员可以快速进行网络开发，同 时也保持了开发者所需要的强大性和灵活性。 2.5.3 sql server sql server 是一个关系数据库管理系统，它最初是由 microsoft sybase 和 ashton-tate 三家公司共同开发的，于 1988 年推出了第一个 os/2 版本，在 windows nt 推出后 microsoft 与 sybase 在 sql server 的开发上就分道扬镳了。microsoft 将 sql server 移植 到 windows nt 系统上，专注于开发推广 sql server 的 windows nt 版本，sybase 则较 专注于 sql server 在 unix 操作系统上的应用。 sql server 具有如下等几个特点: 1、开放性； 2、可伸缩性； 3、安全性； 4、可扩展性； 5、操作简单。 microsoft sql server 2008 是一个重大的产品版本，它推出了许多新的特性和关键 的改进，使得它成为至今为止的最强大和最全面的 microsoft sql server 版本。 微软的这个数据平台满足这些数据爆炸和下一代数据驱动应用程序的需求，支持数 据平台愿景：关键任务企业数据平台、动态开发、关系数据和商业智能。 microsoft sql server 2008 这个平台有以下特点： 1、可信任的使得公司可以以很高的安全性、可靠性和可扩展性来运行他们最关 键任务的应用程序。 2、高效的使得公司可以降低开发和管理他们的数据基础设施的时间和成本。 3、智能的提供了一个全面的平台，可以在你的用户需要的时候给他发送观察和 信息。 第 2.6 节 系统运行的软、硬件环境要求 2.6.1 硬件运行环境 （1）cpu:pentium iii 500mhz 以上； （2）内存大小:512mb 以上； （3）磁盘空间容量:512mb 以上； （4）鼠标，键盘。 2.6.2 软件运行环境 （1）操作系统：windows xp/ windows 7； （2）web 服务器：iis6.0； （3）开发平台：visual studio .net； （4）编程语言：c#； （5）数据库：sql server 2008； （6）浏览器：ie6 。 第 3 章 系统设计 第 3.1 节 数据库设计 3.1.1 概念设计 通过对用户需求进行综合、归纳与抽象，并采用自底向上的方法，形成一个独立于 具体 dbms 的概念模型。通过对净菜系统菜谱的各方面的分析，我们可以知道该前台系 统中的实体包括： （1）食谱（食谱编号，商品编号，商品名称，类型名称，成份，配料，图片地址， 作法） （2）食谱类型（类型编号，父节点，类型名称） （3）食谱类别（类别编号，子节点，类型名称，商品编号，商品名称） （4）商品表（商品编号，商品名称，保质期，商品价格，数量，生产日期，商品类别 编号，类型编号，图片地址，商品描述，重量，单位） 3.1.2 逻辑设计 系统数据库设计的优劣直接影响到以后网站与数据连接的速度和更新查询的复杂度。 本节介绍本系统基于关系数据库的数据库总体结构设计及数据表的设计。 本系统的数据库设计是在系统功能分析后，依据系统的需求目标而做出的设计。本 系统为基于 b2c 的在线净菜系统的前台菜谱系统，所以最重要的数据表就是用户信息数 据表、食谱类型数据表、食谱信息数据表、食谱类别信息数据表等，表 3-1 为本系统所涉 及到的数据表。 基本表 通过上面的关系转换与关系优化，我们最终得到下面的基本表。 （1）食谱类型表如表 3-2 所示。 表 3-2 食谱类型 属性名 数据类型 是否为 空 含义 是否为主键 typeid int not null 类型编号 主键，唯一 parentid int not null 父节点 外键 cataname nvarchar(50) not null 类型名称 （2）食谱表如表 3-3 所示。 表 3-3 食谱表 属性名 数据类型 是否为空 含义 是否为主键 shipuid char(5) not null 食谱编号 主键，唯一 proid int null 商品编号 外键 proname varchar（20 ） null 商品名称 cataname nvarchar（200 ） null 类型名称 stuff varchar(100) null 制作材料 trait varchar(100) null 配料 methods varchar(400) null 菜品的做法 imgageurl nvarchar(50) not null 图片地址 （3）商品表如表 3-4 所示。 表 3-4 商品表 属性名 数据类型 是否 为空 含义 是否为主键 proid int not null 商品编号 主键，唯一 proname nvarchar(20) null 商品名称 catano int null 类别编号 外键 keephours int null 商品保质期 proprice money null 商品价格 procount int null 商品数量 prodate smalldatetime null 生产日期 typeno int null 商品类别编号 imgurl varchar(100) null 图片地址 prodesc nvarchar(1000) null 商品描述 proweight nvarchar(50) null 商品重量 unit nvachar（5） null 单位 （4）食谱类别表如表 3-5 所示。 表 3-5 食谱类别表 属性名 数据类型 是否为 空 含义 是否为主键 typeid int not null 类别编号 主键，唯一 parentid int not null 父节点 cataname nvarchar(50) not null 类型名称 proname nvarchar(20) null 商品名称 各个数据表之间主键和和外键之间存在某种关系，它们的对应关系一般是商品编号 proid、父节点 parentid、 类别编号 catano、类型编号 typeid 等各元素的主键相链接的， 关系图如图 3-1： 在上图中，shipu 表里面的 proid 是外键，productcontent 表里面的 proid 是主键，他们的字段类型都 是一致的，并且里面的数值必须要一样，否则在运行系统模块的时候就会出现错误。 productcontent 表里面的 catano 是外键，procata 里面的 typeid 是主键，他们之间的字段类型都是一 致的，并且里面的数值必须要一样，否则在运行系统模块的时候就会出现错误。 第 3.2 节 系统功能结构设计 3.2.1 前台菜谱知识展示： 系统销售模块主要让商品购买者使用，可以进行各类商品信息的浏览和订购功能， 系统销售模块的结构如图 3-1 所示。 前台菜谱知识展示 模块 食谱菜单 商品菜谱明细 商 品 名 称 配 料 商 品 名 称 商 品 编 号 成 份 制 作 方 法 图 片 食 谱 类 别 图 3-1 第 3.3 节 界面设计 3.3.1 页面的头部, 如图 3-2 所示： 图 3-2 该页面引用的用户定义控件 header.ascx 来作为页面的头部，页面的主体部分主要使用 table 和 div+css 来布的局，并且用了 4 张图片、一个 label 控件用来显示订菜热线以及一 个 textbox 控件用来输入搜索的关键词。同时用户在点击注册和登陆的时候可以 进入相应的页面来进行操作，为了接下来购物更为方便。 #menuwidth:1024px; margin:10px auto auto 150px; #menu ul float:left; width:900px; height:35px; margin:20px 50 0px 100px; #menu ul lilist-style-type:none; float:left; margin:1px 1px 0 0; #menu ul li#menu_7margin-right:0; #menu ul li adisplay:block; width:120px; height:25px; padding-top:4px; padding-bottom:4px; text-align:center; text-decoration:none; font-size:22px; line-height:26px; color:#069; #menu ul li a:hover background:#ccc; 3.3.2 页面的底部，如图 3-3 所示： 图 3-3 该页面引用的用户定义控件 footer.ascx 来作为页面的头部，页面的主体部分主要使用 div+css 来布的局，使用了 5 张主要的图片来进行布局，同时在友情链接里面附加了各个 网站的超链接，用户也能方便去浏览。 #footer #sm #wordwidth:580px; height:50px; margin-top:3px; margin-left:0px; #footer #sm #word lilist-style-type:none; float:left; margin:1px 1px 0 0; height:50px; width: 140px; #footer #sm #word li a display:block; width:90px; height:50px; float:left; padding-top:4px; text-align:center; text-decoration:none; font-size:14px; color:#069; #footer #sm #word li a:hoverbackground:#ccc; #footer #youqing liwidth:70px; height:22px; list-style-type:none; margin-top:300px; #footer #youqing li a display:block; width:70px; height:22px; float:left; text-align:center; text-decoration:none; color:#069; #footer #yq float:left; width:1024px; height:110px; margin-top:10px; margin-left:0px; #footer #yq li list-style-type:none; float:left; margin:1px 1px 0 0; height:25px; #footer #yq li adisplay:block; width:120px; height:25px; padding-top:8px; text-align:center; text- decoration:none; color:#069; #footer #yq li a:hoverbackground:#ccc; #footer #linefloat:left; width:1024px; height:10px; margin-top:10px; border-top:outset 1px gray; #footer #line1 float:left; width:1024px; height:10px; margin-top:10px; border-top:outset 1px gray; #footer #cofloat:left; width:900px; height:35px; margin-top:10px; margin-left:50px; #footer #co li list-style-type:none; float:left; margin:1px 1px 0 0; height:25px; #footer #co li a display:block;width:85px;height:25px;padding-top:8px;text-align:center;text-decoration:none; font- size:14px; color:#069; margin-left:0px; #footer #co li #men_10 width:100px; height:26px; text-align:left; font-size:14px; #footer #co li a:hoverbackground:#ccc; #footer #copwidth:700px; height:20px; margin:30px auto 30px 220px; 3.3.3 菜谱的浏览，如图 3-4 所示： 图 3-4 该页面的导航菜单是引用的用户定义控件 header.ascx 来作为页面的头部，页面的 主体部分用了两个 iframe，分别命名为“lefttree”和“main” 。在“lefttree ”中显 示，menu1 .aspx 页面，在 menu1.aspx 页面中使用了 treeview 控件，用来显示商品 管理的条目，通过点击“+”或“-”按钮来展开或关闭操作。点击“lefttree ”中的菜 谱名称条目，在“main”中显示出相应的菜谱信息，同时在“main”中主要使用 table 来布局的，分别显示菜的普片、商品编号、商品名称、原料、成分以及做法等信息。 。 3.3.4 首页的信息浏览：如图 3-5 所示： 图 3-5 该页面主体框架是用 table 来进行布局的，该页面中，最主要用来显示商品信息、详细信 息与详细食谱的内容是通过 datalist 控件来完成的。从图中可以看出，在每一个商品中， 通过点击商品的图片、名称以及详细信息，都可以跳转到相应商品信息的页面，与此同 时，如果用户对该商品的食谱感兴趣的话，只需要点击详细食谱，就能迅速跳转到该商 品的相应食谱页面，从而进行浏览商品食谱的基本信息。 3.3.5 浏览更多单品页面，如图 3-6 所示： 该页面主体框架是用 table 来进行布局的，该页面中，最主要用来显示单品信息，其中详 细信息与详细食谱等内容是通过 datalist 控件来完成的。从图中可以看出，在每一个商 品中，通过点击商品的图片、名称以及详细信息，都可以跳转到相应商品信息的页面， 与此同时，如果用户对该商品的食谱感兴趣的话，只需要点击详细食谱，就能迅速跳转 到该商品的相应食谱页面，从而进行浏览商品食谱的基本信息。 3.3.6 浏览食谱的购买页面，如图 3-6 所示： 该页面引用的用户定义控件 heder.ascx 来作为页面的头部，页面头部的主体部分主要使 用 table 和 div+css 来布的局。该页面的中间显示食谱的部分主要是通过 table 来进行布 局的，当用户对该商品的食谱有兴趣的时候，就跳转到该页面，从而进行浏览该商品的 食谱信息。如果用户看过之后觉得符合自己的所需，那么用户只需要点击商品编号右侧 的该买按钮，就可以实现对该商品的购买了。 第 3.4 节 程序代码框架结构设计思想 第 4 章 系统的实现 第 4.1 节 前台菜谱类型列表，如图 4-1 所示： 图 4-1 在该模块中，要实现的最主要功能是在用户点击了“+”和“-”按钮后，进入相应食 谱类型的商品名称列表，在用户点击每个商品名称之后，可以在右侧查看相应商品菜谱 的知识。这就用到了控件，该功能的具体实现方法如下： 该控件显示的后台代码： public void readdb1() /通过 web.config 的 获得数据库连接字符串。 string strconn = configurationmanager.connectionstrings“testdbconnectionstring“. connectionstring; /创建数据库连接对象 sqlconnection conn = new sqlconnection(strconn); conn.open(); sqldataadapter adp = new sqldataadapter(“select * from procata“, conn); dataset ds = new dataset(); adp.fill(ds); dataview dv = ds.tables0.defaultview; dv.rowfilter = “parentid=0“; foreach (datarowview drv in dv) treenode rootnode = new treenode(drv.row“cataname“.tostring(), drv.row“typeid“.tostring(); buildnode(ds, rootnode); this.treeview1.nodes.add(rootnode); rootnode.selectaction = treenodeselectaction.none; conn.close(); 第 4.2 节 前台菜谱展示，如图 4-2 所示： 图4-2 该功能主要实现了点击左侧的 treeview 控件的商品名称，右侧显示相应商品的菜谱知 识： 点击商品名称的链接实现的后台代码： public void buildnode(dataset ds, treenode node) /通过 web.config 的 获得数据库连接字符串。 string strconn = configurationmanager.connectionstrings“testdbconnectionstring“. connectionstring; /创建数据库连接对象 sqlconnection conn = new sqlconnection(strconn); conn.open(); sqldataadapter adp = new sqldataadapter(“select * from shiputype “, conn); dataset d = new dataset(); adp.fill(d); dataview dv = d.tables0.defaultview; dv.rowfilter = “parentid=“ + node.value; foreach (datarowview drv in dv) treenode childnode = new treenode(drv.row“proname“.tostring(), drv.row“proid“.tostring(); childnode.navigateurl = (“detaillook.aspx?proid=“ + drv“proid“.tostring(); childnode.target = “main“; buildnode(d, childnode); node.childnodes.add(childnode); node.selectaction = treenodeselectaction.none; conn.close(); 第 4.3 节 前台菜谱明细展示，如图 4-3 所示： 图 4-3 该功能主要在于显示相应商品的菜谱的基本信息：主要由表格组成 该功能的实现的后台代码： protected void page_load(object sender, eventargs e) /通过 web.config 的 获得数据库连接字符串。 string strconn = configurationmanager.connectionstrings“testdbconnectionstring“. connectionstring; /创建数据库连接对象 sqlconnection conn = new sqlconnection(strconn); conn.open(); string strid = request“proid“; string sqlstr = “select * from shipu where proid=“ + strid + “; sqlcommand cmd = new sqlcommand(sqlstr, conn); sqldatareader dr = cmd.executereader(); while (dr.read() proid.text = dr“proid“.tostring(); proname.text = dr“proname“.tostring(); stuff.text = dr“stuff“.tostring(); trait.text = dr“trait“.tostring(); methods.text = dr“methods“.tostring(); image1.imageurl = dr“imageurl“.tostring(); 第 4.