新手学Html之JSP基础语法——入门（二）

JSP基础语法

JSP注释

comment.jsp

1 3 4 5 6 7 Insert title here 8 9 10 11 12 18 19

复制代码

View CodeScriptlet

scriptlet_demo01.jsp

1 3 4 5 6 7 Insert title here 8 9 10 17 18

复制代码

View Codescriptlet_demo02.jsp

1 3 4 5 6 7 Insert title here 8 9 10 11 12 13
14 15 16

复制代码

View Code尽量不要使用system.out.print();进行输出
input_table_value.jsp

1 3 4 5 6 7 Insert title here 8 9 10 11 [table]12 [tr]13 [td]输入表格的行数：[/td]14 [td][/td]15 [/tr]16 [tr]17 [td]输入表格的列数：[/td]18 [td][/td]19 [/tr]20 [tr]21 [td]22 23 24 [/td]25 [/tr]26 [/table]27 28 29

复制代码

View Codeprint_table.jsp

1 3 4 5 6 7 Insert title here 8 9 10 0&&cols>0){19 %>20 [table]21 14 15 16 17 [table]18 22 [tr][td]欢迎大家[/td][/tr]23 [tr][td]欢迎大家！！[/td][/tr]24 [tr][td]欢迎大家！！！[/td][/tr]25 [/table]26 27

复制代码

View Code错误页的设置

服务器端跳转

show_error.jsp

1 3 4 5 6 7 8 9 10 Insert title here11 12 13 16 17 18

复制代码

View Codeerror.jsp

1 3 4 5 6 7 8 9 10 11 Insert title here12 13 14 [size=6]程序出现了错误！[/size]
15 16

复制代码

View Code数据库连接操作

page指令使用import导入所需要的Java开发包
mldn.sql

1 /* 2 Navicat MySQL Data Transfer 3 4 Source Server : myproject 5 Source Server Version : 50562 6 Source Host : localhost:3306 7 Source Database : mldn 8 9 Target Server Type : MYSQL10 Target Server Version : 5056211 File Encoding : 6500112 13 Date: 2019-04-27 02:23:4814 */15 16 SET FOREIGN_KEY_CHECKS=0;17 18 -- ----------------------------19 -- Table structure for emp20 -- ----------------------------21 DROP TABLE IF EXISTS `emp`;22 CREATE TABLE `emp` (23 `empno` int(4) NOT NULL,24 `ename` varchar(10) DEFAULT NULL,25 `job` varchar(9) DEFAULT NULL,26 `hiredate` date DEFAULT NULL,27 `sal` float(7,2) DEFAULT NULL,28 PRIMARY KEY (`empno`)29 ) ENGINE=InnoDB DEFAULT CHARSET=utf8;30 31 -- ----------------------------32 -- Records of emp33 -- ----------------------------34 INSERT INTO `emp` VALUES ('6060', '李兴华', '经理', '2001-09-16', '2000.30');35 INSERT INTO `emp` VALUES ('7369', '董鸣楠', '销售', '2003-10-09', '1500.90');36 INSERT INTO `emp` VALUES ('7698', '张惠', '销售', '2005-03-12', '800.00');37 INSERT INTO `emp` VALUES ('7762', '刘明', '销售', '2005-03-09', '1000.00');38 INSERT INTO `emp` VALUES ('7782', '杨军', '分析员', '2005-01-12', '2500.00');39 INSERT INTO `emp` VALUES ('7839', '王月', '经理', '2006-09-01', '2500.00');40 INSERT INTO `emp` VALUES ('8964', '李祺', '分析员', '2003-10-01', '3000.00');

复制代码

View Code将mysql的驱动"mysql-connector-java-5.1.47-bin.jar"复制到Tomcat\lib 目录中，重启服务器
使用JSP列出emp表数据

驱动程序使用 com.mysql.jdbc.Driver

list_emp.jsp

1 2 3 5 6 7 8 9 10 Insert title here11 12 13 21 26 34 35 [table]36 [tr] 37 [td]雇员编号[/td] 38 [td]雇员姓名[/td]39 [td]雇员工作[/td]40 [td]雇员工资[/td]41 [td]雇佣日期[/td]42 [/tr]43 51 [tr] 52 [td][/td]53 [td][/td]54 [td][/td]55 [td][/td]56 [td][/td]57 [/tr]58 61 [/table]62 63 72 73

复制代码

View Code包含指令

info.htm

1 [size=5]2 [color=red]info.htm[/color]3 [/size]

复制代码

View Codeinfo.jsp

1 [size=5]2 [color=green][/color]3 [/size]

复制代码

View Codeinfo.inc

1 [size=5]2 [color=blue]info.inc[/color]3 [/size]

复制代码

View Code静态包含

先包含，再处理

include_demo01.jsp

1 3 4 5 6 7 Insert title here 8 9 10 [size=6]静态包含操作[/size]
11 12 13 14 15

复制代码

View Code动态包含

先处理，再包含

include_demo02.jsp

1 3 4 5 6 7 Insert title here 8 9 10 [size=6]静态包含操作[/size]
11 12 13 14 15

复制代码

View Code使用request.getParameter()方法进行参数的传递
receive_param.jsp

1 3 [size=6]参数一：[/size]
4 [size=6]参数二：[/size]

复制代码

View Codeinclude_demo03.jsp

1 3 4 5 6 7 Insert title here 8 9 10 13 [size=6]动态包含并传递参数[/size]
14 15 16 17 18 19

复制代码

View Code静态包含与动态包含的优劣之分

静态包含处理页 include_demo04.jsp（错误的页面）

1 3 4 5 6 7 Insert title here 8 9 10 13 [size=6]include_demo04.jsp -- [/size]
14 15 16 17

复制代码

View Code

动态包含处理页 include_demo05.jsp

1 3 4 5 6 7 Insert title here 8 9 10 13 [size=6]include_demo05.jsp -- [/size]
14 15 16

复制代码

View Code跳转指令

服务器跳转，页面地址未发生改变

不传递参数时

1

复制代码

View Code传递参数时（中间不能有空格）

1 2 3

复制代码

View Codeforward_demo01.jsp

1 3 4 5 6 7 Insert title here 8 9 10 13 14 15 16 17 18

复制代码

View Codeforward_demo02.jsp

1 3 4 5 6 7 Insert title here 8 9 10 [size=6]这是跳转之后的页面[/size]
11 [size=5]参数一：[/size]
12 [size=5]参数二：[/size]
13 14

复制代码

View Code实例操作：用户登录程序实现（JSP+JDBC实现）

创建数据库表

1 /* 2 Navicat MySQL Data Transfer 3 4 Source Server : myproject 5 Source Server Version : 50562 6 Source Host : localhost:3306 7 Source Database : mldn 8 9 Target Server Type : MYSQL10 Target Server Version : 5056211 File Encoding : 6500112 13 Date: 2019-04-27 03:28:4814 */15 16 SET FOREIGN_KEY_CHECKS=0;17 18 -- ----------------------------19 -- Table structure for user20 -- ----------------------------21 DROP TABLE IF EXISTS `user`;22 CREATE TABLE `user` (23 `userid` varchar(30) NOT NULL,24 `name` varchar(30) NOT NULL,25 `password` varchar(32) NOT NULL,26 PRIMARY KEY (`userid`)27 ) ENGINE=InnoDB DEFAULT CHARSET=utf8;28 29 -- ----------------------------30 -- Records of user31 -- ----------------------------32 INSERT INTO `user` VALUES ('admin', 'administrator', 'admin');

复制代码

View Code登录界面

login.html

1 2 3 4 5 请登录... 6 7 8 9 [size=6]登录操作[/size]
10 11 12 [table]13 [tr]14 [td=2,1]用户登录[/td]15 [/tr]16 [tr]17 [td]登录ID：[/td]18 [td][/td]19 [/tr]20 [tr]21 [td]登录密码：[/td]22 [td][/td]23 [/tr]24 [tr]25 [td=2,1]26 27 28 [/td]29 [/tr]30 [/table]31 32 33 34 35

复制代码

View Code校验界面

login_check.jsp

1 3 4 5 6 7 8 登录校验 9 10 11 19 26 50 53 54 --%>55 56 60 [size=4]用户如果登录成功，三秒后跳转到欢迎页！[/size]
61 [size=4]如果没用跳转，请按[url=http://192.168.1.133:88/iotbbs/login_success.jsp]这里[/url][/size]
62 65 66 69 70

复制代码

View Code登陆成功页面

login_success.jsp

1 3 4 5 6 7 欢迎您， 8 9 10 11 14 [size=6]登录操作[/size]
15 16 [size=5]登录成功[/size]
17 [size=5]欢迎光临本系统，[url=http://192.168.1.133:88/iotbbs/logout.jsp]注销[/url]![/size]
18 21 [size=4]请先进行系统的[url=http://192.168.1.133:88/iotbbs/login.html]登录[/url]![/size]
22 25 26 27 28 29

复制代码

View Code登录失败页面

login_failure.jsp

1 3 4 5 6 7 登陆失败 8 9 10 11 [size=6]登录操作[/size]
12 [size=5]登录失败，请重新[url=http://192.168.1.133:88/iotbbs/login.html]登录[/url][/size]
13 14 15

复制代码

View Code退出页面

logout.jsp

1 3 4 5 6 已退出系统 7 8 9 10 [size=4]亲爱的，您已成功退出本系统，三秒后跳转回登录界面![/size]
11 [size=4]若果没有跳转，请按[url=http://192.168.1.133:88/iotbbs/login.html]这里[/url][/size]
12 13 17 18 19

复制代码

View Code

免责声明：本文内容部分来源于网络，出于网络分享目的，如对您的权益版权有异议我们将予以删除，谢谢合作！

		自动登录	找回密码
密码			立即注册

新手学Html之JSP基础语法——入门（二）

0 个回复

千家悦IOT开放平台

合作伙伴

扫一扫加关注