这篇博客介绍了Java Web程序设计的基础，包括Java Web开发环境配置、HTML和JavaScript的基本概念及语法。HTML部分讲解了快速入门和基础标签；JavaScript部分涉及引入方式、基础语法和对象；JSP编程则概述了基本语法、注释、Scriptlet和URL传值。文章适合初学者入门。
Java Web程序设计
-
网页：展示数据
前端：HTML+CSS JavaScript
-
数据库：存储和管理数据
后台
-
JavaWeb程序：逻辑处理
后台：Tomcat +HTTP +Servlet JSP
W3C标准：
- 结构：HTML
- 表现：CSS
- 行为：JavaScript
参考手册：https://www.w3school.com.cn/
第1部分 入门
一.Java Web开发环境配置
二.HTML基础
2.1.快速入门
HyperText Markup Language 超文本标记语言
- 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内存
- 标记语言：由标签构成的
- 不区分大小写
- 扩展名 .html或.htm
- 分为单标签和双标签
HTML运行在浏览器上，HTML标签由浏览器来解析
1.新建文本文件，后缀名改成.html
2.编写HTML结构标签
3.在中定义文字，
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
| 标签 | 描述 |
|---|---|
| 定义HTML文档 | |
| 定义关于文档的信息 | |
| 定义文档的标题 | |
| 定义文档的主体 |
2.2.基础标签
<h1> - <h6>
定义标题 h1最小 h6最大 超过6按照网页默认字号显示
<front>
定义文本
-
size 字体大小（1~6）
size=X （+X / -X） 1~7
-
face字体类型
默认宋体, 楷体_GB2312
-
color字体颜色
<b> 加粗
<i>斜体
<u>下划线
<center>文本居中
<p>段落
<br> 折线
<hr> 水平线
三.Java Script基础
3.1 引入方式
1.内部脚本
将JS代码定义在HTML页面中
在HTML中，JavaScript代码必须位于<script>和</script>标签之间
<script>
alert("hello JS ~")
</script>
2.外部脚本
将JS代码定义在外部JS文件中，然后引入到HTML页面中
- 外部文件：demo.js
alert("hello JS ~") - 引入外部js文件
<script src = "../js/demo.js"></script>
注：
1.外部脚本不能包含
3.2 基础语法
1.书写语法
- 区分大小写
- 每行结尾的分号可有可无
- 注释：
- 单行注释：
//注释内容；<! 注释内容 > - 多行注释：
/*注释内容*/
- 单行注释：
- 大括号表示代码块
2.输出语句
- 使用 window.alert() 写入警告框
- 使用 document.write() 写入HTML输出
- 使用 console.log() 写入浏览器控制台（f12查看）
3.变量
-
JavaScript使用var关键字（variable）来声明变量
var test = 20; test = "张三"var：
- 作用域：全局变量
- 变量可以重复定义
-
JavaScript是一门弱类型语言，变量可以存放不同类型的值
-
变量名需要遵守的规则：
- 组成字符可以是任何字母、数字、下划线(_)或者美元符号($)
- 数字不能开头
- 建议使用驼峰命名（函数名中的每一个逻辑断点都有一个大写字母来标记）
4.数据类型
原始类型 和 引用类型
- number：数字（整数、小数、NaN）
- string：字符、字符串、单双引皆可
- boolean：布尔 true false
- null：对象为空
- undefined：当声明的变量未初始化时，该变量的默认值是undefined
使用typeof可以获取数据类型
alert(typeof age);
5.运算符
-
一元运算符:
++，-- -
算术运算符:
+, -,*,/,% -
赋值运算符:
=, +=, -=.. -
关系运算符:
>, <, >=，<=, !=, ==，===...==先判断两边的类型，若不一样会进行类型转换再比较
===（全等于）不会进行类型转换
-
逻辑运算符:
&&, ||, ! -
三元运算符:条件表达式
? true. _value : false_ _value
6.流程控制语句
- if
- switch
- for
- while
- do…while
7.函数
函数是被设计为执行特定任务的代码块
-
定义：JavaScript函数通过 function 关键词进行定义
function functionName(参数1,参数2...){ 要执行的代码 }var functionName = function(参数列表){ 要执行的代码 }注意：
-
形式参数不需要类型，因为JavaScript是弱类型语言
-
返回值也不需要定义类型，可以在函数内部直接使用return返回即可
function add(a,b){ return a + b; }
-
-
调用：函数名称（实际参数列表）
let result = add(1,2);JS中，函数调用可以传递任意个参数，多的不接收
3.3 JavaScript对象
1.Window对象
- 浏览器窗口对象
- 获取：直接使用window, 其中window. 可以省略
window.alert("abc")
- 属性：获取其他BOM对象
- 方法：
- alert(" ") 显示警告框
- confirm(" ") 显示一个带有一段消息以及确认和取消按钮的对话框
- prompt(" ") 显示输入框
- setInterval(function ，毫秒值) 按照指定的周期（以毫秒计）来调用函数或计算表达式，循环执行
- setTimeout(function ，毫秒值) 在指定的毫秒数后调用函数或计算表达式，只执行一次1
- clearTimeout(timer) 清除计时器
2.document对象
-
负责操作浏览器载入的文档（HTML文件）从属于window
-
方法：
- writelen() 在网页上输出
- title 访问标题
- location 获取网址
- 访问表单元素
- document.元素名.子元素名 …
- 比如名为formal的表单中有一个文本框account，其中的内容可以由如下代码获得
var account = document.formal.account.value;
3.history对象
- 历史记录
- 获取：使用window.history获取，其中window.可以省略
window.history.方法();
history.方法();
- 方法：
- back() 加载history列表中的前一个URL（相当于单击浏览器上的后退按钮）
- forward() 加载history列表中的前一个URL（相当于单击浏览器上的前进按钮）
- go(n) n为整数，正整数表示向前进n格页面，负数表示向后退n格页面
4.location对象
- 访问地址栏
- 获取：使用window.location获取，其中window.可以省略
window.location.方法();
location.方法();
-
属性
-
href 设置或返回完整的URL
window.location.href = "www.baidu.com"
-
//3s后跳转到首页
document.write("3秒后跳转到首页");
setTimeout(function()){
location.href = "www.baidu.com"
},3000);
第2部分 JSP编程
四 . JSP基本语法
3.1 概述
- 概念：Java Server Pages , Java服务端页面
- 动态网页编程技术
- JSP = HTML（静态） +Java
- 允许在页面嵌套java代码，为用户提供动态数据
3.2 注释
1.显示注释
- 允许客户端看见
- 从HTML风格继承而来
<!-- 注释内容 -->
2.隐示注释
- 客户端无法看见
- 从JAVA风格继承，JSP自己的注释
- 1.JSP自己的注释
< %--JSP自己的注释--% >
- 2.Java代码的注释
//单行注释
/*多行注释*/
< %
//单行注释
/*多行注释*/
% >
3.3 Scriptlet
Scriptlet脚本小程序 三种
1. JSP表达式
< % =变量/返回值/表达式 % >
- 表达式，数据一个变量或者具体内容
- 作用：将其里面的内容所运算的结果输出到客户端
- 在JSP表达式中不能用“ ; ”结束
- 在JSP表达式中不能出现多条语句
- JSP表达式中的内容一定是字符串类型，或者能通过toString()函数转换成字符串的形式
2. JSP程序段
< % Java代码 % >
- java脚本段，可以定义局部变量，编写语句
- 插入到JSP程序的java代码段
- 不能在JSP程序段中定义函数
- 在JSP程序段中可以放入HTML，也能放入JSP程序段和JSP表达式
3. JSP声明
< %! 代码 % >
- 声明，可以定义全局（成员）变量，方法，类
- JSP程序段中的变量必须先定义后使用
- JSP声明可以在JSP任何地方定义变量
- JSP声明中只能作定义，不能实现控制逻辑
3.4 URL传值
- http无状态协议，不能传值
- URL网址
?参数名1 = 参数值1 & 参数名2 = 参数值2 & ...
http://localhost:8080/Prj04/page.jsp?m =3 %n = 5
//访问网址，并给其传参数m，值为3，传送参数n，值为5
在http://localhost:8080/Prj04/page.jsp获取方法
< %
String str = request.getParameter("m");
% >
//传输不成功，str为null
- 传输的数据只能是字符串，对数据类型有一定的限制
- 传输数据的值会在浏览器的地址栏中看到
3.5 JSP指令和动作
1. JSP指令
告诉JSP引擎对JSP页面如何编译，不包含控制逻辑
< %@ 指令类别 属性1 = "属性值1"...属性n = "属性值n"% >
//大小写敏感
-
page
设定页面的属性和相关的功能，用户可以利用其进行导入需要的类，指明JSP输出内容的类型、指定处理异常的错误页面等操作
-
include
-
taglib
1.page
(1)导入包
import属性：
编写程序时需要用到JDK的其他类，或者自行定义的类，利用import属性进行导入
< %@ page import = "包名.类名" % >
< %@ page import = "包名.*" % >//把包下面的全部类进行导入
< %@ page import = "包名.类1" % >
< %@ page import = "包名.类2" % >
或者
< %@ page import = "包名.类1,包名.类2" % >
(2)设定字符集
- pageEncoding属性：设置页面的字符集
- 常见的编码方式：
- ISO-8859-1
- gb2313
- GBK
< %@ page Encoding = "编码类型" % >
(3)设定错误页面
-
errorPage属性
指定一个页面，当JSP程序程序未被捕获的异常时跳转到这个指定的页面
-
isErrorPage属性
跳转的页面指明处理其他页面的错误信息
< %@ page errorPage = "anErrorPage.jsp" % >
< %@ page isErrorPage = "true" % >
(4)设定MIME类型和字符编码
contentType属性设置JSP的MIME类型和可选字符
< %@ page contentType = "MIME 类型;charset=字符编码" % >
< %@ page contentType = "text/html;charset=gb2312" % >
2.include
保证代码重用
可以在JSP程序中插入多个外部文件，可以是JSP、HTML或Java程序，甚至是文本
< %@ include file = "logo.jsp" % >
//该页面包含logo.jsp
2. JSP动作
使用XML语法格式的标记来控制服务器的行为
<jsp:动作名 属性1 = "属性值1"...属性n="属性值n"/>
<jsp:动作名 属性1 = "属性值1"...属性n="属性值n"/>相关内容</jsp:动作名>
| 动作 | 说明 |
|---|---|
| jsp:include | 页面被请求时引入一个文件 |
| jsp:userBean | 实例化JavaBean |
| jsp:setProperty | 设置 JavaBean 的属性 |
| jsp:getProperty | 获取 JavaBean 的属性 |
| jsp:forward | 将请求转发到另一个页面 |
| jsp:plugin | 根据浏览器类型替换成 或者 标签 |
| jsp:element | 定义动态 XML 元素 |
| jsp:attribute | 设置动态 XML 元素的属性 |
| jsp:body | 设置动态 XML 元素的内容 |
<jsp:include page = "文件名"/>
或
<jsp:include page = "文件名"/>
相关标签
</jsp:include>
扫一扫
892
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
