四队和一队基于学员队动态网站设计与实现

步伐适应院校信息化建设的需求开发学员队站设计是一个必然趋势。站是指内容的更新和是通过基于ASP、JSP等技术的数据驱动的内容管理系统完成它不仅仅是几个静态页面的那么简单它将建设从单纯的静态页面制作延伸为对信息的组织管理本文在参考查阅了大量的有关站ASP技术等方面的书籍和资料后结合学员队的实际情况和具体需求通过将上各种动态问。本是以ASP为前台开发技术以SQLServer2005为数据库以Dreamweaver8作为开发的工具，以Photoshop作为辅助处理工具，来对进行开发的，最终完成了主界面、管理员登录页面、页面、管理系统等15个页面的设计及 站，ASP，Alongwiththedevelopmentofinformationear,browsingwebsitebecameanimportantwayofobtaininginformation.Andpeopledon’tsimplysatisfiedstaticpage.Peopleinpursuitofinformationandonthebasisofthebeautifultopagealsoputforwardhigherrequest.Amongthesearereflectednotonlyinsocietyinthearmy,whichisalsoso.Sotokeepup-to-datewithTheTimesandadapttotheneedofarmyschoolinformationconstruction,anddevelop“TheDesignofTheStudent’sWebsiteSystem”isinevitabletrendwebsite.DynamicwebsitecontentreferstotherenewalandthemaintenanceisbasedonASPJSPtechnologyofthedatadrivencontentmanagementsystemto plish.Itisnotonlyafewstaticwebconnectionsosimple,itwillwebsiteconstructionfromthepurestaticpagesofinformationformakingextensionsoforganizationandmanagementteam.Inthispager,alargeamountofrelevantreferencereferdynamicwebsite,ASPtechnologybooksandinformation,combinedwiththeactualsituationofstudent,andconcreterequirementthroughwebsitevariousdynamiccontentareaencapsulationintopageselements,finallyachievedstyleandcontentifseparation,andusertovisittheinteractivityofsystem.ThiswebsiteisbasedonASPforthefrontdeskdevelopmentoftechnology,thepapertakesSQLServer2005forthebackenddatabase,Dreamweaver8aswebdevelopmenttooltoPhotoshopasauxiliaryimageprocessingtools,toperformsitedevelopment,andfinallythesystemcompletedthemaininterface,theadministratorloginscreen,theforuminterface,backofficesystemdatabaseinterfacedesignandtheestablishmentofadatabasetabledesignanddatabaseconnection.Themainfunctionmoduleincludestheadministratorlogin,foruminformationmanagementsystems,backofficesystemsandsoon.Thesystemhasbeentestedtoachievetheobjectivesandrequirements,whichhasgoodflexibility,reliability,stabilityandscalability.：Dynamicwebsite,ASP,中 第一章绪 第二章开发环 开发环 需求分 设计原 第四章总体设 4.1的总体架 4.2的具体功能和主要内 实际测 3434 参考文 致 课题背景及选题网普及率为46.9%。越来越多的人通过计算机网络来工作、学习、。现在官兵大部分都接触了网络，在时代潮流驱使下，也应该适应时代发展，我校也在校园网建设上投入了大量的人网络平台，不但可以看、公告，还可以进行课余时间的学习和。投入大量精力，力求最大程度满足学员的需要。在这里，学员可以实时浏览队内、校内的热点动态；可以欣赏优美清新的文章；可以共同我们这四年的警营风采；还可以自己的见解和学员队站的建立既能方便学员队队日常管理，又可以丰富官兵课余生活。综上所述，学如今是信息时代人们不仅有了学习提高的途径同时也要求大家具有更高的个人素质。重要力量，也应该适应时代潮流。学员队站将作为一个学员队基层官兵学习、交流的平台，展示学员队风采，发布学员队、学员队组织的活动等信息；通过设立学台，实现在警的建立，方便和其他学员队的互动和交流。本文主要本课题的研究是为学员队创建站，所以的建立将结合学员队的实情，紧紧围绕学员队所需要的功能展开，研究内容主要如下：1学员队站包含内容如下(1)首页、一队简介、校园动态、通知公告、第二课堂、国际、队内建设、学员天地、(4)明确的管理权限(6)进行测试并根据不断加以完善2.学员队站的设计方案如下(4)测试本文章节第一章绪论介绍研究课题的背境说明课题来源和意义介绍应用现状提出课题任务，第四章总体设计对系统的总体架构设计进行介绍对模块进行划分结构化描述各模块，、第五章详细设计:的详细设计是本篇的重点，我将从网页的制作标题栏制作、前台栏目实现、管理设计以及数据库设计与连接方面进行详细的阐述说明。、第六章的测试：对测试的描述以及的报告第二章开发环开发环针对开发软件对系统环境的要求，结合广大学员登录的需要，部署需要的操作系统版本、版本：64版本：2008SQL版本：2008 CoreI3相关技ASPASPASP是微软公司开发的便、简单的编程工具。ASP的网页文件格式是.asp，已经被广泛应用于各种类型站中。ASP身为微软早期的页编程语言以其简单、易学易用的特点吸HTMLASP所设计出的是动态主页，可接收用户提Dreamweaver8Dreamweaver8是一种专门设计的，用于HTMLDreamweaver8软件进行HTMLDreamweaver8提供了多种简单易操作的编辑工具，使用户能够更简单便捷的完成Web设计。因此Dreamweaver8Web站点、Web页和Web应用程序进行开发设计。Dreamweaver8为用户所提供的可视化编辑功能可以方便的帮助开发者快速的建立页面，而无需开发者花费精力进行繁杂的编程。使用Dreamweaver8可以将所有的站点元素或资源从使用Dreamweaver，极大地优化了开发工作流程。Dreamweaver8相较于以前的老版本增加了许多新功能。这些新功能使用户不需花费很多的时间和精力便可以轻松地生成Web站点Dreamweaver8帮助用户使复杂的设计技术变得简单而AdobeFlashCS6AdobeFlashCS6AdobeWeb应用程序，都可以用它来将音乐、声效、动画融合在一起。因此使用AdobeFlashCS6AdobeFlashCS6Flash作品所在所使用的Flash元素，大多基本上都是使用本软件制作完成，如Logo、动态图标等。PhotoshopCS5面设计、处理、网页设计、界面设计、文字设计、插画创作、视觉创意以及三维设计等方面都有出色的表现。无论是我们正在阅读的封面，还是在大街上看到的牌、海报，无论是精美的艺术，还是互联网上美观的网页，都离不开Photoshop这款大众而又专业的软件。PhotoshopCS5相比于原来的版本取得了很多突破：包括相机防抖动功能，图像提升采样，智能锐化以及智能增加取样等功能，占用面积更小的，更易调节的选择工具等，工作界面布局也更加合理，更计元素产生CSS程序代码，然后轻松将程序代码粘贴至网页编辑器，即可获得想要的结果。图2-3AdobePhotoshopSQLServer2005SQLServer2005是一个全面的数据库平台，该版本可以为各类用户提供完整的数据SQLServer20051、Access是桌面型的小数据库应用，Access中的数据在文件系统内，不适合海量数据存储。此外，SQLServer支持过程、触发器、自定义函数等操作；安全性、并发控制能力、数据挖掘、联机操作等方面都是Access无法的。2Windows操作系统的学校来说，SQLServerWindowsSQLServer数据库。在安装SQLServer之前需要安装一些前期软件SQLServer安装程序需要WindowsInstaller3.1或更高版本以及数据组件(MDAC)2.8SP1或更高版本SQLServer安.NETFramework2.0Internet信息服务IISIE6.0ADO（ActiveDataObject）ASP之间数据传送的桥梁，提供了开发数据库功能网页所需要的应用程序接口，可以利用ADO对象直接数据库。所以数据库网页结构是由库系统，ADO应用程序接口起到了桥梁的作用。ODBC(OpenDatabaseConnectivity开放式数据库互连)是一个用于数据库的统一界面标准。它实际是一个数据库库。开发ODBC接口可以创建与不同数据库系统进行交互的应用程序，ODBC可以使应用程序直接数据库中的数据。ODBC的最大特点就是可以避免应用程序随数据库的改变而改变的麻烦。ODBC通过使用驱动程序来提供数据库的独立性。驱动程序与具体的数据DLLODBC函数调用。应用程序通过驱动程序所支持的函数来数据库。假如改变数据库，只需相应改变ODBC驱动程序，而不是程序。ADO数据库技术。在ASP中建立数据库的，需要通过ADO来完成。ADO是微软公司提供的面向对象的，与语言无关的通用数据库接口。利用ADO可以将任何数据库结果Web页面。ADO要想存取数据库的内容，首先要求系统必须安装数据库驱动程序，否则，ADO无法与数据库建立连接ASP内建的DatabaseAccess组件可以使用ADO技术在服务VisualStudioVisualStudio2008在开发环境中提供了高级开发工具、调试功能、数据库功能和创新功能。此外，VisualStudio2008还增强了原有版本功能，为开发人员提供了与开发相关的工具盒框架支持，Web和Windows应用程序。VisualStudio2008优越性：2008的集成开发环境具有很多应用程序的快速工具，有助于提高开发人员的精确性和工作效率。VisualStudio2008提供了在WindowsVistaWindowsServer2008等平台上加速创建联系紧密应用程序的新工具，从而使开发人员拥有了创建个性化新一代Web应用程序的新体验。本章小本章主要介绍的是一般开发的环境。首先介绍了开发的电脑所需的硬件环境，然后简要介绍了开发所要用到的软件以及它们的主要功能主要包括ASPDreamweaver8FlashCS6、PhotoshopCC、SQLservervisualstudio2008等，使大家这些工具软件有一个初步的了解。需求分，合有线通信网为支撑建立各级目前院校各学员队为了提高工作效率提升自身形象，，任务和。这就要求学员队要适应新形势下工作的任务和特点，能够满足广大学员学习以及队办公的需要。例如在本前台中加入了学员队简介、中心、队内建设、警营等板块；有用户登录、用户添加、管理等模块。学员队简介板块，它为宣传本队特色以及本队历史起到了重要作用。警营模块，加强了学员之间以及与队之间的沟通交流。中心，的更新一些以及院校，使学员们能够及时了解基层的新，不断拓展自己的知识，用户登录板块是为方便管理员实行的管理，登入模块是便于用户和进学员队是学员队的“门面”，既可以展示学员队的精神面貌和动态，也可以提供各种服员可通过管理系统和数据库实现对前台的信息的增加、修改、删除、管理等功能。设计原切 教育可行性发环境是visualstudio2008，使用的数据库软件是SQLServer2005，这两款软件均是使用成软本章小常重要的一步。只有做了客观、全面的需求分析，才能在下一步设计出确实符合学员需求的第四章总体设4.1的总体架4.2的具体功能和主要内1该栏目设一队简介、实力、历史荣誉等专栏，通过此板块，可以使学员或队外人员对我队2校园动态主要关注校园内发生的一些新鲜事，上级要闻主要聚焦学校有关决策、会议等3通知公告及时更新大学，让及时了解上级精神45、国际6该栏目主要设人员状况支部建设队内通告栏主要介绍我队目前的人员状况资料、团支部等人员组成另外队内通告实时更新及时将队里的通告通过此栏目传达给学员，78搭建服务器平Dreamweaver8是一款非常优秀的网页开发工具，但无法独立完成站大的创建，因此必Web服务器和数据库支持。Dreamweaver8支持ASPJSPColdFusionPHPMySQL等4种服务器技术，在这里开发基层中队采用的是ASP服务器技术。在进行ASP网页开发之前，先进行编译ASPIIS的安装。默认情况下，windows7安装时是不会自动安装IIS“开始”|”控制面板”|”程序”|”打开或关闭windows功能”|”internet信息服务”如图3-1和3-2所示。在默认状态下，IIS会被安装到C盘下的inetpub 中，其中有一个名为wwwroot的文件夹，它是的默 ，的默认WEB站点也放置在这个文件夹中4-2internetWeb在IIS安装成功的基础上，打开”开始”|”控制面板”|”管理工具”（3）双击ASP选项，设置ASP的父路径：IIS7中父路径默认是没有启用的，要开启父路径，True3-3所示。(4)此时，默认WEB站点是在浏览器中输入http：//后显示的站点，默认主页对应页面文件名称是Default.aspWeb站点。4-3ASP设置 。如图3-4所示。4-4调试我们一般“连接方法”选择“本地/网络”。“服务器文件夹”选择你安装的服务器位置，一般在C盘。因为站点文件夹在服务器主 下的“linquan”，所以“WebURL”设置为4-54-6数据库设计与连列表：ID（自动编号、标题、内容、地址、点击次数、添加日期等。友情表：ID（自动编号、名称和地址。4-1管理员信息表4-2留言本表4-3 友情表4-4 据源(ODBC)”>“系统DSN”命令，单击“添加”按钮，选择Driverdo Access安装框中在数据源名中输入data-lq，单“选择，打开“选择数据库”框，C:\web\linquan\Data\data-linquan.mdb为要找的数据库所在的，设置好后，单击“确定，完成ODBC设置。3)启动DWCS6，新建文档，在“页面类型”中选择“ASPVBScript”选项，在根下index.asp的网页并保存。选择数据源data-lq，创建连接名称conn，单击“测试”按钮，弹出“成功创建连接此时，数据库连接成功。此时会在根下生成一个conn.asp网页，即是用来连接数据库文件，关键set 本章小设IIS服务器技术，使能够在本地运行。最后对数据库的逻辑结构进行了分析，介绍了数据库第五章的详细设网页的在的制作过程中，我们使用Dreamweaver8来制作网页。这其中包括：创建及保存网页、应用表格、编辑文本、插入图像、进行超，网页制作的高级功能有层、表单、文本表达按钮、行为、CSS样本表、模板和库。3、制作标题栏。本通过表格来进行标题栏的设定制作内容。制作首页和各个功能页的基本内容。9CSS样式。CSS样式表的创建，可以统一定制网页文字大小、字体、颜色、边框和连前台系统模块，同时首页的布局决定了的页面效果图5-1首页界<tdvalign=top<ul<tablewidth="1000"border="0"align="center"cellpadding="0" width="1000"border="0"/></a></td><tablewidth="1000"border="0"align="center"cellpadding="0"cellspacing="0"<tdwidth="265"valign="top" width="265"height="265"class="style1" a497a8f81e26224.jpg"/></td><tdvalign="top"width="375"><tablewidth="360"border="0"align="center"cellpadding="0"<tdwidth="145"height="33"align="center"background="images/rightlm_01.jpg"校园动态 <tdvalign=top<ul首页顶栏显示的是标识在标识下是导航栏导航栏各个导航条的各个模块。的各个模块。可以看到，当学员或其他浏览者进入中队首页之后，就可以选择一队简介、通知公告、校园动态、第二课堂、国际、队内建设、学员天地、互动平台等各个模块进行浏览和使用资源。除十个模块外，首页反映了整个的精华部分，也是浏览者者最直接感受，最乐于部分。因此首页的其他栏目设计也十分重要，接下来设计首页中的栏目。这个栏目及时更新大学和的。因为通知一般以队为单位下发，广大学员在统5-2所示综合

