鹿木乡中学网站设计与开发62887088

《鹿木乡中学网站设计与开发62887088》由会员分享，可在线阅读，更多相关《鹿木乡中学网站设计与开发62887088（48页珍藏版）》请在装配图网上搜索。

1、一 浙江工贸职业技术学院信息传媒学院 毕 业 设 计 （论 文）课题名称： 鹿木乡中学网站设计与开发 鹿木乡中学网站设计与开发摘 要：学校网站是学生理解其信息的重要来源，网络的快捷，无距离随时随处的特性对于教学网站的建设很重要。在互联网络高速发展的今天，网站正成为学校、公司、公司、政府及团队进行形象展示、信息发布、业务拓展、客户服务、内部沟通的重要阵地，它不仅具有快捷、无距离及随时随处均可更新的特性，更能提供某些互动性的功能，如留言板、会员制、讨论区等等，使得网站布满气愤，让人倍感亲切。学校网站建设是学校教育信息化建设的重要方面，是适应现代教育技术和信息技术的发展，加大学校对外交流与宣传力度，

2、提高教学、科研、管理效率的重要途径；学校网站是学校对外宣传的窗口，也是展示全校师生才干，加强对校外联系，互相学习，共同发展的阵地，学校网站建设的目的是增进师生与学校共同发展，因此，需要全校师生共同参与，同心合力把学校网站建设好.网站开发采用了div+css开发技术，有网站首页、登录页、发售消息、求购消息、顾客中心、后台管理等页面，界面设计以蓝色为主，极强的体现了网络化生活。网站版块多以书的形状作为基本设计，紧贴网站主题。布局清爽大方，符合交互规定。网站结合Sql server数据库的使用完毕了注册登录、搜索、个人书架、留言板、后台管理等功能。核心词：div+css 二手书网站 SQL数据库 目

3、 录1 引言11.1 温州市高校二手书交易站的开发背景11.2 温州市高校二手书交易站的意义与设计目的12 开发工具及环境简介22.1 温州市高校二手书交易网的开发环境22.2 本项目应用的重要开发工具22.2.1 Microsoft SQL Server 22.2.2 Adobe Photoshop CS432.2.3 Dreamweaver 832.2.4 Microsoft Visual Studio 42.2.5 动软42.2.6 IE Tester42.3 本项目应用的重要开发技术52.3.1 C# 语言52.3.2 DIV+CSS53 项目概述63.1 项目概述63.2 项目风险6

4、3.3 项目进度筹划74 项目需求分析84.1 业务分析84.1.1 业务组织构造84.1.2 业务工作角色分析84.2 概要设计104.2.1 网站构造图104.2.2 网站概要设计阐明114.3 现行研究存在的问题及解决措施135 数据库设计145.1 数据库构造145.2 数据库表145.3 数据库表关系图165.4 数据库设计命名规范166 网站实现176.1 网站后台界面设计与布局176.1.1 后台登入界面176.1.2 信息管理界面186.2 网站前台界面设计与布局196.2.1 首页196.2.2 前台登录界面226.2.3 内容页256.3 阐明316.3.1 项目文献命名规

5、范316.3.2 项目文献构造阐明316.4 动软生成解决方案326.5 Web.Config 文献配备327 测试337.1 测试337.2 测试例子及其成果347.2.1 页面效果测试347.2.2 后台添加测试348 总结与展望36道谢37参照文献38请认真看目录阐明：1 引言1.1 温州市高校二手书交易站的开发背景目前中国进入经济高速发展阶段，人口远远超过土地承载力、资源极度缺少、环境容量极度狭小，循环使用教科书或多种书籍是利国、利民、利社会的善事。而随着市场经济的发展和人们生活水平的提高，二手书的市场是一种环保和低成本看书的选择。在学校里，二手书商店就带给同窗们一种供需平台。但是，对

6、于二手书籍的管理和销售，一般的旧书市场不能有效的进行。并且不是每个学校均有提供学生们这样一种二手书循环运用的平台。而随着Internet的普及，网上购买商品或获取信息已成为现代人的一种生活习惯。而上网更是大学生活不可或缺的一部分，因此一种独立的可以满足顾客需求的校园二手图书交易网站的设计与开发是十分有必要也是可行的。我所做的高校二手书交易网站平台，可以让我们温州市内所有的高校生更加容易的便捷的参与到书籍循环运用，让更多的书发挥更高的价值，也保护了我们所赖以生存的环境。1.2 温州市高校二手书交易站的意义与设计目的近几年来，我们对“役期满”的成捆教材送往废品站的现象已经见惯不怪，对装帧越来越豪华

