JavaEE与中间件期末课程报告

javaEE与中间件期末课程报告题目：京东页面实现姓名：王猛专业：软件工程班级：1201学号：3120608010日期：2015/6/11指导老师：陈伟鹤一、需求说明1.实现京东首页静态内容2.实现京东首页动态内容3.实现京东首页的一些技术以达到类似效果二、总体设计1.开发工具MyEclipse+MySQL2.开发技术JavaEE3.架构设计采用B/S模式+MVC模式4.技术架构设计View层统一采用JSP技术采用滚动加载，数据懒加载（不使用时不加载，使用时才加载）数据加载采用EL表达式或者JSTL表达式Control层统一采用servlet进行控制所有要动态生成数据的页面必须经过servlet，并且数据从数据库获取Model层封装数据操作Dao数据访问接口层Domain封装类层Impl实现层Service服务层5.设计细节要求a.所有动态数据，采用数据库读取方式b.所有JSP页面不准出现java代码块c.设计登陆页面三、详细设计名词解释：数据懒加载即数据在使用时才加载不使用不加载，其优点在于节省了网络流量，和网站压力。数据动态加载页面数据是非静态的，其主要是实时的从数据库获取，缺点如果不做优化会对数据库产生一定压力。实时动态交互页面会与服务器进行小数据量的通信，从而与达到与用户交互的效果，优点是减小了网站压力技术架构：主页demo.jspDaoJdbcServiceServlet今日推荐猜你喜欢中间展示登陆Domainviewcontrolmodel1.view层Jquery文件jquery-2.1.4.js/jquery-1.4.min.js主页demo.Jsp导航栏:部分数据懒加载+数据动态加载顶部广告层：数据动态加载中间LOGO和搜索层：部分数据懒加载，数据动态加载中间导航栏:全部商品分类中各个分类模块懒加载nave.jsp中心展示：模块懒加载+数据动态加载center.jsp京东快报：数据动态加载生活服务：部分模块懒加载+ajax实时动态交互今日推荐：模块懒加载+Jquery交互+动态数据加载Todayshow.jsp猜你喜欢：模块懒加载+动态数据生成Guessyoulike.jsp登陆页login.jsp登陆模块ajax动态交互2.control层CenterShow.java——中心展示GuessLikeShow.java——猜你喜欢TodayShow.java——今日推荐Login.java——登陆主页没有经过servlet控制3.model层dao数据操作接口层+domain数据javabean层+service服务层,其中service实现dao接口进行服务，domain中的javabean是数据的封装类中心展示CenterData.javaCenter.javaCenterService.java猜你喜欢GuessLike.javaLike.javaLikeService.java今日推荐TodayData.javaToday.javaTodayService.java登陆页CheckLogin.javaUser.javaCheckLoginService.javaJDBC数据库操作底层DButils.java数据库操作工具类（利用了反射机制进行数据封装）突出讲一下为什么要用javabean进行封装，因为与数据库进行交互，javabean可以起到快捷封装数据的效果，而且在servlet中可以通过封装类对提交的数据进行封装便于使用四、页面美工设计使用到的技术简介HTML：HTML是用来描述网页的一种语言。HTML指的是超文本标记语言(HyperTextMarkupLanguage)。Web浏览器的作用是读取HTML文档，并以网页的形式显示出它们。浏览器不会显示HTML标签，而是使用标签来解释页面的内容。运行原理：由浏览器解析执行CSS：CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。例如：styletype=text/csshtml,body,div,ul,li,ol,i,h2,h1,h3,h4{margin:0;padding:0}/style运行原理：由浏览器解析执行JSP：全名为JavaServerPages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它[1]是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML（标准通用标记语言的子集）文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件，后缀名为(*.jsp)。用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。例如：%@pagelanguage=javacontentType=text/html;charset=UTF-8pageEncoding=UTF-8%其运行原理：从本质上讲jsp就是servlet，只不过由于servlet显示页面操作过于繁琐，为了方便开发页面，推出了jsp，jsp其显著优点在于支持java代码，html标签等，同时支持标签拓展，因此出现了EL和JSTL等标签语言JavaScript：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。例如：!--中心展示层--scripttype=text/javascriptvarvnum=5;varvvid=1;functioneventa(){$(li[class='centershow']).removeClass(centershow);varvfocus=$(li.bgdeepred);vfocus.removeClass(bgdeepred);vfocus.addClass(bgblack);if(vvidvnum){vvid=1};varscid=#sc+vvid;varccid=#cc+vvid;$(scid).addClass(centershow);$(ccid).removeClass(bgblack);$(ccid).addClass(bgdeepred);vvid=vvid+1;}Javascript的出现实现了使用者与网页的交互，和比CSS更深一步的交互效果，可以说正是由于javascript的出现才使页面交互技术越来越成熟，越来越丰富。JQuery：JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库，它兼容CSS3，还兼容各种浏览器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。例如：scripttype=text/javascript$(document).ready(function(){varvhight=$(window).height();$(#show).load(CenterShow);$(#navediv).load(nave.jsp);$(window).scroll(function(){varshight=$(window).scrollTop();var$div=$([lazyload]);$div.each(function(){vardhight=$(this).offset().top;if((vhight+shight)dhight&&dhightshight&&$div.empty()){varvurl=$(this).attr(data);$(this).removeAttr(lazyload);$(this).load(vurl);alert(vurl);}});});});/scriptJquery是由JavaScript深度开发出来的页面交互语言，它能实现更强大的页面交互能力，是目前主流的页面交互语言。AJAX：AJAX=异步JavaScript和XML（标准通用标记语言的子集）。它是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用AJAX）如果需要更新内容，必须重载整个网页页面。例如：Jquery中的load实际上就是使用的ajax技术$(#show).load(CenterShow);$(#navediv).load(nave.jsp);Ajax是页面与服务器交互的动态页面技术，它实现了网页的异步更新，其主要与jquery结合从而实现网页部分更新，网页数据懒加载。JSTL：JSTL1.0发布于2002年6月，由四个定制标记库（core、format、xml和sql）和一对通用标记库验证器（ScriptFreeTLV和PermittedTaglibsTLV）组成。core标记库提供了定制操作，通过限制了作用域的变量管理数据，以及执行页面内容的迭代和条件操作。它还提供了用来生成和操作URL的标记。顾名思义，format标记库定义了用来格式化数据（尤其是数字和日期）的操作。它还支持使用本地化资源束进行JSP页面的国际化。xml库包含一些标记，这些标记用来操作通过XML表示的数据，而sql库定义了用来查询关系数据库的操作。五、后台技术Servlet主要用于流程控制publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{booleanexist=true;Useruser=null;try{user=(User)InputPacking.packing(User.class,request);System.out.println(user.toString());exist=newCheckLoginService().checkExist(user);System.out.println(exist);}catch(Exceptione){e.printStackTrace();}if(!exist){request.setAttribute(error,账号或密码错误);request.getRequestDispatcher(login.jsp).forward(request,response);return;}request.getSession().setAttribute(user,user);response.sendRedirect(demo.jsp);}Httprequest转发技术和request数据域if(!exist){request.setAttribute(error,账号或密码错误);request.