5-2在基层的一日生活制度安排比较紧凑的情况下，大部分学员很少关注校生的事件，而接获取。但是通过该栏目，学员们可以阅读到今天或者最近几天校生的主要事件，因此在5-3国际

5-3这个栏目列举了大家比较关心的国际使广大学员能够在足不出户的情况下了解国家大事。5-4所示。

5-4该栏目以滚动的形式展示校园风光，让对母校产生的自豪感，为能保家卫国，5-5所示5-5<tablewidth="1000"border="0"align="center"cellpadding="0" height="170"/></td><tablewidth="1000"border="0"align="center"cellpadding="0"<td><divid="Set .open"selecttop10*fromSClasswheretid=0andIs =1orderbypidasc",conn,1,3dowhilenotrs <%if ("yn")=2response.write"<ahref=""Sort.asp?id="&rs elseifrs("yn")=1then response.write"<ahref="""&rs("content")&""">"&rs("cname")&"</a>"endif%></li> <tralign="center"<tdwidth="400"><fontcolor=#339900>欢迎学员一队<formid="form1"name="form1"method="post"<tdwidth="350"站内搜索：êo<inputname="keyword"type="textid="keyword"<inputname="image"type="image"src="images/search.jpg"align="middle"和组织建设等子模块，是展示学员队形象的一个重要窗口，因此也是学员队设计的重点。如学5-6、5-7所示。5-65-75-8所示，点击相应按钮可提交留言和查看留言。5-8本中网页的美工设计主要Photoshop技术，Photoshop技术对网页的进行处理，使网页 Photoshoptop第一步：首先需要上网搜集一些符合你的风格和你比较喜欢的之类的素材，或可Photoshop中绘制出自己所需的素材第三步：设计背景，调整，添加其他，使用羽化的等技巧对进行处理，然后再制作分页和其他。5-95.3管理系作为管理员也可以登录管理系统对进行管理首先在首页最下方点击管理，进入登陆界面，输入管理员账号和。如图5-10所示。点击登录按钮，登陆成功后，进入下图5-11界面，管理员就可以对本进行管理了。5-105-11在系统管理界面中共设有管理、管理、页面管理、留言管理四个模块。其中管理又分为首页、首页、信息配置、管理员和安全退出五个栏目。管理分为添加、列表、分类三个栏目。页面管理分为添加单页、里页列表、单页分类三个栏目。留言管理分为留言管理一个栏目。通过简明、方便、快捷的模块分工，实现对的全面管理。登录用户信息显示界面是显示登录本并参与留言板讨论的用户的留言信息，留言用户通过前台系统留言界的留言板面进行填写留言，提交给数据库进行，管理人员可以对留言5-12所示。5-125.4本章小本章是整篇的重点，对的详细设计过程进行了说明。先介绍了网页的制作，然后根据出了自己在实际制作完善过程中遇到的问题和解决的办法。第六章测试与分测试的开发出用户满意的软件。我们对的测试就是为了提高的可靠性和稳定性，使学员对该测