7、，印刷越来越精美的教材已几近麻木；在大学生就读期间，一年中也有诸多精装的教材是一种学期都没有碰过几次的，有些甚至于没有开封过。隐匿其后的巨大资源挥霍和节俭美德的剥蚀却很少有人认真思考过。如果我们将人们不用的教科书和课外书给需要的人，我们每年将节省多少造纸用的木材，将少砍伐多少亩森林、将节省多少林地、又将减少多少造纸和印刷（涉及油墨生产）过程中的污染！真是不算不懂得，一算吓一跳，一本看似不起眼的教材，都与国计民生紧紧相连。教材循环使用远不止于经济意义，高年级同窗将自己用过的教材传给新生，蕴藉了“薪火相传”的人文精神，不仅是学业的延续，更是一种风范的树立；而新生们从学兄学姐手里接过的，不仅仅是她们

8、的成长历程和做学问的记录，更重要的是“润物细无声”的节省意识，这对于正在成长中的青少年们尤为贵重。因此建立一种高校间二手书买卖或免费捐送的管理网站刻不容缓。2 开发工具及环境简介2.1 温州市高校二手书交易网的开发环境，如表2.1表2.1 开发环境约束名称约束规定cpu最低规定：600 兆赫 (MHz) Pentium 解决器或同类AMD解决器推荐：建议采用 1 千兆赫 (GHz) Pentium 解决器或同类AMD解决器内存512MB以上硬盘80G以上开发环境Microsoft SQL SERVER (数据库)Microsoft Visual Studio （项目开发工具）Microsoft

9、 Office Word 操作系统Windows XP 、Windows 等Windows系列辅助工具Rational Rose Enterprise Edition(建模工具) Microsoft Office Visio (画图工具)动软.Net代码生成器Adobe Photoshop CS4Adobe Flash CS5各主流浏览器（IE浏览器、火狐、Opera、Google Chrome、Safari） 2.2 本项目应用的重要开发工具2.2.1 Microsoft SQL Server SQL Server 是一种关系数据库管理系统。它最初是由Microsoft、Sybase 和As

10、hton-Tate三家公司共同开发的，于1988 年推出了第一种OS/2版本。在Windows NT 推出后，Microsoft与Sybase 在SQL Server 的开发上就分道扬镳了，Microsoft 将SQL Server移植到Windows NT系统上，专注于开发推广SQL Server 的Windows NT 版本。Sybase 则较专注于SQL Server在UN操作系统上的应用。SQL Server 是Microsoft 公司推出的SQL Server数据库管理系统，该版本继承了SQL Server 7.0 版本的长处，同步又比它增长了许多更先进的功能。具有使用以便可伸缩性好

11、与有关软件集成限度高等长处，可跨越从运营Microsoft Windows 98 的膝上型电脑到运营Microsoft Windows 的大型多解决器的服务器等多种平台使用。这个平台有如下特点：1） 可信任的使得公司可以以很高的安全性、可靠性和可扩展性来运营她们最核心任务的应用程序。2） 高效的使得公司可以减少开发和管理她们的数据基本设施的时间和成本。3） 智能的提供了一种全面的平台，可以在你的顾客需要的时候给她发送观测和信息。2.2.2 Adobe Photoshop CS4Photoshop是Adobe公司旗下最为出名的图像解决软件之一。多数人的对于Photoshop的理解仅限于“一种较好

12、的图像编辑软件”，并不懂得它的诸多应用方面，事实上Photoshop的应用领域很广泛，在图像、图形、文字、视频、出版各方面均有波及。Adobe Photoshop CS4软件通过更直观的顾客体验、更大的编辑自由度来大幅提高的工作效率，使您能更轻松地使用其无与伦比的强大功能。 使用全新、顺畅的缩放和遥摄可以定位到图像的任何区域。借助全新的像素网格保持实现缩放到个别像素时的清晰度， 并以最高的放大率实现轻松编辑。通过创新的旋转视图工具随意转动画布， 按任意角度实现无扭曲查看。 Adobe Photoshop CS4软件除了涉及Adobe Photoshop CS3的所有功能外，还增长了某些特殊的功

13、能，如支持3D和视频流、动画、深度图像分析等。 此外，Photoshop CS4将支持GPU加速。有了 GPU 加速支持，用 Photoshop 打开一种 2GB、4.42 亿像素的图像文献将非常简朴，就像在 Intel Skulltrail 八核心系统上打开一种 500 万像素文献同样迅速，而对图片进行缩放、旋转也不会存在任何延迟；此外尚有一种 3D 加速 Photoshop 全景图演示，这项当今最耗时的工作再也不会让人头疼了。 Photoshop CS4 的另一种让人印象深刻的新功能是不仅可以导入3D模型，还能在其表面添加文字和图画，并且就像直接渲染在模型表面同样自然。2.2.3 Drea

