您的位置:首页 > 其它

Web工程阶段性总结

2015-11-06 12:57 211 查看

学习web有接近一个多月的时间了吧。我从最简单的HTML静态网页到JSP与Servlet动态网页。当然这三者也是有区别的:jsp是html包含java;servlet是java包含html;jsp请求到tomcat---tomcat封装了jsp到servlet实现。所以jsp请求时候,会自动创建session而不用在servlet中request.getSession(true),servlet是服务器端的程序,动态生成html页面发到客户端,但是这样 程序里有许多out.println(),java和html语言混在一起很乱。所以 后来推出了jsp。其实jsp就是servlet,每一个jsp在第一次运行时被
,转换成servlet文件,再编译成.class来运行。 有了jsp,因此在MVC模式中servlet不再负责生成html页面,转而担任 控制程序逻辑的作用,控制jsp和javabean之间的流转。

我们在这个阶段里,主要学习了El表达式、C标签、ajax技术等主要知识点;在我们后期练习的项目中需要我们充分运用这些知识点。目的也就是达到一个熟练。
El表达式:为了使JSP写起来更加简单,它提供了在 JSP 中简化表达式的方法。使我们在做项目的时候,前台很方便的取到后台数据,适用于取少量数据。格式:${expression}
C标签:它是 中的核心库,为日常任务提供通用支持,如显示和设置变量、重复使用一组项目、测试条件和其他操作(如导入和重定向Web内容)。前台要展示大量数据,就要用C标签。格式:<c:if></c:if>
如果要使用JSTL,则必须将jstl.jar和 standard.jar文件加入到classpath中,还有下面三行jsp代码

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"
%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
ajax技术:在做练习的过程中,我用过老师教的自己创建ajax的方法,也用过jquery中封装好的方法,下面我就将这两种方法都展示一下吧:
手动创建:var request;

function createRequest(){

// 支持IE浏览器

if(window.ActiveXObject){

request=new ActiveXObject("Microsoft.XMLHTTP");

}

else if(window.XMLHttpRequest){

request=new XMLHttpRequest();

}

else{

alert("no support!");

}

}

function send(){

createRequest();

request.onreadystatechange=process;

request.open("POST","ReNameServlet",true);

request.setRequestHeader("Content-Type",

"application/x-www-form-urlencoded;charset=UTF-8");

request.send("userName="+document.getElementById("text").value);

}

function process(){

if(request.readyState==4&&request.status==200){

alert(request.responseText);

}

}
jquery封装好的方法:
function getGoodsMsg(){

$.ajax({

type : "POST",

url : "DetailsFirstServlet",

data: "goodsId="+$("#goodsId").value,

dataType : "json",

success : function(msg) {

if (null != msg) {

$("#goods-img").attr("src",msg.goodsImageUrl);;

$("#goodsPrice").html(msg.goodsPrice);

$("#saleNum").html(msg.goodsSNum);

$("#clickNum").html(msg.clicktimes);

$("#goodsName").html(msg.goodsName);

$("#goodsComments").html(msg.commentNum);

$("#userLocation").html(msg.address);

$("#goodsCnum").html(msg.goodsCNum);

$("#custName").html(msg.account);

}

}

});

}
function valtt(){

$("#comment-input").value=$("#comment-area").innerHTML;

// alert($("#comment-area").val());

$.ajax({

type : "POST",

url : "CreateCommentServlet",

data: "commentContent="+$("#comment-area").val(),

dataType : "json",

success : function(msg) {

if (null != msg) {

alert(msg);

}

}

});

}

在做这个练习项目的过程中,感觉自己学到了很多。不仅将知识点学透彻了,还收获了团队组员之间的友谊。做项目的过程中,我也是各种报错。但经过日积月累的过程,我不会第一时间去找老师解决,自己先解决,解决
不了再咨询指导老师。也感觉自己成长了很多,独立了不少。这也是一件大的收获吧!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: