今天开始正常上课学习HTML+CSS+JSP  嗯 前两个没讲直接上手！ 老师也是很认同我们的呢~

这是第一个案例 做一个登陆页面，并利用post提交表单 传值到另一个界面接收值。

1.设置值：

<td>用户名</td><td><input type="text" name="name"></td>

2.通过“name”接收值：

String name=request.getParameter("name");

表单页面：

 <%@ page language="java" contentType="text/html; charset=UTF-8"

     pageEncoding="UTF-8"%>

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="UTF-8">

 <title>Insert title here</title>

 </head>

 <body>

     <form name="form1" method="post" action="value.jsp">

         <table border="0" align="center">

             <tr>

                 <td>用户名</td>

                 <td><input type="text" name="name"></td>

             </tr>

             <tr>

                 <td>密码</td>

                 <td><input type="password" name="password"></td>

             </tr>

             <tr>

                 <td>性别</td>

                 <td><input type="radio" name="sex" value="boy">男 <input

                     type="radio" name="sex" value="gril">女</td>

             </tr>

             <tr>

                 <td>家乡</td>

                 <td><select name="home">

                         <option>福建</option>

                         <option>河南</option>

                         <option>山西</option>

                 </select></td>

             </tr>

             <tr>

                 <td>爱好</td>

                 <td><input type="checkbox" name="hobbies" value="sing">唱

                     <input type="checkbox" name="hobbies" value="dance">跳

                     <input type="checkbox" name="hobbies" value="rap">rap</td>

             </tr>

             <tr>

                 <td>自我介绍</td>

                 <td><textarea rows="" clos="" name="jieshao"></textarea></td>

             </tr>

             <tr>

                 <td><input type="submit"></td>

             </tr>

         </table>

     </form>

 </body>

 </html>

接收界面：

 <%@page import="java.util.Arrays"%>

 <%@ page language="java" contentType="text/html; charset=UTF-8"

     pageEncoding="UTF-8"%>

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="UTF-8">

 <title>Insert title here</title>

 </head>

 <body>

 <%

 String name=request.getParameter("name");

 String password=request.getParameter("password");

 String sex=request.getParameter("sex");

 String home=request.getParameter("home");

 String[] hobbies=request.getParameterValues("hobbies");

 String jieshao=request.getParameter("jieshao");

 home =new String(home.getBytes("ISO-8859-1"),"UTF-8");

 %>

 姓名：<%=name %><br>

 password：<%=password %><br>

 sex：<%=sex %><br>

 home：<%=home %><br>

 hobbies：<%=Arrays.toString(hobbies) %><br>

 jieshao：<%=jieshao %><br>

 </body>

 </html>

其中乱码要用转码

 home =new String(home.getBytes("ISO-8859-1"),"UTF-8");

继续加油，往后会能难。。

作业案例：

1.九九乘法表

<%@page import="org.apache.jasper.tagplugins.jstl.core.Out"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

    <%

        for (int x = 1; x < 10; x++) {

            for (int y = 1; y <= x; y++) {

                out.print(y + "*" + x + "=" + x * y + "&nbsp;&nbsp;&nbsp;");

            }

            out.print("<br/>");

        }

    %>

</body>

</html>

2.求素数和：

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

    <%

        int sum = sum();

        out.print(sum);

    %>

    <%!public int sum() {

        int sum = 0;

        int count = 0;

        for (int x = 1; x < 100; x++) {

            for (int y = 1; y < x; y++) {

                if (x % y == 0) {

                    count++;

                }

            }

            if (count == 1) {

                sum = sum + x;

            }

            count=0;

        }

        return sum;

    }%>

</body>

</html>

3.验证账号密码登陆

 <%@ page language="java" contentType="text/html; charset=UTF-8"

     pageEncoding="UTF-8"%>

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="UTF-8">

 <title>Insert title here</title>

 </head>

 <body>

     <form name="form1" method="post">

         <table border="0" align="center">

             <tr>

                 <td>用户名</td>

                 <td><input type="text" name="name"></td>

             </tr>

             <tr>

                 <td>密码</td>

                 <td><input type="password" name="password"></td>

             </tr>

             <tr>

                 <td><input type="submit"></td>

             </tr>

         </table>

     </form>

     <%

         String name = request.getParameter("name");

         String password = request.getParameter("password");

         int pass =0;

         String na=null;

         if (name!= null && !"".equals(name)&&password != null && !"".equals(password)){

             name = new String(name.getBytes("ISO-8859-1"), "UTF-8");

             pass = Integer.valueOf(password);

             if(name.equals("Lucky")&&pass==123456){

             request.getRequestDispatcher("result.jsp").forward(request, response);

             }

         }

         session.setAttribute("name",name);

     %>

 </body>

 </html>

显示登陆成功

 <%@ page language="java" contentType="text/html; charset=UTF-8"

     pageEncoding="UTF-8"%>

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="UTF-8">

 <title>Insert title here</title>

 </head>

 <body>

     <%

         String name = request.getParameter("name");

         %>

 姓名：<%=sname%><br> out.print("欢迎登陆");

 </body>

 </html>