14、mweaver 8Dreamweaver是在网页设计与制作领域中顾客最多、应用最广、功能最强大的软件随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身。具有可视化、支持多平台和跨浏览器的特性是目前网站设计、开发、制作的首选工具。它有如下几点长处：1、灵活的编写方式2、可视化编辑界面3、功能更多的CSS支持CSS可视化设计、CSS检查工具4、动态跨浏览器验证5、强大的WEB站点管理功能6、内建的图形编辑引擎7、Dreamweaver的集成特性8、丰富的媒体支持能力9、超强的扩展能力2.2.4 Microsoft Visua

15、l Studio Visual Studio是微软公司推出的开发环境。是目前最流行的Windows平台应用程序开发环境。Visual Studio 本于4月12日上市，其集成开发环境（IDE）的界面被重新设计和组织，变得更加简朴明了。Visual Studio 同步带来了NET Framework4.0、Microsoft Visual Studio CTP( Community Technology Preview-CTP)，并且支持开发面向Windows 7的应用程序。除了Microsoft SQL Server，它还支持IBMDB2和Oracle数据库 。2.2.5 动软动软代码生成器

16、是一款完全自主知识产权研发的为软件项目开发设计的自动代码生成器，也是一种软件项目智能开发平台，它可以生成基于面向对象的思想和三层架构设计的代码，结合了软件开发中典型的思想和设计模式，融入了工厂模式，反射机制等等某些思想。重要实目前相应数据库中表的基类代码的自动生成，涉及生成属性、添加、修改、删除、查询、存在性、Model类构造等基本代码片断,支持不同3种架构代码生成，使程序员可以节省大量机械录入的时间和反复劳动，而将精力集中于核心业务逻辑的开发。 动软代码生成器 同步提供便捷的开发管理功能和多项开发工作中常用到的辅助工具功能，您可以很以便轻松地进行项目开发，让软件开发变得轻松而快乐！帮您迅速开

17、发项目，缩短开发周期，减少开发成本，大大提高了公司的研发效率，使得软件公司在同样的时间发明出更大的价值。2.2.6 IE TesterIETester是一种免费的WebBrowser控件，让您有渲染和IE8的JavaScript引擎，IE7和IE 6在Windows 7，Vista和XP的IE5.5中，在同一进程中安装的IE浏览器。可以帮我们模拟网页在IE5.5、IE6、IE7与IE8 beta1等浏览器的相容性，让我们看下辛苦作好的CSS样式或网站版面与否可以在各个重要浏览器正常显示。IETester是以“分页标签”的方式，分别在不同的页签中显示你所指定的IE浏览器版本的网页浏览画面，此外类

18、似Office 的软体介面呈现方式也相称新潮好用，大部分常用的按钮都直接列在上面。2.3 本项目应用的重要开发技术2.3.1 C# 语言C#综合了VB简朴的可视化操作和C+的高运营效率，以其强大的操作能力、优雅的语法风格、创新的语言特性和便捷的面向组件编程的支持成为.NET开发的首选语言。并且C#成为ECMA与ISO原则规范。C#看似基于C+写成，但又融入其他语言如Pascal、Java、VB等。微软c#语言定义重要是从C和C+继承而来的,并且语言中的许多元素也反映了这一点.C#在设计者从C+继承的可选选项方面比Java要广泛某些(例如说struts),它还增长了自己新的特点(比方说源代码版本

19、定义).但它还太不成熟,不也许挤垮Java.C#还需要进化成一种开发者可以接受和采用的语言.而微软目前为它的这种新语言大造声势也是值得注意的.目前人们的反映是:这是对Java的反击. C#更像Java某些,虽然微软在这个问题上保持沉默.这也是意料中的事情,我觉得,由于Java近来很成功而使用Java的公司都报告说它们在生产效率上比C+获得了提高. Java所带来的巨大影响和人们对它的广泛接受已经由工作于这种语言和平台之上的程序员数量明显的阐明了。由这种语言写成的应用程序的数量是令人惊讶的并已经渗入了每一种级别的计算,涉及无线计算和移动电话。C#可以在顾客领域获得这样的礼遇吗?我们必须等待并观望

20、,就像已经由SSI公司的CEO和主席Kalpathi S. Suresh指出来的那样,我发现所有这些都是渐进的.如果C#不存在,我们总能回到Java或C和C+。它们在更大的意义上来说只是大公司制造的市场噱头.我们必须给她们时间安顿下来看看这些是不是真的对IT工业有什么影响。2.3.2 DIV+CSSDIV+CSS是网站原则（或称“WEB原则”）中常用术语之一，DIV+CSS 是一种网页的布局措施，这一种网页布局措施有别于老式的HTML网页设计语言中的表格（table）定位方式，可实现网页页面内容与体现相分离。XHTML是The Extensible HyperText Markup Langu

