Asp.Net电子信息系社团网站设计与实现.doc

天津农学院职业技术学院毕 业 论 文电子信息系社团网站设计与实现 学生姓名 ： 杨双 系 别 ： 电子信息工程系 专业班级 ： 2007 级 计算机信息管理 专业 指导教师 ： 张万潮 王桂菊 成绩评定 ： 2010年4月2摘 要基于c/s结构的校园社团网站系统，采用2.0技术，visual studio2008进行开发，使用microsoft acess 作为后台数据库，局部使用vb sript,java script技术。该系统实现目的是突破信息交流的的时空界限，使大学天津农学院社团活动的交流提升到网络平台。该平台建设具有良好的交互性，方便、快捷、高效、实时性强。主要的功能有社团新闻管理，社团资料介绍，学习资料共享下载、交流与公告等功能等。关键字：社团网站，asp.net,acess,c/s结构abstractbased on c / s structure of the campus community website system, using 2.0 technology, visual studio2008 for the development, use microsoft acess database as a background, the local use of vb sript, java script technology. this system aims to break boundaries of time and space for information exchange, so that the activities of the university of tianjin agricultural college community to the network platform to enhance communication. the platform has a good interactive, convenient, fast, efficient and real time. the main function of a community information management, community materials, share learning materials to download, share and announcements functions.keywords: community website, asp.net, acess, c / s structure目 录摘要关键字第一章 引言 5 1.1 课题的来源和网站系统目标 5 1.2 设计内容与设计结果 5第二章 相关理论及技术基础 6 2.1 .net技术 6 2.2 asp.net技术简介 6 2.2.1 asp.net的优点 7 2.2.2 asp.net的开发和运行平台 8 2.3 网站数据库简介 9 2.3.1 acess数据库的特性 9 2.3.2 acess数据库的特点 9 2.4 网站的界面处理和布局 10第三章 需求分析 11 3.1 网站的需求性分析 11 3.2 建站的可行性分析 11第四章 网站设计 12 4.1 总体设计 12 4.1.1 前台设计 12 4.1.2 后台设计 12 4.2 功能设计 13 4.2.1 网站的结构图 14 4.3 数据设计 14 4.3.1 网站数据库的选择 14 4.3.2 数据表的设计 14 4.3.3 网站的数据流图 17 4.3.4 数据设计小结 17 4.4 代码设计 17 4.4.1 flash滚动新闻的实现 20 4.4.2 站内检索功能的实现 214.4.3 鼠标指向及新闻颜色区分的实现 224.4.4 后台资源发布的实现 224.4.5 资源编辑的实现 234.4.6 管理员和普通用户的权限区分 244.4.7 代码设计小结 25第五章 网站的测试与维护 26 5.1 网站测试理论 26 5.1.1 测试原则 26 5.1.2 测试方法 26 5.2 本站测试报告 29 5.3 网站的后期维护 30参考文献致谢第一章引言1.1课题的来源和网站系统的目标随着网络信息时代的来临,互联网应用越来越广泛,从网上获 并且发布信息已成为现代计算机应用的一大特色. 一个网站,是一个传媒,也是一个窗口.普通人可以通过浏览各个网站,接触到许多从书本上学不到的知识,还可以看看新闻之类当作是一种消遣.而大到一个企业,小到一个个体通过制作自己的网站,向全世界宣传自己,提供各种关于自己的信息供顾客浏览.这时,网站也就成为对外交流的窗口.同时,网站上普遍都有一些免费资源,从而达到资源共享,使得我们足不出户都能得到想要的资料.现在很多企业,学校,乃至社团都有自己的网站.通过网站使数据处理更方便快捷,人员访问更方便.为此，为建立起校内外同学和社员的联系，更好的开展社团活动，更为及时的发布和更新新闻和学习资料，增加校友和校外人员对学校社团的了解，同时也宣传校园社团，提高学校知名度，建构天津农学院大学生网络技术协会网站。1.2 设计内容与设计结果从功能上看,本网站只可单用户(网站管理员)操作,浏览者不可操作站内资源.管理员可利用internet为依托,信息易发布,本网站可扩充性好,界面柔和.本课题主要内容包括:前台界面：主页用于展示社团最新信息，包括社团文字新闻，社团公告，图片新闻，站内学习资源下载，校内、校外友情链接等，同时设置有站内检索功能，方便快速检索数据。后台界面：为方便管理网站和快速发布信息和资源，本网站设计后台管理系统，界面友好，避免管理者直接面向数据库进行操作。后台界面主要有管理员登陆界面；用户管理界面，可指定超级管理员和普通管理员，同时可添加管理员和修改管理账户密码；前台导航管理，可对前台导航栏目进行动态添加；文章管理；校内外链接管理；资源管理。从设计流程上来看，包含以下内容：网站需求分析，设计报告，后台数据库的设计和表格的建立，设计网站并实现各模块功能，最后进行网站功能测试，编写测试报告。第二章 相关理论和技术基础2.1 .net技术.net 是微软推出的一个开发和运行软件的新环境。更准确的说，.net是一个xml web services平台。如果这样仍然显得晦涩，那就让我们先从web services说起。什么是“web services”？web services是“未来的计算”。web services是可分布的、独立的应用单元有一点类似“web component”的概念，但是，建立在开放的internet 标准（http和xml）之上的web services具有更强大的功能：web services使应用程序之间可以实现无缝结合：无论各个应用程序具体采用什么编程语言、当前运行在哪一种系统平台上，它们都可以通过互联网进行通信和交换数据，并且对用户而言，这种通信是透明的。借用微软sanjay parthasarathy的话，要实现下一代的分布式计算，最基本的一点就是要让所有的东西都成为web services。 既然web services如此重要，自然就迫切需要有一个可以方便地开发、集成web services的平台，这个平台就是我们要介绍的“.net”。具体地说，.net包括： 一个用来建立 .net 体验的软件平台。此平台指的是运行数据库的服务器、web 服务器，以及其他一些系统。例如exchange 这样的邮件系统和sql server 这样的数据库，以及用来在企业中组织信息的 biztalk server，用来管理运行 .net 的服务器的 application center，它们都是.net 的一部分。一个编程模型和一些工具，以用来建立和集成web service和网络应用程序。这个模型就是常说的“.net framework”。一套可编程web services。用户可以使用任何设备访问这些web services。它们其实是编程模型、工具和平台的最终结果。2.2 asp.net简介asp.net是由微软在.net framework中所提供的，开发web应用程序的类库，封装在system.web.dll文件中，显露出system.web命名空间，并提供asp.net网页处理、扩充以及http通道的应用程序与通信处理等工作，以及web service的基础架构。asp.net是asp技术的后继者，但它的发展性要比asp技术要强大许多。asp.net可以运行在安装了.net framework的iis服务器上，若要在非微软的平台上运行，则需要使用mono平台1，asp.net在2.0版本已经定型，在.net framework 3.5上则加上了许多功能，像是asp.net ajax、asp.net mvc framework、asp.net dynamic data与microsoft silverlight的服务器控件等。很多人都把 asp.net 当做是一种编程语言，但它实际上只是一个由 .net framework 提供的一种开发平台 (development platform)，并非编程语言。a是建立在通用语言运行时刻库（clr）上的应用程序框架。它用来在服务器端构建功能强大的web应用程序。2.2.1 asp.net的优点世界级水平的开发工具支持。在visuals的集成开发环境（ide）中，a框架由丰富的工具箱和设计器组成。所见即所得的（wysiwyg）编辑方式、拖放服务器控件、以及自动部署，仅仅是这一强大工具所提供的一少部分功能。 强大而富有弹性。由于是基于(clr)的，因此整个.net平台的强大和富有弹性，同样可以应用于web应用程序开发者。.net框架的类库、消息以及数据访问解决方案，都可以无缝集成到web。a也是语言中立的，因此你可以选择你最熟悉的语言，或者通过几种语言来共同完成一个应用。而且，clr的互用性可以保证你升级到asp.ent的时候，现存的基于com的开发投资依然保留。 简单。a使执行常用的工作变得很容易，比如从简单的表单提交、客户端验证，到部署和站点配置。例如，允许你建立用户接口，实现页面和逻辑代码的分离，同时，就像vb的表单执行模式那样来处理事件（也就是说，由页面驱动模式变成了事件驱动模式）。此外，clr简化了部署，用来管理代码服务，例如自动参照和垃圾回收。 易于管理。a使用一个基于文本的、分层次的配置系统，它简化了服务器端环境和web应用程序的设置。由于配置信息用纯文本格式保存，新的设置不需要本地管理工具的支持。这种“零本地支持”的理念也同样应用到了部署应用程序。a应用程序部署到服务器，简化为复制必要的文件到服务器。在部署，甚至替换正在运行的变异代码的时候，也不需要重新启动服务器。 可伸缩性和有效利用性。a被设计成可伸缩的，能为集群和多处理器环境设计提高性能。而且，运行时刻密切监视和管理进程，这样，如果发生了错误的行为，例如漏洞和死锁，新的进程会在当前位置建立，来帮助你的应用程序继续处理事件请求。 可订制和扩展。a提供一种良好的扩充结构，允许开发者在适当的级别“插入”他们的代码。事实上，使用自己的编写的组件可以扩展或者替换运行时刻的任何子组件。执行自定义验证或状态服务变得前所未有的容易。 安全性。内建的windows验证和每一个应用程序的独立配置，你可以认为你的应用程序是安全的。2.2.2 asp.net开发和运行平台目前，asp.net运行的最佳环境为windows 2000 、windwosxp、windows 2003，当然，最舒适的开发环境是windowsxp，最佳的运前，行环境就是windows2003了。本网站的开发环境是在windows xp下进行的，并且测试通过。无论采取那个系统平台，下列的程序是必须安装的：（1）、iis 5.0以上（2）、ie 5.5 以上 （3）、.net framework sdk其中,.net框架可单独安装，也可在装visual studio时利用安装程序安装。2.3 网站数据库的简介acess介绍microsoft office access（前名 microsoft access）是由微软发布的关联式数据库管理系统。它结合了 microsoft jet database engine 和 图形用户界面两项特点，是 microsoft office的成员之一。access 是微软公司推出的基于windows的桌面关系数据库管理系统（rdbms，即relational database management system），是office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。access能够存取 access/jet、microsoft sql server、oracle(甲骨文软件公司)，或者任何 odbc 兼容数据库内的资料。熟练的软件设计师和资料分析师利用它来开发应用软件，而一些不熟练的程序员和非程序员的进阶用户则能使用它来开发简单的应用软件。虽然它支援部份面向对象（oo）技术，但是未能成为一种完整的面向对象开发工具。2.3.1 acess数据库的特性microsoft access在很多地方得到广泛使用，例如小型企业，大公司的部门，和喜爱编程的开发人员专门利用它来制作处理数据的桌面系统。它也常被用来开发简单的web应用程序这些应用程序都利用asp技术在internet information services运行比较复杂的web应用程序则使用php/mysql或者asp/microsoft sql server2.3.2 acess数据库的特点优点(1)存储方式单一 access管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为（.mdb）的数据库文件中，便于用户的操作和管理。 (2)面向对象 access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。同时，这种基于面向对象的开发方式，使得开发应用程序更为简便(3)界面友好、易操作 access是一个可视化工具，是风格与windows完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。 (4)集成环境、处理多种数据信息 access基于windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。 (5)access支持odbc（开发数据库互连，open data base connectivity），利用access强大的dde（动态数据交换）和ole（对象的联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、excel表格、word文档，还可以建立动态的数据库报表和窗体等。access还可以将程序应用于网络，并与网络上的动态数据相联接。利用数据库访问页对象生成html文件，轻松构建internet/intranet的应用。 缺点acess是小型数据库，既然是小型就有他根本的局限性，以下几种情况下数据库基本上会吃不消：1.数据库过大，一般access数据库达到50m左右的时候性能会急剧下降.2.网站访问频繁，经常达到100人左右的在线。3.记录数过多，一般记录数达到10万条左右的时候性能就会急剧下降.本站是校园社团网站，不涉及到机密内容，安全要求较低，网站较小，常规访问量不大，由以上介绍和网站数据库要求分析，采用mcrosoft公司的aceess作为后台数据库系统可满足要求。2.4 网站处理和布局建站过程中用div+css样式布局，局部应用了dreamweaver，全站图片和按钮用photoshop和fireworks处理，flas取之于网上素材。第三章 需求分析3.1 网络协会网站的需求性分析在信息化社会高速发展的今天，各行各业都已经实现信息互联，高速的信息流迫使我们改变传统的信息交流方式，大到整个世界的信息交流，小到一个社团、一个单位的信息传播，网络带来的快速而便捷的信息交流方式深入各处，为适应社团的发展，提高学校和社团的知名度，组建天津农学院网络技术协会网站是迫切需求。3.2建站可行性分析.技术可行性：asp.net技术作为当今主流的web应用程序开发技术，受到广大从业程序员和业余爱好者的喜欢，网络技术协会广大社员有幸结识一些已入行数年的资深技术研发人员，因此，建站有一定的外部技术人员储备，网站在建设过程中碰到技术困难可向他们请教。同时，我校电子系部分专业从大二开始开设asp.net课程，有相当大一部分对asp.net有兴趣的同学被吸纳为我会会员，其中不乏技术优秀者，技术人员众多，建站在技术上可行。经济可行性：协会网站建站过程中，不需要太多的资金支持，学校信息中心提供全面的建设硬件支持，建站经济上可行。.运行可行性：天津农学院拥有一流的网络信息中心，服务器一应俱全，建站采用主流c/s架构，vs开发平台，运行过程中有社员全面及时的进行维护，因此从技术上讲，完全可行。第四章 网站设计4.1网站总体设计 4.1.1 前台设计一共有6个页面，具体如下downcontent.aspx.资源下载页，用于呈现资料下载栏目具体资源downlist.aspx资源下载栏目页imglist.aspx图片新闻页，用于前台呈现图片新闻index.aspx.前台主页newscontent.aspx.新闻内容页，用于前台呈现新闻详细内容newslist.aspx.新闻列表页，用于前台呈现所有新闻search.aspx.站内检索页，用于呈现前台站内检索结果web.config配置文件所有后缀名为.aspx.cs为相关页的代码页 4.1.2 后台设计一共有12个页面，具体如下：masterpage.master.母页，用于构建后台页面相同框架login.aspx后台系统登录页banneradd.aspx主页一级栏目添加页bannerlist.aspx栏目列表页downedit.aspx.下载资源编辑页，用于下载资源的管理downlist.aspx.站内下载资源列表页downsearch.aspx.后台站内资源检索页gif.aspx.随机码生成页，用于后台登录页面随机码生成linkedit.aspx.链接管理页linklist.aspx.链接列表页logout.aspx.后台系统跳出页newsedit.aspx.新闻编辑页newsflash.aspx.前台flash新闻添加页newsflashlist.aspx.前台flash新闻列表页newslist.aspx.新闻列表页newssearch.aspx后台站内新闻检索页useradd.aspx.管理员添加页useredit.aspx.管理员信息编辑页userlist.aspx.管理员列表页所有后台页面文件置于根文件下的cms子文件夹下， 以.aspx.cs后缀名为相应页面的代文件4.2 功能设计前台bander所展示栏目分一级栏目和二级栏目，可在后台动态添加。前台图片新闻可动态添加。新闻，资源，公告三栏实现鼠标指向，即可弹出相应内容列表。bander各级栏目实现鼠标指向变色效果。最新图片实现flash滚动。校内外链接可实现后台添加、编辑。后台登录界面，生成验证码防止非人为手段恶意攻击。新闻，公告，一级、二级栏目，资源下载，网站管理员信息，图片新闻，校内、校外链接等所有站内内容实现动态编辑、更改、添加、删除等功能。其中管理员指定普通管理员和超级权限问题，不同权限具有不同网站管理功能。后台管理系统可实现站内资源检索，用于管理员快速定位站内资源，新闻、公告等。4.2.1 网站结构图4.3数据设计 4.3.1 数据库选择，采用acess数据库，理由以上已分析说明，在此不过多赘述。 4.3.2 数据库表的设计bander一级菜单表bander二级菜单表下载资源信息登记表flash新闻表图片新闻记录表校内外链接地址管理表站内新闻信息表管理员信息表4.3.3 网络协会网站的数据流图4.3.4 数据设计小结图4.1，图4.2中一级和二级导航栏目可实现动态添加，图中未明示，详细可参看网站测试效果4.4 主要功能的代码设计本网站所有页面均大量采用了技术的中datebind方法进行数据的动态绑定。例如bander栏目的绑定，部分代码如下protected void page_load(object sender, eventargs e) if (!this.ispostback) databindtolist(); databindtobanner(); pagechange(); databindtolbnews(); databindtooutlink(); databindtoinlink(); private void databindtobanner()/将菜单信息读出绑定到页面上 string strsort1 = select sort1,link,module from bannersort1 where auditing = 1; /绑定一级bander dataset dssort1 = db.selectdata(strsort1, banner1); datatable sort1 = new datatable(); sort1 = dssort1.tables0; stringbuilder sb = new stringbuilder(); for (int i = 0; i sort1.rows.count; i+) /绑定二级bander string strsort2 = select sort2,link,module from bannersort2 where sort1 = + sort1.rowsisort1.tostring() + and auditing = 1; dataset dssort2 = db.selectdata(strsort2, banner2); datatable sort2 = new datatable(); sort2 = dssort2.tables0; if (sort2.rows.count = 0) sb.append(a href=); sb.append(sort1.rowsilink.tostring();/ else sb.append(); sb.append(sort1.rowsisort1.tostring(); sb.append(); if (sort2.rows.count != 0) sb.append(); for (int j = 0; j sort2.rows.count; j+) sb.append(); sb.append(sort2.rowsjsort2.tostring(); sb.append(); if (sort2.rows.count != 0) sb.append(); sb.append(); this.lbbanner.text = sb.tostring(); 同时本站大量采用了append方法， 不直接在源码中固定布局和样式，通过append方法来实现的网站信息的全动态绑定和追加，实现页面局部布局和字体样式设置，超链接等相关功能，其中包括，新闻，资源，bander，一二级栏目名，校内外链接等。增强了信息绑定的灵活性，给后台管理带来便利。例如：sb.append(); sb.append(dt.rows0name.tostring(); sb.append(下载次数：); sb.append(dt.rows0downloadtime.tostring(); sb.append(资源大小：); sb.append(dt.rows0bytesize.tostring(); sb.append(发布时间：); sb.append(dt.rows0editdate.tostring(); sb.append(资源类别：); sb.append(dt.rows0sort.tostring(); sb.append(点击下载：); sb.append(dt.rows0name.tostring(); sb.append(); sb.append(); this.lbcontent.text = sb.tostring();4.4.1 前台flash滚动新闻实现public void databindtoflash()/flash新闻 stringbuilder sb = new stringbuilder(-); dataset ds = db.selectdata(select top 5 * from flash order by id desc, flash); datatable dt = new datatable(); dt = ds.tables0; for (int i = 0; i )新闻发布时间不同有颜色区分：if (dt.rowsieditdate.tostring() = datetime.now.toshortdatestring() color = #b8ac72; else color = #000000;4.4.4 资源发布功能实现public void fileupload() if(fileupload1.hasfile) string name = this.txtname.text.trim(); int iindex = this.fileupload1.postedfile.filename.lastindexof(.);/获取文件格式 int ilength = this.fileupload1.postedfile.filename.length; string sfiletype = this.fileupload1.postedfile.filename.substring(iindex + 1, ilength - iindex - 1); string bytesize = fileupload1.postedfile.contentlength.tostring(); string editdate = datetime.now.toshortdatestring(); string urladdress = ; string str = ; try this.fileupload1.saveas(server.mappath(./photo/download/ + datetime.now.year + datetime.now.month + datetime.now.day + datetime.now.hour + datetime.now.minute + datetime.now.second + name + . + sfiletype).tostring(); urladdress = convert.tostring(./photo/download/ + datetime.now.year + datetime.now.month + datetime.now.day + datetime.now.hour + datetime.now.minute +