今天开始正常上课学习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. Direct2D 第3篇 绘制文字

    原文:Direct2D 第3篇 绘制文字 #include <windows.h> #include <d2d1.h> #include <d2d1helper.h> ...

  2. JavaScript：利用递归实现对象深拷贝

    先来普及一下深拷贝和浅拷贝的区别浅拷贝:就是简单的复制,用等号即可完成 let a = {a: 1} let b = a 这就完成了一个浅拷贝但是当修改对象b的时候,我们发现对象a的值也被改变了 b. ...

  3. vue项目开发过程常见问题

    更新时间:2018-07-29 1.data functions should return an object // 这个问题是 Vue 实例内,单组件的data必须返回一个对象;如下 <sc ...

  4. nth-child和nth-of-type的使用案列

    HTML: <div id="footer-f"> <ul class="trajectory"> <li> <div ...

  5. 列表list和元祖tuple

    list和tuple list列表: Python内置的一种数据类型是列表:list.list是一种有序的集合,可以随时添加和删除其中的元素. 比如,列出班里所有同学的名字,就可以用一个list表示: ...

  6. NOIP2016提高A组模拟9.28总结

    这次三道题都是可以AC的. 每道题思路都正确,但每道题都有细节没有注意. 第一题 1.没注意系数为1时可以省略系数: 2.没注意在第一项处理常数后,不能输出+号. 导致丢失20分:一定要多出特殊数据, ...

  7. firefox扩展开发(一) ： 扩展的基本结构

    用过firefox的人肯定要安装firefox的扩展,这样才能发挥火狐的全部实力.一般扩展是一个后缀为.xpi的文件,其实这个文件就是zip格式的压缩包,压缩了一个扩展所需要的所有目录和文件,基本的目 ...

  8. hackerrank---List Comprehensions

    题目链接 刷刷Python基本功...列表解析 附上代码: x = int(input()) y = int(input()) z = int(input()) n = int(input()) pr ...

  9. 【NS2】使用SourceInsight阅读NS源代码全攻略（转载）

    NS的源码底层是C++,采用了C++/Tcl分裂对象模型,架构完善,堪称OOP编程的典范.但是NS源码体系庞大,源文件有2千多个,阅读起来不是特别方便,我推荐使用SourceInsight3.5.具体 ...

  10. Python中的TCP三次握手和四次挥手过程

    tcp三次握手和四次挥手 首先先介绍什么是传输层: 1.三次握手 1) 三次握手的详述 首先Client(客户)端发送连接请求报文,Server(服务器)段接受连接后回复ACK报文,并为这次连接分配资 ...