21、age（可扩展超文本标记语言）的缩写。XHTML基于可扩展标记语言（XML），是一种在HTML 基本上优化和改善的的新语言，目的是基于XML应用与强大的数据转换能力，适应将来网络应用更多的需求。在XHTML网站设计原则中，不再使用表格定位技术，而是采用DIV+CSS的方式实现多种定位。3 项目概述3.1 项目概述设计一种基于Web的高校二手书交易网站。重要有网站首页、列表页、会员注册、登录页等，其设计的目的是为了买卖二手书或者捐送二手书的高校生有一种直接的交流平台。基于Web的高校二手书管理系统分为二手书管理和会员管理两种形式。一、 二手书管理:1) 信息发布管理：会员可以免费发布买卖书籍的消

22、息，消息涉及发布时间、交易的书名、类型、新旧限度和发布消息人的联系方式等信息。可供故意向买卖书籍的人理解信息。2) 二手书分类管理：站内所有二手书籍以教科书、工具书、课外书三大类进行分类，顾客可按照她们所需书籍类型进行消息查看。3) 书名检索：按书名对自己所需的书籍进行站内检索，查询到有关此书籍既有的所有信息发布，可进一步理解所需信息详情。二、 会员管理1) 会员资料管理：涉及账号、密码、会员名称、联系方式。2) 信息发布记录：涉及会员自己发布的购书或售书信息的记录。3) 个人书架：涉及会员收藏对自己所关注书籍的记录，所收藏的记录可链接到有关书籍的具体信息页面。查询到有关此书籍既有的所有信息发

23、布，可进一步理解所需信息详情。3.2 项目风险1) 项目进度由于对于做项目的实践次数比较少、经验不够丰富以致无法应付项目开发过程中层出不穷的问题，并且对于项目时间的安排和分析不够精确，因此对项目能否准时交付导致了很大的影响。2) 项目需求不明确项目的开发前期业务需求不明确，参照资料很少，需求分析做的不够刀舞，对于网站的该实现什么效果也在不断的变化，再加上前期需求安排的时间太少。开发过程重要参照其他作品的形式，没有一种明确的目的。3) 技术水平不够技术水平问题大概是每个从事开发人员都会遇到的问题。在该项目中也遇到了多种各样的技术上的问题，特别是在做网站后台的时候，学到的知识主线不够用，也由于这些

24、多种多种各样的新技术的浮现，也使项目的进度受到影响。3.3 项目进度筹划温州市高校二手书交易网的设计涉及制定筹划、需求分析、总体设计、具体设计、实现编码几种阶段，其项目进度安排如图3.1所示：图 3.1 项目进度图（甘特图）4 项目需求分析4.1 业务分析4.1.1 业务组织构造*4.1.2 业务工作角色分析系统共分为3个角色，分别为游客、注册顾客和管理员。游客即为未在该网站注册的访问顾客，可以使用的网站功能有：查询图书，浏览图书信息，注册账号。1、 查询图书信息：输入想要查询图书的名称核心字，可以查找出该图书的基本信息。2、 浏览图书信息：进入网站浏览模块后，游客可以看到大量的图书信息，当游

25、客找到想要查询的图书后，可以点击查看更加具体的图书信息。3、 注册账号：通过填写基本资料，成为网站的注册顾客，获取更多的功能。游客 查询图书信息注册账号浏览图书信息注册顾客即为已经在该网站注册过的顾客，可以使用的网站功能有：查询图书，浏览图书信息。查看顾客信息，发布图书，留言板。1、 查询图书信息：输入想要查询图书的名称核心字，可以查找出该图书的基本信息。2、 浏览图书信息：进入网站浏览模块后，游客可以看到大量的图书信息，当游客找到想要查询的图书后，可以点击查看更加具体的图书信息。3、 查看顾客信息：可以进入个人中心，查看自己的书架，确认要购买的图书。4、 发布图书：可以通过填写图书名，规定价

26、格，上传图书照片，对图书进行简介来发布卖出的图书，发布过的图书别的顾客可以浏览并且查询到。5、 留言板：填写留言，以对网站或者网站内容进行评价。发布图书查询图书信息注册顾客查看个人书架留言板浏览图书信息管理员拥有特定账户密码的网站管理人员，可以对网站的信息进行审核，删除等。1、审核删除信息：可以查看网站注册顾客发布的各类信息，对不恰当的信息进行删除。管理员删除违规账号删除违规留言删除违规图书4.2 概要设计4.2.1 网站构造图构造图涉及系统的所有功能，如图4.1所示：图 4.1 网站构造图网站页面构造图如图4.2所示图 4.2 网站页面构造图4.2.2 网站概要设计阐明本系统一共分为两大部分