html(二)登陆页面的更多相关文章

  1. 一步一步实现web程序信息管理系统之二----后台框架实现跳转登陆页面

    SpringBoot springboot的目的是为了简化spring应用的开发搭建以及开发过程.内部使用了特殊的处理,使得开发人员不需要进行额外繁锁的xml文件配置的编写,其内部包含很多模块的配置只 ...

  2. 小KING教你做android项目（二）---实现登陆页面并跳转和简单的注册页面

    原文:http://blog.csdn.net/jkingcl/article/details/10989773       今天我们主要来介绍登陆页面的实现,主要讲解的就是涉及到的布局,以及简单的跳 ...

  3. （十二）微信小程序实现登陆页面+登陆逻辑

    微信小程序实现登陆页面 实现上面两个页面 第一个页面 <view> <!-- 上侧部分 --> <view class="top-view"> ...

  4. MUI APP防止登陆页面出现白屏

    最近在用MUI开发APP,总体效果,在IOS上,是完美的,但是在低端的Android手机上,就会出现性能问题,我个人觉得最严重的是,就是首页,就是APP打开的第一个页面,在iOS上,由于性能高,所以, ...

  5. Easyui登陆页面制作

    一.登陆页面HTML <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Web ...

  6. 登陆页面改为SSO验证

    登陆页面改为SSO验证 单点登录(SSO,single sign-on)是一个会话或用户身份验证过程,用户只需要登录一次就可以访问所有相互信任的应用系统,二次登录时无需重新输入用户名和密码.简化账号登 ...

  7. 04 自学Aruba之定制AC的protal认证登陆页面

    点击返回:自学Aruba之路 04 自学Aruba之定制AC的protal认证登陆页面 方法一: 使用Aruba控制器中内置的网页界面 Configuration下MANAGEMENT>Capt ...

  8. 记一次androidd登陆页面的实现

    背景 先说个事:最近我准备做个开源的博客园android客户端!符合Google最新的material design设计风格的!不知道有没有小伙伴愿意和我一起做呢?如果有愿意的,请私信我哦!!!!我还 ...

  9. 【Bootstrap】一个PC、平板、手机同一时候使用并且美观的登陆页面

    Bootstrap如同前台框架,它已经布置好不少的CSS.前端开发的使用须要则直接调用就可以.其站点的网址就是http://www.bootcss.com.使用Bootstrap能降低前端开发时候在C ...

随机推荐

  1. 【JZOJ5086】【GDOI2017第四轮模拟day1】数列 折半搜索

    题面 有一个长度为n 的排列,现在有一些位置的数已经模糊不清了,你只知道这个排列的逆序对个数是K,你能计算出总共有多少可能的排列吗? 对于100% 的数据,n <=10^3,K<=10^9 ...

  2. Celery-一个会做异步任务,定时任务的芹菜

    Celery 分布式任务队列 同步与异步 比如说你要去一个餐厅吃饭,你点完菜以后假设服务员告诉你,你点的菜,要两个小时才能做完,这个时候你可以有两个选择 一直在餐厅等着饭菜上桌 你可以回家等着,这个时 ...

  3. vue渲染学生信息

    渲染学生信息 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ...

  4. 2-1 Numpy-数组

    (1) 数组的创建 # !usr/bin/env python # Author:@vilicute import numpy as np # 1.用array创建数组并查看数组的属性 arr1 = ...

  5. 我从HTML的meta中学到了什么

    meta meta中有这样几个常用属性:http-equiv,name,content,包括html5新增的charset. 注意:content属性用来存储meta信息的内容,所有的主流浏览器都支持 ...

  6. Codeforces 13C

    这题纠结了近半年,一直没有好的思路. 刚开始看这题的时候就是暴力,明显的TLE 后来才知道这题的“一种解”肯定是"原数列中某些数的集合" (很明显这题的最优策略并不唯一) 有原数列 ...

  7. mkdir、touch、rm和rmdir命令

    一.mkdir命令 mkdir命令用来创建目录.该命令创建由dirname命名的目录.如果在目录名的前面没有加任何路径名,则在当前目录下创建由dirname指定的目录:如果给出了一个已经存在的路径,将 ...

  8. Directx11教程(33) 纹理映射(3)

    原文:Directx11教程(33) 纹理映射(3)       现在我们在myTutorialD3D11_5的基础上,来逐步编码实现纹理映射,之所以在myTutorialD3D11_5基础上改写,是 ...

  9. Directx11教程(17) D3D11管线(6)

    原文:Directx11教程(17) D3D11管线(6)       VS shader输出clip空间的顶点位置及参数信息(比如颜色)到一个FIFO中,之后PA(primitive assembl ...

  10. css 的float和inline-block区别

    CSS布局创建网站,浮动绝对占据了很大的比例.大块区域如主内容及侧边栏,以及在其中的小块区域,都可以看到浮动的影子.这里浮动是唯一的解决方案吗? 浮动通常表现正常,但有时候搞起来会很纠结.特别是处理内 ...