web开发实验报告.doc

目录一实验要求3二题目分析：42.1分析及背景：42.2功能实现4三实验实现：53.1网站的基本要求：53.2主要实施目标：63.3平台选择63.4技术需求：7四系统的详细设计与实现84.1模块流程图：94.2.系统流程图114.3.数据库设计：124.4系统界面设计144.5系统功能测试354.6.系统评价384.7系统不足与展望39五.实验总结39实验题目：web开发网站设计一实验要求本实验中，要求网站应有以下五个功能模块：(1) 上传文件、文件下载(2) 数据分页显示(3) 模糊搜索(4) 表单验证(5) 用户权限粗粒度、细粒度管理具体描述如下：1、 上传文件、文件下载说明：分两个界面进行文件的上传和下载，页面一：上传文件界面，包括指定文件夹（文件夹内部文件全部上传）和单个文件上传；页面二：文件下载界面，首先显示文件列表，每个文件对应一个下载链接，实现下载功能。2、 数据分页显示说明：对于数据记录数较大的表，显示其内容时分多页显示，具体形式自己定义，可参考：共有X条记录 共X页 当前是第X页 首页 上页 下页 尾页 3、 模糊搜索说明：使用搜索框，实现数据表中相关记录的搜索，相关记录按列表显示，比如：4、 表单验证说明：实现表单提交过程中相关信息的验证，比如说注册用户时用户名是否存在、密码是否过于简单、邮件格式要求等等，尽量详细尽量多的验证相关信息。5、 用户权限粗粒度、细粒度管理说明：用户权限管理，比如说整个系统有2个功能、2个用户，用户1能执行功能1和功能2的全部功能；用户2只能执行功能2.2，控制用户权限流程让用户1和用户2只能执行自己的功能。 二题目分析：2.1分析及背景：在互联网技术飞速发展的今天，人们获取知识与交流的方式正在发生翻天覆地的变化，论坛作为以互联网技术为依托而产生的新生代交流方式，正在逐步为人们所接受。 网络论坛代表着来交流方式的一种发展方向，其应用推广将给世界人们带来更多的交流机会，进入21世纪，经济全球化成为必然，随着世界经济一体化的发展，资金流动越来越快，市场变化也越来越快，人与人之间的联系更加紧密，传统的面对面（face to face）交流已不能满足人们发展的要求，网络论坛和聊天软件的发展满足了人们进一步的交流欲望。网络论坛与传统面对面交流方式相比具有明显的优势，可归结为以下几点：(1)消费者无须远行与久等。 (2)方便快捷可靠。 (3)高度自由的环境。2.2功能实现根据上面给出的实验要求和本小组实验的题目，我们描述网站要实现的功能如下：1、 和dota有关的资源(如地图等)可以供用户下载，同时也可以由管理员上传。2、 在课程数目足够多的情况下能分页显示所有课程。并且至少能显示当前页，能跳到下一页，能跳到首页，能跳到尾页，能返回到上一页。3、 网站能提供模糊搜索功能。当用户输入合法关键字后，网站能相应的显示出与关键字有关的所有内容列表，并且能同样能按照各种需求搜索显示(如作者，内容等)。4、 在网站上注册用户时网站能提供表单验证功能。网站能针对用户注册的信息进行逐一检测，一旦发现不满足注册的规范能出现出错信息来提示用户重新输入合规范的注册信息。5、 网站的不同功能的使用能针对用户的类型加以限制。如可能有超级管理员能对其他所有用户进行管理。 三实验实现：决定做一个dota论坛网站，以满足同学玩游戏的需要，并可以丰富我们校学习的课余生活，让同学们学娱结合。3.1网站的基本要求：1.用户功能实现(1).用户的登录(2).用户的注册(3).用户的查找(4).用户资料的修改2.帖子功能实现(1).帖子的发表(2).帖子的回复3.后台管理(1).用户的管理(2).帖子的管理(3).论坛信息的管理 4.搜索功能实现 (1).数据库的搜索 (2).外站搜索引擎 5.上传下载实现 重点/难点分析：1）数据库的设计及实现；2）数据库的连接；3）数据在数据库中的存储与提取；4）上传功能；3.2主要实施目标：实现一个基本的论坛系统，完成包括注册用、修改资料、发帖、回帖。管理员可对论坛进行基本维护功能，完成包括对用户的管理、对贴的管理、对栏目及主题的管理等功能。主要包括：1.身份的安全验证。主要完成系统登录用户的验证，对于非法用户将禁止登录，不同身份的用户被赋予不同的权限。2.用户：浏览帖子，留言。3.注册用户：发表、修改帖子；回复帖子，删除回复；查看、修改个人信息，留言4.版主：发表、修改、删除帖子；回复帖子，删除回复；查看、修改个人信息，留言5管理员：删除、修改用户信息、将会员设为版主或撤销版主；添加板块、修改板块、删除板块；发布公告、修改公告、删除公告；查看留言、删除留言。3.3平台选择选择微软平台作为主导，一方面考虑目前微软的飞速发展，越来越多的企业在规划内部网络时，将微软平台作为首选方案；另一方面从技术角度来讲，微软平台上的应用无论是在开发上，还是在软件的部署上都是非常容易，而且性能优越。具体如下：1. 开发工具：MyEclipse 2. 辅助开发工具： Dreamweaver , Adobe Photoshop 3. 数据库：SQL SEVER4. 服务器 ：Apache Tomcat6.05. 运行环境 ：安装JDK1.6支持Java运行。6. 技术：前台网页的设计采用JSP技术制作。负责响应用户对业务逻辑的请求并根据用户的请求行为，决定将哪个JSP页面发送给客户。3.4技术需求： 关键技术：使用JSP编程、Java编程，需要使用myeclipse，tomcat，sql sever ，lucene等工具。1、JSP简介JSP全称Java Server Pages，是由Sun Microsystems公司倡导、许多公司参与建立的一种动态网页技术标准。JSP技术是用JAVA语言作为脚本语言的，JSP网页为整个服务器端的JAVA库单元提供了一个接口来服务于HTTP的应用程序。目前国内外已经在广泛地使用JSP。和传统的动态网页制作相比，JSP具有明显的优势：1）作为Java平台的一部分，JSP拥有Java编程语言“一次编写，各处运行”的特点。一次写入之后，可以运行在任何具有符合JavaTM语法结构的环境，取代过去单一平台开发。 2）JSP技术提供的组件都是基于JavabeansTM技术或JSP标签库。3）JSP标签可扩充性。JSP技术能够使用开发者扩展JSP标签，JSP开发者能定制标签库，减少对脚本语言的依赖。4）生成可重用的组件。JSP基于组件的技术方法加速了总体开发过程。JSP组件（Javabeans，或定制的JSP标签）是跨平台可重用的。 2. SQL sever数据库SQL SEVER是现在流行的关系数据库中其中的一种，相比其它的数据库管理系统（DBMS）来说，SQL SEVERL具有功能齐全、查询迅捷等优点， MySQL具有以下优点:1、首先是速度。对于SQL SEVER来说,速度是他们追求的主要目标之一， SQL SEVER的TODO中，对触发器、约束这样的注定会降低速度的功能对查询提速有重要作用。2、SQL SEVER更适宜在Windows环境下运行。作为一个本地的Windows应用程序运行(在NT/Win2000/WinXP/WIN7下，是一个服务)， 在Windows运行中,更加的稳定。3、SQL SEVER在权限系统上更为完善。SQL SEVVER允许你定义一整套的不同的数据级、表级和列级的权限。对于列级的权限。这极大的方便了我们们队用户权限的限制。4. tomcat+ sql sever 结合组成了基本开发环境，Tomcat服务器是在SUN公司的JSWDK（javaServer Web DevelopmentKit,是SUN公司推出的小型Servlet/JSP调试工具）的基础上发展起来的一个优秀的Servlet/JSP容器，它是Apache-Jakarta软件组织的一个子项目。它不但支持运行Servlet和JSP，而且还具备了作为商业java Web应用容器的特征。四系统的详细设计与实现BBS论坛系统的设计流程图 4.1模块流程图： 系统实现了如下的功能.(1).用户模块: 此模块用来实现用户的登陆注册和用户资料的修改和查找.1.用户登陆模块:用户可以通过此模块对论坛进行登陆,登陆后便可以使用所有的用户功能,比如发帖回复等等.2.用户注册模块:没有用户帐号的用户,可以通过此模块添加用户信息,添加成功后便可登陆论坛,使用用户功能.3.资料修改模块:已注册的用户在登陆后,可以通过此模块,对用户的基本资料,联系方式,密码,头像等资料进行修改.帖子模块:1.帖子发表模块:已注册的用户在登陆后,可以在相应的论坛中,发表或转载自己的大作,发表成功后,其他用户便可以在相应的论坛中看到这篇帖子,并可以对其进行回复等操作.2.帖子回复模块:用户在发表完帖子后,用户便可查看相关文章,并可以在文章中对已发表的帖子进行回复,3.帖子查找模块用户可以通过此模块,根据帖子的标题和作者,对相关的帖子进行查找.(2).后台管理:1.帖子查找模块:此模块和帖子模块中的帖子查找类似,只是管理员的搜索条件比普通用户更加的广泛,使搜索变的便捷.2.帖子管理模块:帖子管理模块是管理员对帖子管理的平台,如果管理员查看到帖子有不适宜发表的内容时,可以对帖子选择删除或者锁定等操作,如果看到优秀的帖子,还可以将帖子进行置顶,加精,帖子管理模块帖子修改帖子删除帖子锁定帖子置顶帖子加精图3.3帖子管理模块功能层次图3.管理员管理模块:管理员可以通过此模块,对会员进行管理,对一些不法的用户可以修改或者删除资料,4.论坛管理模块.管理员对论坛的添加,创建,删除等功能都是在此模块里进行处理.5.地图管理模块管理员可以管理用户上传的头像,和在文章里发表的地图,从而加强对地图的控制4.2.系统流程图4.3.数据库设计： (1)数据库是信息系统的核心和基础，把信息系统中大量的数据按一定的模型组织起来，提供存储、维护、检索数据的功能，使信息系统可以方便、及时、准确地从数据库中获得所需的信息。(2)数据库是信息系统的各个部分能否紧密地结合在一起以及如何结合的关键所在。(3)数据库设计是信息系统开发和建设的重要组成部分。4.3.1 系统ER关系图用户发表帖子 详细资料等级01管理管理员 N添加等级4修改论坛reIDboardIDreNumPubtimeFeelTitleauthorIDIdContentSexPhoneEmailAddressRankPubnumAgePasswordUseridNameFace模式优化本次采用3NF为规范准则来分解关系。将一个关系分解为两个或者多个关系，以满足规范，从而避免产生插入异常、删除异常、更新异常。4.3.2数据库表及关系建立根据以上这些步骤就可以创建一个数据库,依次建立下列表结构.1.用户资料表 user12.论坛文章表article4.4系统界面设计 对于系统来说，用户界面设计将非常重要，因为一个交互良好的界面能够加深浏览者的印象.设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的.最后简单设计系统的简单登陆界面和主界面登录界面：主界面：功能层的建立 主体界面：这一层联系了大多数功能，通过jsp语法，和java的运用，使全部功能联系起来，建立起主界面功能。显示页面：显示页面提供了用户与服务器的交互界面，大多数认为这一层没有技术性，可是这是用户的直接体验，所以应该多加考虑实际情况，通过合理的布局，优美的界面，达到吸引用户的效果，为此我们们进行了一定的界面美化，不过由于不是出生动画，艺术结果可能不是最好。页面展示及代码说明：接下来我们们逐渐走进我们们的网站： 1登录层 前面以展示。但是我们们看一下注册层这里我们们进行了输入验证，对各个输入框做了一定要求，如果不符合要求，则会弹出修改提示，这样使用户信息更加规范易于管理。部分代码： 这里我们们主要是通过连接数据库对用户名和密码进行验证 try Class.forName(com.microsoft.sqlserver.jdbc.SQLServerDriver);Connection conn=DriverManager.getConnection(jdbc:sqlserver:/localhost:1433;databaseName=BBS,sa,awds);Statement st=conn.createStatement();String sql=select * from user1 where name=+username+and password=+pwd+;ResultSet rs=st.executeQuery(sql);if(rs.next()/session.setAttribute(name,rs.getString(name);/session.setAttribute(password,rs.getString(password);session.setAttribute(rank,rs.getString(rank);session.setAttribute(id,rs.getString(userid);session.setAttribute(name,rs.getString(name);rs.close();response.sendRedirect(home.jsp);elseresponse.sendRedirect(login.jsp);JOptionPane.showMessageDialog(null,用户名或密码不正确！);catch(Exception e)e.printStackTrace(); 2 主页 可以看到我们们的主体功能： 例如外站搜索，各个主题板块，用户操作，管理员操作，个人信息等；部分代码： 今天发帖子数: 会员总数：主题总数:帖子总数： 3.进入英雄攻略层：可以看到帖子，和帖子基本信息。其他例如实战交流层，最新资讯层，功能类似。然后我们们看一下帖子的搜索功能：可以选择搜索类别；我们们按主题搜一下搜索内容做了什么。结果显示：部分代码：conn = DriverManager.getConnection(jdbc:sqlserver:/localhost:1433;databaseName=BBS,sa, awds);boardid=(String)session.getAttribute(bid);/session.setAttribute(bid,boardid);st = conn.createStatement();String sql = select * from article INNER JOIN user1 ON article.authorID=user1.userid where reID=0 and boardID=+boardid+;if(str1.equals(name)sql=sql+and user1.name=+str2+;else if(str1.equals(title)sql+=and article.title like %+str2+%;else if(str1.equals(content)sql+=and article.content like %+str2+%;rs = st.executeQuery(sql);然后我们们看一下发帖功能：进入发帖页面我们们输入内容： id ： 298 主题： 好的内容： 恩你好点击提交：看到了发送成功了。部分代码： tryConnection conn = null;Statement st = null;Class.forName(com.microsoft.sqlserver.jdbc.SQLServerDriver);conn = DriverManager.getConnection(jdbc:sqlserver:/localhost:1433;databaseName=BBS, sa,awds);System.out.print(OK);st = conn.createStatement();String sql=insert into article (id,authorID,title,content,boardID,reID,reNum,pubtime,feel) values (+id+,+authorid+,+title+,+content+,+boardid2+,+reid+,0,+pubtime+,+feel+);int i=st.executeUpdate(sql);if(i!=0)JOptionPane.showMessageDialog(null,发表成功！);/out.println(返回发表页面); response.sendRedirect(board.jsp);catch(Exception e)e.printStackTrace();%同样我们们可以进行回复功能：然后我们们进入查看个人信息可以看到完整信息修改个人信息页面可以按照自己的想法进行修改。部分代码：查看用户详细信息用户名性别img src= /年龄电话邮箱总体而言帖子功能是最重要的。下面使我们们帖子功能实现的流程。开始显示论坛信息进入相关论坛显示文章列表浏览相应帖子回复是否继续浏览结束Y N帖子模块功能流程图用户管理页面这是管理员才会有的。可以对其他用户进行降级，删除，等一系列操作。在用户数据库中我们了可以看到，用户的权限等级：Rank表示了用户的权限管理员最高为4级，其他的依次降低。 通过搜索栏可以找到要操作的用户。部分代码：a href=selectinfo.jsp?id= a href=huifu.jsp?upid=&rank= %- a href=huifu.jsp?upid=&rank=修改用户级别-%a href=delectuser.jsp?deid=删除 主题管理是用来上传下载地图的，当然也可是是其他东西。点击浏览 会出现文件选择，这时候就可以进行选择上传了。部分代码：%request.setCharacterEncoding(GBK);/定义上载文件的最大字节int MAX_SIZE = 102400 * 102400;/ 创建根路径的保存变量String rootPath;/声明文件读入类DataInputStream in = null;FileOutputStream fileOut = null;/取得客户端的网络地址String remoteAddr = request.getRemoteAddr();/获得服务器的名字String serverName = request.getServerName();/取得互联网程序的绝对地址String realPath = request.getRealPath(serverName);realPath = realPath.substring(0,realPath.lastIndexOf();/创建文件的保存目录rootPath = C:aa;/取得客户端上传的数据类型String contentType = request.getContentType();try/读入上传的数据点击退出后就会推到登录界面。下面我们们看一下外站搜索功能：这个窗口只放在了主页上，对有需要的进行搜索，目前我们们所建立的所以主要是天大bbs。我们们在里面出入 android 看一下结果。点击一下 android客户端试试出现下载页面，表示成功。部分代码public void Search(String qc, PrintWriter out) throws Exception / 从索引目录创建索引IndexSearcher _searcher = new IndexSearcher(c:newsindex);/ 创建标准分析器Analyzer analyzer = new ChineseAnalyzer();/ 查询条件String line = qc;/ Query是一个抽象类Query query = QueryParser.parse(line, title, analyzer);out.println();out.println(搜索结果);out.println();out.println( + + 搜索:+ + + );out.println(搜索关键字： + query.toString(title)+ );Hits hits = _searcher.search(query);out.println( 总共找到 + hits.length() + 帖子);for (int i = 0; i hits.length(); i+) Document doc = hits.doc(i);String url = doc.get(url);if (url != null) out.println(i + 1) + + replace(doc.get(title), qc) + ); else System.out.println(没有找到！);out.println();_searcher.close();系统设计总结： 经过俩周同学的共同努力，我们们成功的完成了一个bbs论坛的设计，当然还有很多不足我们们也有改进的计划，例如对flash技术，javascript技术等的应用从而使网站更加简洁实用。4.5系统功能测试4.5.1.测试目的软件测试的目的，第一是确认软件的质量，其一方面是确认软件做了你所期望的事情，另一方面是确认软件以正确的方式来做了这个事件。第三个目的是保证整个软件开发过程是高质量的。4.5.2 测试任务：1、寻找Bug； 2、避免网站开发过程中的缺陷； 3、衡量网站的品质； 4、关注用户的需求。总的目标是：确保网站的应用。4.5.2.1 测试环境Apache提供的Web服务器Tomcat 6.0使得用户可以在Windows win7以上操作系统下发布自己设计的动态网页。因此对论坛的调试工作主要是利用Tomcat 6.0的强大功能在本机下完成的。为了在本机下浏览Web页面，首先在创建该系统的站点上（该系统使用的是Web的默认站点），域名值为localhost。然后向IE浏览器输入本地动态网页的URL，Web服务器在收到浏览器传送的URL之后找到网页文件，并在服务器端执行该文件后将此文件以HTML文件的形式返回该浏览器。4.5.2.2黑盒测试在单元测试中分别对用户信息模块,帖子模块和后台管理模块进行分别测试.首先对各个模块进行黑盒测试,在各种条件下运行模块是否能正常运行,比如在登录时,输入空白用户名等等.4.5.2.3白盒测试此方法把测试对象看做一个透明的盒子，它允许测试人员利用程序内部的逻辑结构及有关信息，设计或选择测试用例，对程序所有逻辑路径进行测试。通过在不同点检查程序的状态，确定实际的状态是否与预期的状态一致。因此白盒测试又称为结构测试或逻辑驱动测试。软件人员使用白盒测试方法，主要想对程序模块进行如下的检查；对程序模块的所有独立的执行路径至少测试一次；对所有的逻辑判定，取“真”与取“假”的两种情况都至少测试一次；在循环的边界和运行界限内执行循环体；测试内部数据结构的有效性等。登录测试实例测试用例描述操作过程及数据预期结果用例类型按不同的输入格式输入个人信息，进行注册。进入注册界面，按提示的输入格式输入个人信息，进行注册。注册成功，显示注册成功。居民信息保存到数据库。功能点用户名有重名的进入注册界面，用户名输入，其它按提示的输入格式输入个人信息，进行注册。注册失败，不能注册。功能点邮箱按邮箱有效地址输入，其它按规定输入，进行注册。进入注册界面，输入密码为2位其它按提示的输入格式输入个人信息，进行注册。注册失败，不能注册。功能点输入为空时，进行注册。进入注册界面，输入为空，进行注册。无法注册界 面校 验发帖测试模块测试用例描述操作过程及数据预期结果发贴按要求输入帖子的相关信息进入发贴界面，输入帖子内容，标题，内容，再提交。发贴成功，发贴成功信息转到管理员。没输入id进入发贴界面，没输入标题，再提交发贴失败。部分代码：if(rs.next()out.println(用户名已经存在了，请重新注册);/response.sendRedirect(register.jsp);out.println(返回注册页面);elseStatement st2=conn.createStatement();String sql2=insert into user1(userid,name,password,sex,age,phone,email,address,face,rank,pubnum)values(+newuserid+,+name+,+pwd+,+sex+,+age+,+phone+,+email+,+address+,+face+,0,0);int i=st2.executeUpdate(sql2);if(i=0)out.println(注册失败);response.sendRedirect(register.jsp);elseout.println(注册成功);response.sendRedirect(login.jsp);System.out.println(注册成功);4.5.2.4整体测试通过上面界面展示可以看出，整个项目并没有较大错误，可以很好地运行，各功能都可以实现。4.6.系统评价1实用性本系统是典型的信息交流系统。当信息时代迫切需要快速传播信息，局部范围的信息交流只会减缓信息技术前进的步伐。本系统的意义在于为分散于五湖四海的人们提供一个共同交流、学习、倾吐心声的平台，实现来自不同地方的用户极强的信息互动性，用户在获得自己所需要的信息的同时也可以广交朋友，拓宽自己的视野和社交面。2可维护性专题论坛系统的优越性体现在：首先，本系统基于jsp的开发，开发者只需对服务器上的处理程序进行修订，而客户端不用做任何改变，就可以照常使用系统；其次，由于JSP技术是一种开放的、跨平台的结构，因此Web服务器、平台及其他组件能很容易升级或切换，且不会影响JSP基本的应用程序。3可扩展性专题论坛系统是一个不断扩展的系统，可以不改变系统架构的基础上，直接添加模块，增加系统功能。如果用户想给本系统添加更多的模块可以将其他模块作为模板，只是稍微改一下数据库的参数和将新模块包含到所需的页面中，这样就可以在一定程度上扩展系统的功能。4.7系统不足与展望对于本次做的专题论坛系统有很多不足。首先在于没有做好友善的界面，这样以来用户操作时间一长就会产生疲倦感，而且网页的整体美工也不是很好。它的功能上还有很多不足比如板块没有版主时则什么也不显示，当初预想应该显示版主空缺中，还有就是用户修改信息成功后，不能显示修改成功的信息。但是数据库却已经更新。对于本系统的发展是相当有前景的现在的网友与日俱增他们很大一部分都喜欢使用专题论坛，这就会促使专题论坛的发展。因此专题论坛系统在以后的发展是相当可观的。五.实验总结通过本次毕业设计，我们从中学习到了很多的东西。对很多东西有了新的认识和见解，认识问题和思考问题以及解决问题有了本质上的进步。特别是对一个系统开发的模式有了更深的认识，对专业技能的运用更熟练。也从中清楚地认识了jsp编程模式。在开发系统过程中遇见了很多的问题。刚开始的时候不确定管理员是否能增加、删除板块。后来经过指导老师的讲解，我们也开始考虑这些问题。并一一解决问题。在本次开发的时候出现的最大的问题就是，在做需求分析的时候，没有做好足够的调查和分析。最终导致了数据库设计不合理。在开发中途时不得不修改数据库。而数据库一修改，将面临的就是大部分代码的修改。这也是让我们非常头痛的，但是经过不断地努力还是顺利的完成了修改数据库后的代码修改。这次的失误让我们认识到了，设计数据库就是开发一个系统的核心。设计数据库一定要思路清晰，各个数据的流向各个表之间的关系一定要弄清楚，透彻。数据库设计出错了对以后整个系统的影响是最直接的。所以做需求时一定要做好需求分析，考虑完善，数据库设计要谨慎。总之需求分析时能做好就能降低需求变更，再加上设计时考虑到的技术可行性就可以大幅度的降低需求变更。在系统的开发过程中，还出现了很多很多的问题。但是自己还是通过网络上的查询，老师和同学给我们的讲解，还有自己去查阅书籍。最终还是完成了预定的需求功能。看到自己独立完成并可以使用的系统给了我们很大信心。相信，有了这次实践，我们会更有信心在将来得工作中做出更大成绩。在本系统的设计过程和论文编写过程中，很多老师、同学都给与了我们许多无私的帮助，尤其是我们的导师给我们的论文提出了很多宝贵的修改意见，在这里我们向这些无私帮助我们的人表示衷心的感谢。