高校跳蚤网站设计与开发毕业论文

摘要随着计算机的普及和迅速发展，许多传统市场已经开始呈现在网络上，变成先进的电子商务网站。C2C（consumertoconsumer）模式是电子商务网站一种用户对用户的模式，为买卖双方提供一个在线交易平台更具灵活性，这类网站在消费群体中更受欢迎。此次的设计是基于校园网的C2C网络交易平台（和山高校跳蚤网），将学校的跳蚤市场搬到了网络平台上，为小和山地区的大学生提供了一个出售，购买，置换自用物品的信息市场，访问者可以直接在上面进行信息发布，浏览查找信息。同时此次设计运用Asp.net技术进行开发，数据库采用SQLServer2005，开发工具为VS2005。经过对网站的多次测试运行，网站基本功能都已经实现，且运行状况良好，达到了毕业设计功能要求。关键词：C2C，跳蚤网，Asp.net，网络交易ABSTRACTAsthedevelopmentofcomputerscience,manyofthetraditionalmarkethaspresentedtothenetworkandbecomeadvancedine-commercesites.C2C(consumertoconsumer)modelisausertousermodelwhichisapplicatedine-commerce,it'stoprovideanonlinetradingplatformforbuyersandsellersmoreConvenience.sosuchsitesaremorepopularintheconsumergroups.ThedesignisbasedonthecampusnetworkofC2Conlinetradingplatform(HeShanGaoXiaoTiaozaoWang).It'movetheschool'sfleamarketonthenetworksystemforuniversitystudentsinXiaoHeShan.ThanItprovidedamarketwithinformationofsale,purchase,exchangegoods.Visitorscanconductinformationdisseminationintheabove,browsetofindinformation.AtthesametimethisdesignusetechnologyofAsp.nettodevelop,thedatabaseuseSQLServer2005,andthedevelopmenttoolisVS2005.Afterrunningseveraltests,thesitehasachievedthebasicfunctions,andrunningwell.It’sachievedrequirementsofgraduation.Key word word文档格式规范word作业纸小票打印word模板word简历模板免费word简历 s:C2C,Second-handMarket,Asp.net,e-commerce目录摘要 IABSTRACT II目录 III第1章引言 11.1背景 11.2研究内容及拟解决问题 1第2章工具软件与技术基础 32.1网站开发工具 32.1.1Photoshop 32.1.2Dreamweaver 32.1.3SQLServer2005 32.1.4VisualStudio2005 4第3章网站总体设计 53.1网站需求 分析 定性数据统计分析pdf销售业绩分析模板建筑结构震害分析销售进度分析表京东商城竞争战略分析 53.2网站系统功能 53.3E-R图 63.4数据库表设计 73.4.1数据库概念模型设计 73.4.2数据库逻辑结构设计 7第4章界面设计与流程图 104.1界面总体设计 104.2分页设计 104.2.1首页 104.2.2发布页面 124.2.3交易区 14第5章系统实现 165.1功能总规划 165.2信息发布功能 165.3搜索功能 185.4动态图片和文字展示功能 205.5信息评论功能 225.6商品信息的具体展示 235.7管理者页面 245.8其他功能 25第6章结束语 28致谢 30参考文献 31第1章引言1.1背景根据调查，许多在校大学生都有一些“鸡肋”物品（鸡肋物品：食之无味，弃之可惜的物品），然而对于其他同学来说却是很有价值，但是由于供求信息不通畅，造成相当大的资源浪费[1]。基于这个原因，跳蚤市场在高校中的盛行应运而生，但是传统的跳蚤市场有其特定的缺点，如销售者不得不每天搬运所有的商品到指定销售地点，没卖出去的商品就要全部搬回，很不方便，且销售者须一直守在摊旁，十分浪费时间，甚至毫无所获。网络跳蚤市场上的商品的功能、特性都描写得十分清楚，有的还附有照片，而且标价也一目了然，使得越来越多的人跨越地域限制，在更大的选择空间里去买卖自己所需的二手商品，也使得学校的管理能进一步 规范 编程规范下载gsp规范下载钢格栅规范下载警徽规范下载建设厅规范下载 、加强。此次的设计是基于校园网的C2C网络交易平台（和山高校跳蚤网），和山高校跳蚤网旨在为小和山地区的大学生提供了一个出售，购买，置换自用物品的网络平台。不同于其他形式的跳蚤网站，我们引入了物物交换的模式，丰富了交易的形式和内容，符合校园这个特定的环境。在校园环境中推广实施这种C2C这种全新的交易模式，具有很强的实用价值和庞大的潜在用户群，项目的运行前景预期良好。另外，本网站作为一个为即将毕业的学生和在校生服务的非赢利交易平台，具有很好的扩展性，鉴于我校乃至小和山高教园区没有此类功能的平台，可以基于我们的和山高校跳蚤网建立一个小和山高教园区C2C交易平台。1.2研究内容及拟解决问题和山高校跳蚤网是基于C2C的网络平台，我们更多的是让网站浏览者之间做交流，而我们能够做到的是给他们提供一个信息平台。通过对此类网站的分析，这次毕业设计所涉及到的基本内容如下几个方面：1. 需求分析：研究小和山高校物品交换的现状，并形成较为完整的需求分析；2. 数据库的设计：基于需求分析，设计数据库；3. 网站美工：在这个网站设计中特别是首页的设计，应该体现网站的特点，所以文字图片应该相结合，并在banner和适当的页面上加上flash板块，将变得更加丰富形象；4. 发布信息功能：用户可以通过首页发布信息按钮进入信息发布的界面。信息发布页面顾名思义是将你所购买、出售或者交换的物品信息包括图片等信息发布到我们的网站，我们会将发布的信息置于网站顶端；5. 信息搜索功能：用户通过搜索可以查询自己所发布的信息和查找你所需要得到的商品信息。搜索主要分为两类：（1）首页搜索:在首页中输入商品标题和选择商品分类后，通过搜索按钮进行初步搜索；（2）交易区搜索：选择商品分类和对应的交易类型，并输入商品名称可以对商品进行详细的搜索；6. 信息评论功能：用户可以在你所感兴趣的商品信息上留言，给发布者和浏览者提供了一个交流的平台；7. 动态图片和文字展功能：首页有块流动图片展，图片都是来源于用户最新发布商品的图片信息，点击可以进入相应的详细信息；文字展是流动活动公告的信息，活动公告上会显示我们即将举办的活动和关于网站的最新通告；8. 后台管理人员简单的管理页面：主要是对于网站进行一定的人为管理操作：（1）将已经关闭的信息进行删除；（2）已经到期的商品进行定期删除等；通过对于整个网站的制作，自己在研究整个毕业设计过程中遇到的问题：1. 网站的需求分析的确定：小和山高校物品交换的现状，如跳蚤市场分析，各类遗弃物品的使用情况分析等来确定制作这个网站的目标和内容；2. 数据库的设计：先画E-R图，将每个涉及到的实体的确定，和每个实体之间的关系分析完全，真是整个网站最重要的核心，所有之后的内容都围绕整个数据库建立；3. 网站的交互性页面设计：整个网站基调的选定，网站排版的设计，把版面设计成更适宜大学生使用，将网站的内容更简明的展现在用户面前；4. 各类应用功能的实现：怎么建立一个强大的搜索功能；如何将图片上传和显示中将图片的大小以原图片的大小进行保存，不破坏图片的比例…等；第2章工具软件与技术基础2.1网站开发工具整个制作流程运用的主要软件：Photoshop，用于网站页面美工；Dreamweaver，网站布局设计；SQLServer，数据库设计；VS2005，功能实现。运用的语言主要是C#，Javascript等。2.1.1PhotoshopPhotoshop是世界顶尖级的图像设计与制作工具软件。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工。在表现图像中的阴影和色彩的细微变化方面或者进行一些特殊效果处理时，使用位图形式是最佳的选择，它在这方面的优点是矢量图无法比拟的。它所涉及到的主要是13大领域：平面设计、修复照片、广告摄影、影响创意、绘画等，在此次的网站中我主要运用网页设计和制作的功能。2.1.2DreamweaverDreamweaver是一个可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等媒体格式和动态HTML、基于团队的Web创作。在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式。在Dreamweaver运用中我并没有运用到其特有强大的功能，更多的是我主要是运用了其基本功能就是网页表格的固定，使页面在接下来的功能实现中固定每个控件和整体页面的大小[5]。2.1.3SQLServer2005SQLServer2005是规模联机事务处理（OLTP）、数据仓库和电子商务应用的数据库和数据分析平台，用于一个全面的数据库平台，使用集成的商业智能(BI)工具提供了企业级的数据管理。SQLServer2005数据库引擎为关系型数据和结构化数据提供了更安全可靠的存储功能，使您可以构建和管理用于业务的高可用和高性能的数据应用程序[6]。此次的毕业设计中SQLServer2005软件主要是数据库后台的设计，根据需求分析来设计数据库的E-R图和之后的数据库中每个表的设计，最后在功能中数据的读入和删除。2.1.4VisualStudio2005VS2005是一套完整的开发工具，用于多种类型的程序开发，包括基于Web的应用程序、XMLWebService、基于Windows的应用程序和移动应用程序等。在VS2005中集成了VisualC#、VisualC++和VisualJ#等程序设计语言，这些语言全部都使用相同的集成开发环境（IDE）。该环境提供了一个平台，允许多种程序设计语言共享工具甚至可以创建由不同编程语言混合在一起的应用程序，从而结束了各种不同的程序语言开发环境“鸡犬之声相闻，老死不相往来”的局面[7]。在毕业设计中所运用的主要语言是C#语言，项目是在VS2005IDE环境中进行ASP.NET2.0网站的开发应用。第3章网站总体设计3.1网站需求分析通过对于周围的同学和朋友交谈中发现现在小和山没有一个垂直型的跳蚤网。垂直型的网站不同于大而全的综合性网站，而是专注于某种特定领域或特定人群的需求而制作的网站。根据社会调查和了解，这种专而精的网站将在未来的网站市场中越来越受广大网友的好评。和山高校跳蚤网希望在小和山这个区域为大家提供一个网络平台。在这个平台中，同学可以从数码产品、书籍 资料 新概念英语资料下载李居明饿命改运学pdf成本会计期末资料社会工作导论资料工程结算所需资料清单 、租赁信息、文体用品、生活百货等方面来对应的发布信息，并且在交易网站中搜索到自己发布的信息，并且可以对自己的信息进行关闭。除了网友一般的信息发布和留言外，网站还有一个管理员管理页面，主要是后台使用和活动信息的发布。3.2网站系统功能网站的基本功能主要是通过浏览者和管理员的需求来进行制作，主要分成以下几个大块：1.发布信息：用户可以通过首页发布信息按钮进入信息发布的界面。须填写的发布信息包括商品标题、分类、类别、商品描述、联系人、价格、密码等，当你填写完信息发布页面中所有带*的内容后，点发布按钮，当会弹出信息发布窗口时说明你信息发布成功且自动跳到首页。信息发布页面有两个特色：①　 密码填写：我们实施一条信息一个密码的方式来保护你的信息安全。当你需要关闭您的信息时，可以通过密码来进行操作，同时也防止他人恶意修改你的信息；②　 联系方式QQ:当你填写正确的QQ号时,浏览网页的用户可以点击你的QQ号直接加你为好友进行聊天。2.信息搜索：用户通过搜索可以查询自己所发布的信息和查找你所需要得到的商品信息。搜索主要分为两类：①　 首页搜索：在首页中输入商品标题和选择商品分类后，通过搜索按钮进行初步搜索；②　 交易区搜索：选择商品分类和对应的交易类型，并输入商品名称可以对商品进行详细的搜索。3.动态图片和文字展示：动态图片主要是在首页展示最新发布的图片，文字也是在首页展示，展示的是管理员发布的活动信息。4.信息评论：浏览者和发布者都可以在每条信息的下面进行留言5.商品信息的具体展示：当发布者发布完信息以后，将详细信息和图片都在页面中展示且包括下面的信息评论区。3.3E-R图图3-1E-R图通过对于和山高校跳蚤网需求分析的研究，进一步来对其进行数据库的设计。在数据库表的建立的前提，我们往往会把脑海中一串抽象的数据具体化，也就是说把它客观的展现在大家面前，数据结构图（E-R图）就是这个功能。图3-1是和山跳蚤网的E-R图，从中可以粗略看出我们应该需要建立的表和表与表之间的联系，对之后数据库表的设定提供了基础。3.4数据库表设计3.4.1数据库概念模型设计我所应用的数据库概念模型设计是最常用的方法就是自底向上设计概念结构法，通常主要分两个步骤进行：抽象数据并设计局部视图，集成局部视图[2]。（1） 选择局部应用逐一设计E-R图。根据系统的具体情况，在多层数据流图中选择一个适当层次的数据流图，让这组图中每一部分对应局部应用，设计局部E-R图。对于网站来说我把网站的功能板块中的信息和网站使用人员进行了提取，就产生了五个实体，然后逐一对每个实体的属性进行确认逐一对其E-R图进行设计[9]。（2） 集合E-R图并逐一修改。合并局部E-R图，初步生成E-R图，消除冲突。3.4.2数据库逻辑结构设计根据数据库概念模型的设计到最终E-R图的产出，现在我们要根据E-R图将数据库分成5个表分别是business商品信息表、comments留言信息表、activity活动信息表、state删除信息表如图3-1、3-2、3-3、3-4。①　 business商品信息表（如表3-1）中所有的信息都是商品信息的总和，其中SID是一个外键与state删除信息表（如表3-4）中的主键信息一致，整个主要作用是判断此信息是否有用。因为有些发布信息者想对于此前发布的信息进行删除，我就用了一个外键的方式，就是说如果密码输入都正确，那么信息删除，SID就为2（刚发布都是默认为1）。变成2以后，我在搜索语句中就会加一个条件如果SID是"2",那么此信息将不显示，这就做到了对信息进行了筛选。②　 comments留言信息表（如表3-2）与business商品信息表（如表3-1）有一个主要的关联属性就是GID，因为GID是主键，这边相当于商品的编号，每个商品的编号都不相同，且删除后也不能复原，这个特性可以对每个商品下的留言板的控制也用GID去实现，也有效的解决了数据对应的问题。③　 activity活动信息表（如表3-3）是最简单独立的一个表，由管理人员直接控制且与别的表没有联系。所有的内容都直接发布在首页中。④　 class商品分类表（如表3-5）是主要用于两个DropDownList链接的作用。数据库表建立了以后直接在SqlServer中进行数据写入，GClass中写入数码产品，书籍资料，租赁信息，交通用具，文体用品，生活百货。而GCategory中根据GClass来写，每个数据有三个交易方式以租赁信息为例GCategory中写的就是出租、求租、合租。表3-1business商品信息表编号字段名数据类型长度备注为空主键1GIDint商品编号否是2GClassnvarchar50商品分类否否3GCategorynvarchar100商品类别否否4GContentnvarchar500商品内容否否5GPricenvarchar50商品价格否否6Gpeoplenvarchar50联系人否否7GTelnvarchar50联系电话是否8GQQnvarchar50QQ号码是否9GTimeint发布时间否否10GClicktimenvarchar50点击率否否11GPasswordnvarchar50密码否否12Gimage(1,2,3)nvarchar50图片路径否否13SIDint是否关闭否外键表3-2comments留言信息表编号字段名数据类型长度备注为空主键1CIDint留言编号否是2GIDint商品编号否否3CContentnvarchar500留言内容否否4CTimeDatetime留言时间否否表3-3activity活动信息表编号字段名数据类型长度备注为空主键1AIDint活动编号否是2ATitlenvarchar100活动主题否否3AContentnvarchar500活动内容否否4ATimeDatetime发布时间否否表3-4state删除信息表编号字段名数据类型长度备注为空主键1SIDint信息编号否是2Statenvarchar50判断信息否否表3-5class商品类别表编号字段名数据类型长度备注为空主键1IDint编号否是2GClassnvarchar50商品分类否否3GCategorynvarchar50商品类别否否第4章界面设计与流程图4.1界面总体设计Web界面俗称网页，是用户与Web站点沟通和交互的渠道。网页设计是建立在站点的内容设计和结构基础之上的，是对站点结构和内容的直接反映。网页使用文字、图像、色彩、空间、版式等设计元素，用最合适的形式对站点的内容和内在结构加以合理地呈现[4]。保持页面的一致性，既能强化风格定位所带来的作用，又能在浏览体验上给浏览者带来方便和顺畅[3]。如果页面不一致，既会给网站的形象带来混乱，又会给浏览者带来不便。举个例子来说，假如每个网页上的导航排列或者颜色不同，那么浏览者进入不同页面之后就会无所适从，难以找到他要找的信息。其次，页面色彩的搭配与导航栏的布置也是保证页面一致性的重要因素。通过对于页面设计各类书籍的查阅，我们的和山高校跳蚤网主要是以“橙色”为主题。橙色是欢快活泼的光辉色彩，是暖色系中最温暖的色，它使人联想到金色的秋天，丰硕的果实，是一种富足、快乐而幸福的颜色。我们网站的访问者主要以大学生为主，他们的活跃的思维属于橙色。另外作为商业性的平台访问者更希望在我们这个网站找到交易信息，或者能得到相应的收益，我们也希望他们能得到收获，橙色就代表着丰收。4.2分页设计对于整个网站来说把握了其色彩基调设计是整个设计的基础。但是由于每个页面的内容不同，其细节设计当然也相应的变化。网页设计应该将站点的内容和结构展现出来，使用户能方便地形成对站点的整体印象[11]。4.2.1首页图4-1首页设计首页就相当于一个网站的门户，所以作为这种展示商品信息的网站最主要的是将简短的商品信息的标题和各类图片展示给浏览者面前，另外一项用途是让浏览者将信息发布到网站上这就意味着“发布信息”这几个字样要相当清晰可见。所以基于以上两点再结合图4-1我们可以看到①　 网站的logo前面是卡通版的小跳蚤，后面把网站名字都展现在logo上，清楚有不失可爱。②　 Flash导航不但起到一个链接的作用，另外如果你将鼠标放在图标上，每个图标都是一个flash小动画，很具有奇趣性，很受年轻人的喜欢。在点击的同时也不妨看看这些小动画的播放。③　 动态文字图片是一个信息展示的过程，对于浏览者来着跟普通的静态信息相比更具有点击率，抓住人的眼球。④　 Flash图标加发布按钮：发布信息是我们网站的主要用途，所以在整个页面中除了网站的logo，发布信息字样占了很大的版块。由于之前在其他网站浏览过程中就有发现某些跳蚤网明明是希望大家发布信息，但是发布信息的按钮实在是不易找到。所以取长补短，在按钮的设计上更加注重简介明了，更多的时候我们关注的是网站实际的用途，而外观只是起了包装的效果。4.2.2发布页面图4-2发布页面这个发布页面（图4-2）与首页页面（图4-1）作对比会发现顶部的内容完全一致，就体现了整个网站格调的一致性。在最初的设计中信息填写的左边是没有这两块内容的，但是你可能会发现，信息发布页面会显的太空旷，留白太多，这也使我加上了这个版块，信息发布人员在信息发布过程中不经意的看到他所中意的物品。最后就是信息填写这一块，其实我们在别的网站特别是注册页面填写时希望填写的东西能少则少，很多时候我们都会觉得注册很麻烦。所以我们在信息发布的资料中尽可能的少填写的信息，使信息发布人尽快完成。4.2.3交易区图4-3交易区交易区页面（图4-3）和管理页面（4-4）虽然在使用上运用对象不同，但是从总体格局上都是基本一致，特别是顶部的布局都是有这几个部分组成。除了这些页面，另外还有其他所有的页面顶部的设计都是基本一致。交易区和信息区都是简洁但不简单，让使用者清晰可见。图4-4管理页面第5章系统实现5.1功能总规划和山高校跳蚤网由信息发布人（浏览者）和后台管理两个部分组成如图5-1。前台功能模块：浏览者信息发布，留言发布，各类咨询的搜索和浏览；后台管理模块：管理者有专用的网页对商品各类信息、留言等内容的编辑，对活动公告栏的信息发布；通过对于功能的全局规划分别对主要功能的实现逐一讲解。图5-1功能模块结构5.2信息发布功能信息发布中用到最多的空间是，TextBox和验证类控件，验证空间主要是对TextBox中的内容进行限制特别是文字的字数。当每个控件都确定了以后，将要对后台事件代码的书写其中最主要的是Button_Click，就是数据上传的功能。①　 文字上传：通过把TextBox中得到的信息读入到数据库中，运用了以下主要代码stringsqlinsert="";//数据库语句的string初始化SqlConnectionsqlbusiness=newSqlConnection();//实例化一个Connection对象sqlbusinesssqlbusiness.ConnectionString="DataSource=HYV-PC;InitialCatalog=tiaozao;PersistSecurityInfo=True;UserID=sa;password=123456";//数据库连接sqlbusiness.Open();//打开连接的数据库stringstrVal="'"+time+"','"+txtTitle.Text.Trim()+"','"+Gclass+"','"+Gcategory+"','"+descrip.Text.Trim()+"','"+txtUsername.Text.Trim()+"','"+txtUserTel.Text.Trim()+"','"+txtUserQQ.Text.Trim()+"','"+txtPrice.Text.Trim()+"',0,'"+repassword.Text.Trim()+"','"+state+"'";sqlinsert="insertintobusiness(GTime,GTitle,GClass,GCategory,GContent,GPeople,GTel,GQQ,GPrice,GClicktime,Gpassword,SID)values("+strVal+")";}//数据库语句的设定，将对应的信息加入到数据库表中。SqlCommandsqllist=newSqlCommand(sqlinsert,sqlbusiness);sqllist.ExecuteNonQuery();Response.Write("<scriptlanguage=javascript>alert('恭喜你，发布成功');window.location.href='index.aspx';</script>");//发布成功后会跳出“恭喜你，发布成功字样，然后再跳到首页。sqlbusiness.Close();//数据库信息输入完全后将数据关闭。在此类代码的书写过程中最主要的数据库语句的书写应该认真仔细。因为如果数据从一开始储存就出现问题在接下来的搜索过程中会遇到问题或者数据上传失败。②　 图片上传：图片上传主要是将图片的路径读取存储到相应的文件夹中，然后加最后图片路径数组上传存储到数据库[10]。最后一步路径数组的上传与文字上传的方法基本一致，最主要的是图片的路径读取、路径更改到最后存储。if(Image1.HasFile)//如果FileUpload中包含某项内容{stringImageName=Image1.PostedFile.FileName;//客户端文件路径RandomobjRand=newRandom();//创建一个随机数SaveName1=DateTime.Now.Year.ToString()+DateTime.Now.Month.ToString()+DateTime.Now.Hour.ToString()+DateTime.Now.Minute.ToString()+DateTime.Now.Second.ToString()+Convert.ToString(objRand.Next(99)*97+100);//将最后的文件命名为“年+月+日+分+秒+随机数”组成的名字这样就排除了文件在上传过程中由于名字相同而不能存储或者需要替换的缺点。stringfileContentType=Image1.PostedFile.ContentType;//获取文件类型stringwebFilePath="";if(fileContentType=="image/bmp"||fileContentType=="image/gif"){webFilePath=Server.MapPath("image/1"+saveName1+"."+fileContentType.Substring(6));//服务端文件路径if(!File.Exists(webFilePath)){try{Image1.SaveAs(webFilePath);//使用FileUpload控件中的SaveAs方法来保存文件saveImage1="image/1"+saveName1+"."+fileContentType.Substring(6);//最后存储图片的名字+后缀名}catch(Exception){Response.Write("<scriptlanguage=javascript>alert('对不起，你上传的图片没有成功！');</script>");}}else{Response.Write("<scriptlanguage=javascript>alert('对不起，你上传的图片文件名已存在！');</script>");}if(!File.Exists(webFilePath)){try{Image1.SaveAs(webFilePath);saveImage1="image/1"+saveName1+".jpg";}catch(Exception){Response.Write("<scriptlanguage=javascript>alert('对不起，你上传的图片没有成功！');</script>");}}else{Response.Write("<scriptlanguage=javascript>alert('对不起，你上传的图片文件名已存在！');</script>");}}else{Response.Write("<scriptlanguage=javascript>alert('对不起，你上传的图片文件类型不符合，只能上传*.bmp,*.jpg,*.gif！');</script>");return;}}//最后几个esle语句和捕捉的错误都是无法正常上传后遇到的问题分别对用户进行提示5.3搜索功能整个网站的搜索功能主要分为两个板块，首页的搜索和交易页面的搜索。①　 首页的搜索相对而言简单一点，只要选择商品分类就可以搜索如图5-2，主要运用session语句进行运用。Session（会话）是一个对象集合，其作用是在服务器端存储特定信息，利用Session对象可以在用户访问某个页面时存储一些属于该用户的信息，当用户浏览器跳转到其他页面时仍可以访问保存在服务器端的客户信息[8]。在信息显示的GridView控件运用中其筛选的语句就是通过Session的传递以后显示的如图5-3、5-4，就是说session如果赋值为空或者无对应内容，GridView中就无法显示查询内容。这就是简单搜索功能的实现。图5-2首页搜索图5-3数据库表链接图5-4添加where语句②　 交易区的搜索：交易区的搜索功能实现大致与首页的功能相同就是多了两个下拉菜单联动的功能如图5-5。这个主要是通过DropDownList的SelectedIndexChanged事件，数据库连接、读取、赋值来实现的。图5-5交易区搜索DropDownList2.Items.Clear();//第二级下拉菜单进行清空stringstr=DropDownList1.SelectedValue.ToString();//赋值一级下拉菜单选中的内容SqlConnectionsqlconn=newSqlConnection();sqlconn.ConnectionString="DataSource=HYV-PC;InitialCatalog=tiaozao;PersistSecurityInfo=True;UserID=sa;password=123456";sqlconn.Open();stringstrsql="select*fromclass";//筛选下拉菜单的属性SqlCommandcom=newSqlCommand(strsql,sqlconn);SqlDataReaderdr=com.ExecuteReader();//对数据库内容进行读取while(dr.Read()){if(dr["GClass"].ToString()==str){stringLevel1=dr["GCategory"].ToString();DropDownList2.Items.Add(Level1);//赋值二级下拉菜单内容}}dr.Close();sqlconn.Close();5.4动态图片和文字展示功能动态图片和文字的展示都是通过Datalist来展示,通过JavaScript语言对其移动进行控制。主要讲解时以动态文字展示为主，图片展示也基本上用类似的方法。①　 配置数据源：先选择连接数据库选择哪个连接，再配置Select语言，文字展示中的Select语言是“SELECTTOP(3)[AID],[ATitle],[ATime]FROM[activity]ORDERBY[AID]DESC”//将activity表中的AID、ATitle、ATime三个属性提取并按照AID的降序进行排列。②　 将Datalist绑定数据源并且进行模板编辑：编辑模板时选择HyperLink控件如图5-6，然后将其Text属性绑定到activity表的ATitle中，代码表达式为Eval("ATitle")，而NavigateUrl属性的绑定需要链接到别的数据库如图5-7，其代码为String.Format("DetailActivity.aspx?id={0}",DataBinder.Eval(Container.DataItem,"AID"))//根据AID来跳转页面至DetailActivity.aspx显示详细的数据内容。图5-6DataList的模板编辑图5-7绑定页面③　 编辑JavaScript语言：JavaScript中有一个可以设计滚动字幕的函数marquee，文字编辑就是运用此函数的编辑。<marqueeid="news"behavior="scroll"direction="left"hspace="0"name="news"onmouseout="scrollplay()"onmouseover="scrollstop()"scrollamount="2"scrolldelay="1"style="width:489px;height:14px"vspace="0"></marquee>//id属性是有一段JavaScript语言有对这个滚动字幕的速度进行控制，onmouseout和onmouseover就是动态的属性，表示鼠标不在其上面就滚动，在文字上面就停止。在html源页的顶部有一段JavaScript语言进行了控制。但是由于在之前的学习中对于JavaScript语言可能理解上有点困难，之前也没有类似的接触所以这个功能的主要实现是通过查阅书籍资料和网站资料得到的内容。<SCRIPTLANGUAGE="JavaScript">varostat=false;functionscrollstop(){news.scrollAmount=0;ostat=true;}functionscrollplay(){news.scrollAmount=2;ostat=false;}functionscrolldir(){mid=screen.width/2;mouse=event.x;if(mouse>mid){if(ostat==false){speed=(mouse-mid)/25;news.scrollAmount=speed;}news.direction="right";}else{if(ostat==false){speed=(mid-mouse)/25;news.scrollAmount=speed;}news.direction="left";}}</script>5.5信息评论功能信息评论展示的效果在使用DataList控件后能很快实现，但是现在除了要做到控制页与页之间跳动的控制，在实现过程中会比较困难。运用LinkButton后台代码控制。①　 编辑绑定DataList的数据：运用模板编辑在之前的动态文字功能实现时已经运用，而方法也是大同小异。②　 后台代码的编写，运用了PagedDataSource类。PagedDataSource类存在于System.Web.UI.WebControl命名空间，使用该类创建的对象实例可配合Repeater控件实现分页显示数据库 记录 混凝土 养护记录下载土方回填监理旁站记录免费下载集备记录下载集备记录下载集备记录下载 的功能。编写事件主要有4个binddatalist()，CalculateRecord()，putdown()，Page_Init(),简单的对主要的代码进行分析。privatevoidbinddatalist()//DataList的数据库绑定和页面跳转{StringID=Request.QueryString["id"];intindex=Int32.Parse(ViewState["pageindex"].ToString());intcount=Int32.Parse(ViewState["pagecount"].ToString());//分别初始化各类数据SqlConnectionconn=newSqlConnection();conn.ConnectionString="DataSource=HYV-PC;InitialCatalog=tiaozao;PersistSecurityInfo=True;UserID=sa;password=123456";conn.Open();//链接数据库SqlDataAdapterda=newSqlDataAdapter("select*fromcommentwhereGID='"+ID.ToString()+"'",conn);DataSetds=newDataSet();da.Fill(ds,index*pagesize,pagesize,"table");Label1.Text="第"+(index+1)+"页";//判断为第几页，就是相当于导入起始位置LinkButton1.Enabled=true;LinkButton2.Enabled=true;LinkButton3.Enabled=true;LinkButton4.Enabled=true;if(count==1){LinkButton1.Enabled=false;LinkButton2.Enabled=false;LinkButton3.Enabled=false;LinkButton4.Enabled=false;Label1.Text="当前只有一页";}else{if(index==0){LinkButton1.Enabled=false;LinkButton2.Enabled=false;}if(index==count-1){LinkButton4.Enabled=false;LinkButton3.Enabled=false;}}DataList1.DataSource=ds.Tables["table"].DefaultView;DataList1.DataBind();}这段代码主要是跳转的功能实现，就是如果在index，count确定下按下按钮就能直接跳转，至于是向前还是向后，都是下面的函数putdown()控制，Page_Init()是对于页面的一个初始化过程对于页数的初始化和页面所在位置的初始化。CalculateRecord()是对于页面数的计算事件类。总的页面跳转方式的运用通过查找资料跟自身代码相结合得到的最终样式。5.6商品信息的具体展示商品信息的展示主要是在Detailmessage页面上商品信息具体展示分为信息和评论，评论已经在之前做了一定的讲解，涉及到信息展示主要应用的是DetailsView控件。DetailsView在编辑模板过程也与之前的DataList相同，但是在商品信息展示中还用到了button控件，button的click事件在后台的书写与主页面在后台的书写一直。但是要在Page_Load事件中写明这是模板编辑页中的控件。Buttonb2=(Button)DetailsView1.FindControl("Button2");//写在Page_Load中初始化控件protectedvoidButton2_Click(objectsender,EventArgse)//改变信息的状态，浏览者对于信息是否关闭，关闭后就不再出现在页面中。{stringid="";id=Request.QueryString["id"];DropDownListddl=(DropDownList)DetailsView1.FindControl("DropDownList1");strings=ddl.SelectedValue;SqlConnectionconn=newSqlConnection();conn.ConnectionString="DataSource=HYV-PC;InitialCatalog=tiaozao;PersistSecurityInfo=True;UserID=sa;password=123456";conn.Open();stringstrSQL="updatebusinesssetSID='"+2+"'whereGID='"+id+"'";SqlCommandcom=newSqlCommand(strSQL,conn);SqlCommandcomComment=newSqlCommand(strSQL,conn);comComment.ExecuteNonQuery();conn.Close();Response.Redirect("index.aspx");}除了以上的button控件外，还有三个控件都是运用此方法，以这个例子为主。5.7管理者页面管理者页面主要运用了GridView，DetailsView等数据控件，实现了GridView和DetailsView之间链接的功能，设计原理图[7]如图5-8所示。图5-8设计原理图除了页面的跳转还有一个就是编辑和删除功能，运用了数据库高级sql生成选项，基于SELECT语句生成的UPDATE和DELETE语句。其具体每个字段的编辑如图5-9，特别是在标题链接的DataNavigateUrlForm属性应该标明为Default2.aspx?id={0}根据id字段进行跳转。图5-9字段编辑5.8其他功能①　 设为首页和加入收藏主要是运用Html语言进行编辑，设为首页如图5-10：<ahref="#"onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://localhost:55501/lastnet/index.aspx');">设为首页</a>图5-10设为首页提示图加入收藏如图5-11：<ahref="javascript:window.external.AddFavorite('http://localhost:55501/lastnet/index.aspx','和山高校跳蚤网')">加入收藏</a>图5-11加入收藏提示图这个代码比较简单主要是对http://localhost:55501/lastnet/index.aspx页面位置的确定，应该在运行过程中将IE栏中的位置记录下来。②　 时钟显示运用的也是JavaScript语言对于现在时间的提取vartoday=newDate()；vary=today.getFullYear();varmo=today.getMonth()+1;vard=today.getDate();varh=today.getHours()varm=today.getMinutes()vars=today.getSeconds()③　 商品人气设定如图5-12图5-12人气商品对于GridView进行数据库链接，在建立表的时候，加一个字段“点击率”，初始值为0，当点击新闻的时候，update该条记录，使得点击率＝点击率＋1，最后在显示页面的时候，用"orderby点击率desc"来实现，其Select语句书写为SELECTTOP(10)[GID],[SID],[GCategory],[GTitle],[GClicktime],[GTime],[GClass]FROM[business]WHERE([SID]=@SID)ORDERBY[GClicktime]DESC,[GID]DESC；④　 两个DropDownList之间的绑定DropDownList1中的属性全部是在编辑项中进行编辑的，DropDownList2与DropDownList1之间的链接是通过数据库绑定读取得到的，当DropDownList1选中为租赁信息，DropDownList2通过数据库会自动赋值项的属性其主要代码为while(dr.Read()){//前面有一段数据库链接代码同之前相似，这段代码主要是对数据的读取，且最后要对进行关闭if(dr["GClass"].ToString()==str)//判断DropDownList选中的属性{stringLevel1=dr["GCategory"].ToString();DropDownList2.Items.Add(Level1);}}//对DropDownList2的Items的赋值dr.Close();第6章结束语经过3个多月的努力，终于如期完成了这次毕业设计的题目。已经基本完成导师和各老师下达的设计任务书要求，较完整的实现了网站的基本功能。但是由于时间比较仓促，可能在整个设计中存在一些问题，也有功能在预想实现，因为能力有限并没有完成，我将对于这个设计从选择还是到最后论文的书写做简单的总结。和山高校跳蚤网这个项目的设计一直是我规划并且希望完成的一个课题。作为毕业生我们这边有太多的废旧物品需要丢弃，往往这些物品对于学弟学妹来说可能是很有用的。我们就希望建立这样一个平台去让大家能够在自己的寝室通过网络快捷方便的发布信息，最后跟导师商量以后确认了此次毕业设计的课题。整个和山高校跳蚤网经过了需求分析、数据库设计、页面美工设计、功能逐一实现及最后的调试，基本上能让学生进行使用。在这个主要步骤的完成过程中最主要的是页面美工设计和功能。因为面向的是大学生，根据平时自己和周围同学朋友的习惯看到漂亮的网站点击率就会比较高，这也是对于我来说比较困难的一个方面，本身美术功底和绘图软件的应用都欠缺，看到现在成型的网站页面，还是感慨确实不够漂亮，这也是在今后需要加强的方面。第二个是功能，因为这种垂直型网站我们给浏览者带来的是很专注的内容基本上都是二手信息，所以在商品信息发布的内容到最后点击进去看到的内容是否详尽但不厌烦是很重要的一部分，所以在制作过程中修改的次数也是比较多的。这个主要是我对于毕业设计两大块的理解和总结。在这次的毕业设计中我意识到熟练掌握以前学过的知识是多么重要。而且除了学习C#，S