27、（前台、后台），它们之间虽然在表面上是互相独立的，但是在对数据库的访问上是紧密相连的，各个模块访问的是同一种数据库，只是所访问的表不同而已。1) 后台登录如图4.2所示图 4.2 后台登陆活动图2) 后台删除信息如图4.3所示图 4.3 后台删除信息活动图3) 后台修改信息如图4.4所示图 4.4 后台修改活动图4) 发布消息如图4.5所示图 4.5 后台修改活动图5) 信息搜索如图4.6所示图 4.6 信息搜索活动图4.3 现行研究存在的问题及解决措施温州市高校二手书交易网站重要此前台界面为主，后台功能很少，还不够完善。目前我发现的重要需解决的问题有：1) 页面有部分控件样式不会定义。2)

28、网页不是对所有浏览器都兼容的。3) 在网页中使用网页特效（JQuery特效、Flash+Xml）4) 系统的界面还需改成适合1024*768辨别率。解决措施：根据每个需求先理好业务逻辑，然后运用编码实现相应的功能和百度找相应的功能进行修改、研究。5 数据库设计5.1 数据库构造数据只有用数据库来管理才干有自动化管理的也许。数据的构造将影响整个管理机制的应用，并且建立后来要修改常会浮现麻烦。因此一开始就要仔细谨慎地搭建一种完整而合理的构造。Microsoft SQL Server数据库相对其他的数据库来说要简朴容易操作些。数据库如5.1表所示。表 5.1 数据库构造表编号表名称数据库表名阐明1顾

29、客信息表tbUserInfor用于存储顾客帐号、密码等信息2二手书信息tbBooksInfor用于存储二手书的具体信息3个人书架表tbPersonalBookshelf用于存储顾客收藏的二手书信息4网站公示tbSiteNotice用于存储网站公示的具体信息5留言信息表tbMessage用于存储顾客留言的内容5.2 数据库表顾客信息表如5.2表所示表5.2顾客信息表字段名数据类型宽度阐明UserIDint主键，顾客编号UserNamenvarchar50顾客名Passwordnvarchar50密码Gendernvarchar50性别E-mailnvarchar50电子邮件CreadTimeda

30、tetime创立时间二手书信息表如5.3表所示表5.3顾客信息表字段名数据类型宽度阐明BooksIDint主键，书籍编号UserIDint外键，顾客编号Statenvarchar50状态(求购|发售)BooksTitlenvarchar50书籍名称BooksImagenvarchar50书籍图片BooksTypenvarchar50书籍类型Authornvarchar50作者BookConcernnvarchar50出版社PublishDatenvarchar50出版日期Conditionnvarchar50新旧限度CostPricenvarchar50原价Pricenvarchar50价格A

31、mountnvarchar50数量Areanvarchar50所在地区Telephonenvarchar50联系电话ContentBriefnvarcharMax内容简介CreateTimedatetime创立时间个人书架表如5.4表所示表5.4顾客信息表字段名数据类型宽度阐明RecordIDint主键，记录编号UserIDInt外键，顾客编号BooksIDInt书籍编号BooksTitlenvarchar50书名CreateTimedatetime创立时间网站公示如5.5表所示表5.5顾客信息表字段名数据类型宽度阐明NoticeIDint主键，公示编号Titlenvarchar50标题NCo

32、ntentnvarcharMax内容CreadTimedatetime创立时间留言信息表如5.6表所示表5.6顾客信息表字段名数据类型宽度阐明MessageIDint主键，留言编号BooksIDint外键，书籍编号UserIDint顾客编号UserNamenvarchar50顾客名MContentnvarcharMax留言内容CreadTimedatetime创立时间5.3 数据库表关系图数据库的关系如图5.1所示图 5.1 信息搜索活动图5.4 数据库设计命名规范数据库的设计的命名规则如表5.7所示：表 5.7 数据库命名规范规范名称规范形式数据库波及字符规范采用26个英文字母（辨别大小写）

33、和09这十个自然数，加上下划线_构成，共63个字符。不能浮现其她字符（注释除外）。表名称描述名称单词以大写的主题开头表字段名称用英文单词描述字段存储过程名称以表白加“_”加具体操作名数据库设计文档规范所有数据库设计要写成文档，文档以模块化形式体现。SQL语句规范所有SQL核心词基本上都是大写的，例如“SELECT”等6 网站实现6.1 网站后台界面设计与布局6.1.1 后台登入界面1) 后台登入界面设计阐明：后台登入界面我重要是根据网站的主题和网站前台风格设计的，前台界面重要是以蓝色系列的色调为主，所后来台登录背景为蓝色，网站为二手书交易网因此以一本书为背景框。在网页制作中，先进行页面设计，效

34、果满意后，再进行图片的切片，最后进行页面的布局，布局好后查看页面效果。2) 后台登入界面，如图6.1所示：图 6.1 后台界面3) 后台界面部分DIV+CSS布局 顾客名：密码：6.1.2 信息管理界面1) 信息管理界面，使用了与后台登陆相似的背景图，小背景用了半透明的形似两张记事本的灰色模块，使整个页面更加具有科技感，也更紧贴了网站的主题2) 信息管理界面如图6.2所示：图 6.2 发布新闻界面6.2 网站前台界面设计与布局6.2.1 首页1) 温州市高校二手书交易网首页界面设想温州市高校二手书交易网首页重要采用蓝色系，在这里我大胆了运用了多种与蓝色相近的颜色相应页面进行设计，用了类似被翻阅

35、书的页脚做了一种以蓝色为主的logo,头部还放置了一种大号搜索框，以便顾客可以迅速搜索自己想要的书籍。头部做了jquery图片切换展示，可时时更新本图片，向顾客提供了本网站最新最热门的掌柜推荐书籍。网站左侧做了图书分类，精心划分了网站所有的书籍类型，以便顾客更加迅速的找到自己想要的书籍。网站右侧展示了部分图书类型图片，有了书籍的图片让顾客更加拟定自己想要买的书，也增长了网站的美观度。在设计期中对于网站首页的构思有多种设想，通过多次的效果图对比，才做到目前人们看到的效果。2) 首页界面设计如图6.3所示：图 6.3 首页3) 首页部分DIV+CSS布局样式bodymargin:0 auto;ul

36、,li,p margin:0; padding:0;li list-style-type:none;.hybackground:#41a0fe;height:29px;width:100%;border-bottom:1px solid #218ffd;line-height:29px;text-align:inherit;.font14font:normal 宋体 14px;font-size:14px;.font12font:normal 宋体;font-size:12px;.dkwidth:960px;margin:0 auto;.logowidth:405px;height:96px;

37、 .sousumargin-top:22px;width:507px;height:59px;float:left;background:url(./Images/sousu_03.gif) no-repeat;6.2.2 前台登录界面1) 顾客注册界面、顾客登录界面、忘掉密码界面，三个界面大体相似，大背景以灰色渐变为主，中间有蓝色较立体图案，增长了界面的立体效果让整个界面更具信息时代效果。2) 界面效果如图6.4、6.5、6.6所示图 6.4 顾客注册和登录界面3) 部分DIV+CSS布局样式.bgssbackground-image:url(./Images/ssbg.jpg);.logo

38、background:url(./Images/LOG-2.png ) no-repeat;height:77px;width:1100px;margin:65px auto 0px auto;.reg_tit width:980px;height:36px;padding: 0px;margin-top:0px;overflow:hidden;.reg_tit_ul1 width:460px;height:36px;padding: 0 0 0 30px;margin: 0;overflow:hidden;float:left;font-size:14px;font-weight: bold

39、;text-align:center;.reg_tit_ul1 li display: inline;.reg_tit_ul1 li a float: left; color: #575757; padding: 13px 0 0 0; margin-right: 3px; height:23px; width:144px; text-decoration: none; background: no-repeat left bottom;.reg_tit_ul1 li a:hover, .reg_tit_ul1 li .current color: #000; background: url(

40、./Images/reg.png) no-repeat left bottom;6.2.3 内容页温州市高校二手书交易网内容与首页风格、色彩的使用大体同样。1) 发售消息界面大体与首页相似，右侧则变成了卖家要发售的书籍的消息列表，采用了图文并茂的方式，让顾客们更加明了的理解要发售书籍的资料，发售消息界面效果如图6.7所示：图 6.7发售消息2) 求购消息界面以类似新闻列表的方式展示给顾客看，界面效果如图6.8所示：图6.8求购消息3) 顾客中心页面头部大体与首页相似，内容部分使用了两个不同大小的框，形似一本贴了小纸条的笔记本，与网站主题紧紧相扣，界面效果如图6.9所示：图6.9顾客中心4) 网

41、站公示和网站公示列表使用了两个不同大小的灰色半透明框，让整个网页变得有层次感。网页效果如图6.10所示图6.10网站公示5) 发布消息涉及消息类别选择、填写详情页面，风格大体与其她页面相似，类别选择页面笑脸，可以使顾客心情变好，也增长了网页的活跃性，不至于看上去那么死板。页面效果大体页如图6.11、6.12所示图6.11消息类别选择图6.12填写详情6) 搜索成果列表页和书籍详情页大体与发售消息页面一致，书籍详情页增长了书籍内容简介和留言板模块，让故意愿的顾客可以与卖家有一种以便沟通的平台，界面效果如图6.13和6.14所示图6.13搜索成果列表页图6.14详情页6.3 阐明6.3.1 项目文

42、献命名规范项目中的文献所有采用英文单词取名，遵从见名知意原则编写。6.3.2 项目文献构造阐明温州市高校二手书交易网开发ASP.NET程序时，一方面要创立诸多Web页(重要分为前台展示界面和后台管理界面)、顾客控件以及类，来完毕基本的功能操作。但是，在编写代码之前，可以先把网站中也许用到的文献夹创立出来，这样可以以便后来的开发工作，也可以规范网站的整体架构。因此在开发该网站之前，一方面设计了文献夹架构图，在开发时只需将相应文献保存到相应文献夹下即可。项目文献构造阐明如图6.15所示：图 6.15 项目文献构造阐明图6.4 动软生成解决方案使用动软.Net代码生成器连接数据库，选择数据库Seco

