码迷,mamicode.com
首页 > Web开发 > 详细

JSP网站开发基础总结《二》

时间:2015-03-16 19:04:33      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:

  有了上一篇的学习,我相信大家对于JSP一定有了一定的认识,从今天开始我们真正开启JSP模式,如果你有HTML的基础,那学起JSP来也就方便了很多了,首先JSP做为网站开发语言,它与HTML有很多相似的地方。网站是什么?网站就是通过一个个网页叠加起来的,通过一定的相互关联,最后便组成了网站,那既然是由一页页的网页组成的,我们就先从网页开始进入我们JSP开发世界。

  JSP网页与传统的HTML网页,基本语法方面是相通的,HTML中的语法规则,在JSP网页中同样适用,不同的是HTML网页的后缀名为.html或.htm,而JSP网页的后缀名为.jsp,JSP的动态体现在哪里呢?JSP页面可以识别JAVA语法,通过<% %>可以键入JAVA代码,一定会说,HTML还可以添加javascript呢,JSP真正牛的地方在于,JSP可以通过select与后台数据库进行交互操作,这才是JSP动态网站开发的精髓,我会在接下来的这几天,为大家详细介绍一下JSP网站开发的知识。下面就开始我们今天的总结吧,今天为大家介绍JSP工程目录结构及JSP页面里的标签作用。

 1、目录结构:

  技术分享

  HelloWord:就是我们的工程名

  src:用于存放我们编写的java代码 

  WEB-INF:用于存放我们的jar包文件和web.xml

  lib:用于存放我们的jar包

  web.xml:是我们配置文件

  xxx.jsp:是我们的网页文件

 2、JSP页面标签作用:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" errorPage="error.html"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
      <!-- 设置基础路径   -->
      <!-- 简单的静态网页的话你设置比如:<base href="http://www.baidu.com">,那你下面的href属性就会以你上面设的为基准,如:<a href="http://www.baidu.com/xxx.htm"></a>你现在就只需要写<a href="xxx.htm"></a>  -->
    <base href="<%=basePath%>">
    
    <title>标题</title>
    <!-- 清除浏览器中的缓存,它和下面两句合起来用,就可以使你再次进入曾经访问过的页面时,ie浏览器必须从服务端下载最新的内容,达到刷新的效果。 -->
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <!-- 用来向浏览器说明该页面的特征,方便用户搜索   -->
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <!-- 页面的概述  -->
    <meta http-equiv="description" content="This is my page">
    <!-- 网页地址栏小图标设置   -->
    <link rel="icon" type="image/x-icon" href="logo.ico" />
    <!-- css文件引用 -->
    <link rel="stylesheet" type="text/css" href="styles.css">
    <!-- js文件引用  -->
    <script type="text/javascript" language="javascript" src="my.js"></script>
    
  </head>
      
  <body>
  <p>页面主体部分</p>
</body> </html>

  有了这段代码我相信大家对于JSP页面一定梳洗了很多,在这里我就简单的在说一点,代码第一行有一个errorPage="error.html",它代表着什么意思呢?我们上面谈到了,JSP页面可以插入JAVA语句,此句的作用就是,当页面出现错误时,跳转到error.html,error.html是我们事先做好的错误提示反馈页,大家可以尝试一下。

 3、web.xml介绍

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
    xmlns="http://java.sun.com/xml/ns/javaee" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

  <welcome-file-list>

    <welcom-file>index.jsp</welcome-file>

  </welcome-file-list>

  这条语句是用来设置我们的工程默认显示的第一页网页,一个工程中只能出现一次。

 4、自动更新:

<meta http-equiv="refresh" content="3;URL=index.jsp" />

  对于这个我想大家一看代码立马就知道如何使用了,content="3":代表该页面3秒后自动更新;URL="xxxx.jsp":代表网页3秒后更新的url地址

  说了这么多技术问题,最后我们聊一聊关于网页开发那点破事。做一个网页很简单,简单的几条语句我们便可以实现一个网页,但如何把这个网页做好,做的让别人一看就感觉很高端呢?相信这是很多网页设计人员一直思考的问题,在我现在看来,一个优秀的网页离不开div+css的布局,javascript的特效设计,以及出色的PS技术,有了这些,我相信你做出来的网页一定可以达到让人赞不绝口的效果,以上这些相信大家在做HTML时就经常使用,那它们在JSP中使用如何呢?答案当然是肯定的,这些东西可以在JSP中一样完美使用,所以大家可以先学习一些静态网站开发方面的知识,以便以后开发时使用。最后为大家推荐几个不错的学习网站:1、w3school;2、慕课网;3、博客园。

  好了,今天的关于JSP初步的介绍就先到这里,下一篇jsp+mysql数据库连接。

JSP网站开发基础总结《二》

标签:

原文地址:http://www.cnblogs.com/AndroidJotting/p/4342489.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!