43、ndhandBook，然后生成简朴的三层架构解决方案。动软.Net代码生成器生成的代码基于面向对象的思想和三层架构设计，结合了Petshop中典型的思想和设计模式，融入了工厂模式，反射机制等等某些思想。重要实目前相应数据库中表的基类代码的自动生成，涉及生成属性、添加、修改、删除、查询、存在性、Model 类构造等基本代码片断。支持不同3种架构代码生成，使程序员可以节省大量机械录入的时间和反复劳动，而将精力集中于核心业务逻辑的开发。6.5 Web.Config 文献配备 7 测试7.1 测试随着网络技术不断成熟，网站功能日益增长，越来越多的业务系统演化为基于 Weh的应用，测试是为这些服务减少风

44、险的重要手段。对网站的测试应从顾客界面、功能和兼容性几方面综合考虑。网站测试采用灰盒测试措施。灰盒测试结合了白盒测试和黑盒测试的要素，既关注软件的外部属性和行为，又在原代码级理解软件内部数据构造、实际的逻辑流程和体系构造的基本上测试软件，是从开发者的角度看待测试，综合考虑顾客端、特定的系统知识和操作环境。Web应用由大量的组件（涉及软件和硬件）构成，这些组件必须在设计系统的环境中测试，以便评价它们的功能和兼容性。而灰盒测试在系统组件的协同性环境中评价软件的设计，对基于Web的应用来说是最为有效完整的测试。灰盒测试波及到高层设计、环境和互操作性条件等，能发现容易被黑盒和白盒测试忽视的问题，特别是

45、端对端的信息流问题、分布式硬/软件配备问题以及兼容性问题。在灰盒测试过程中一般能发现与Web系统密切有关的具体环境错误。1) 顾客界面：顾客交互：与否有中心工作空间，并在各页面之间保持一致。与否每个页面均有导航工具，并保持直观一致。Ul控件的命名方式与否简要一致，每个控件的默认状态与否恰当；Web应用系统的重要部分与否可通过主页访问；操作和响应方式与否与 Web应 用程序及行业原则一致，响应成果与否对的，与否发生了数据一致性错误和输出错误；如果阐明文字指向右侧的图片，该图与否出目前右侧；表格中的证件号码与姓名放在左边，其她细节放在右边，与否更有效；根据所提供的协助文档进行操作，与否可以浮现预期

46、成果；与否提供对的的反馈和错误提示信息。页面元素：整个 Web 应用系统的页面构造、Ul控件、字体、链接与否风格一致。背景颜色与否与字体颜色和前景颜色搭配。文字缭绕与否对的。图片与否使段落没有对齐或浮现孤行。表格每一栏的宽度与否足够，与否因某一单元格内容太多，而将整行拉长。2) 功能测试：链接：所有链接与否按批示的那样的确链接到了该链接的页面，所链接的页面与否存在。应保证Web应用系统上没有孤立的页面（即没有链接指向该页面，只有懂得对的的URL地址才干访问）。链接测试必须在集成测试阶段完毕，也就是说，在整个Web应用系统的所有页面开发完毕之后进行链接测试3) 客户端兼容性：操作系统：与否能在

47、MAC 和 IBM 兼容机上浏览网站。与否使用了只在某个系统上可用的字体或插件。浏览器：与否能用Internet Explor7、Internet Explor8、火狐、Opera、Google Chrome、Safari浏览网站。不同厂商的浏览器对 Java Applet、DHTML、ActiveX、HTML、插件、安全合同及HTTP的支持不同。顾客也会对浏览器进行不同的设立，如禁用图片或采用较高的安全级别。框架和层在不同的浏览器中显示效果不同，甚至主线不显示。IE3.0及以上版本才干使用SSL安全特性，但是对于老版本的顾客应当有有关的消息提示。测试浏览器兼容性的一种措施是创立一种兼容性矩阵

48、，在这个矩阵中测试不同厂商、不同版本的浏览器对某些插件和设立的适应性。屏幕设立：当变化屏幕辨别率（800x600、1024x768、1280xl024）、字体大小、和显示屏颜色深度（16色、24 位真彩色、32位真彩色）时，页面与否正常显示。7.2 测试例子及其成果7.2.1 页面效果测试测试流程：1) 打开需要测试的页面2) 在自己做的网站浏览效果时，将该地址复制到各个主流浏览器中3) 查看页面的效果与否与自己设计的效果图或预想的同样4) 逐个点击页面上的按钮和连接，查看页面与否与预想的同样测试措施：在各个主流浏览器中查看页面效果测试成果：页面效果与否正常解决措施：进行修改后再进行回归测试。

49、7.2.2 后台添加测试测试流程：1) 选择管理员帐号进入主界面。2) 选择添加二手书。3) 输入错误的数据查看能否进行添加。4) 输入对的的数据能否进行添加。测试措施：根据测试用例规定编写有关测试用例进行测试。测试成果：数据能否正常添加。解决措施：进行修改后再进行回归测试测试通过如图7.1、7.2所示图 7.1输入二手书信息图 7.2二手书信息添加成功8 总结与展望通过1个多月来的努力，本人综合运用此前所学的网站开发及数据库方面的基本知识，终于完毕了校园二手书交易系统的基本功能。通过测试试用,基本满足顾客需求,实现了顾客登录，找回密码，发布信息，搜索信息等功能。系统性能良好，工作正常，具有较

50、强的可移植，可维护性和安全性。通过对校园二手信息网站的开发，本人对asp和access均有了更深刻的理解，对其优越性和以便灵活性有了更深的体会。第一次完整地经历了一次项目开发，使得本人对软件开发及项目管理的过程有了实际的感受。 本文的重要工作有：1、 描述了目前二手书交易网站的广阔前景以及对网站的开发模式进行了简朴分析和总结。2、 模拟了校园二手信息网站的开发需求，提出了比较具体的解决方案，阐明了系统的功能模块的划分及互相之间的关系，并具体描述了每个模块的实现过程或者实现措施。 本系统也有某些不尽人意的地方，例如需求分析并没有非常细致全面，离真正的商业软件尚有一定的差距，源代码未进行优化和加密

51、，界面未进行美术加工，这些均有待此后的完善。 展望：通过本次毕业设计，我充足体会到理论与实践之间的重要联系。在实践的过程中我学到了诸多的知识，对asp和access有了进一步的理解运用也更为纯熟。同步我也发现了自己许多局限性之处。但愿在将来的工作中进一步的学习，可以掌握和运用更多的知识。道谢大学三年的学习即将结束，回忆将近三年的学习经历，我要真诚的感谢每一位任课教师，虽然没有学到过硬的专业知识，但是在与教师们的相处和孜孜不倦的教育下我的思想领悟提高了一大阶级。也让我有了一种圆满的大学生活。 在这段做毕业设计期间我最要感谢的是我的指引师钱冬云教师。我觉得大学最幸运的事就是可以找到一位关怀自己，协

52、助自己的教师。钱冬云教师博学敬业，诲人不倦，教师的一言一行、一论一说无不惠我甚若甘霖！毕业设计和毕业论文可以顺利完毕，离不开教师的指引，不管从毕业设计的选题，还是到论文的通过，教师都给了我很大的协助。教师总是不辞辛苦，从百忙中抽空出来每星期给我们开两次会，来解答我们在毕业设计中遇到的困难。还要感谢黄江波教师，对于美工方面的知识都是她把一点都不懂的我们一手带出来，能让我们有能力做一份属于自己亲手做的网站。尚有陈欲勐教师在我不懂得如何下手论文的时候，给了我很大的协助。饮水思源，师恩难忘！感谢我的爸妈，给了我一种良好的坏境学习。感谢我的同窗们，她们认真、积极向上的精神不断督促我，予以我团结和睦的环境

53、和克服困难的勇气；特别是薛德港同窗，在我不懂得怎么做网站后台的时候给了我很大的协助。参照文献1 刘文、朱飞雪.软件工程基本教程.北京大学出版社，.06.参照文献的著录，按序号著者题名出版社出版时间等顺序排列：期刊著者题名.期刊名称.出版年.卷号（期号）。书籍著者.书名.版次（第一版不标注）.出版单位，出版年。2 程有娥.SQL Server数据库管理系统.华东师范大学出版社，.02.3 钱冬云.SQL SERVER 数据库管理系统实验懂得与习题.人民邮电出版社.4 李幸超.实用软件测试.电子工业出版社，.10.5 刁成嘉.UML系统建模与分析设计.机械工业出版社.06.6 刁成嘉，刁弈等.UM

54、L系统建模与分析设计课程设计.机械工业出版社，.01.7 黄维光，张敏.中文版Project 实用教程.清华大学出版社，.03.8 杜四春,银红霞，蔡立军等.C#程序设计.中国水利水电出版社，.08.9 Kyle Dunn.A C# Application from Inspiration to Implementation(C#应用程序开发全程演习).清华大学出版社，.07.10（美）内格尔（Nagel.C）等著. C#高档编程(第6版). 清华大学出版社，.10.11李德奇，罗雅丽，何颖.C#程序设计.科学出版社，.08.12（美）Karli Watson Christian Nagel等著. C#入门典型（第3版）. 清华大学 出版社，.05.01.