今天开始正常上课学习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. 【JZOJ5060】【GDOI2017第二轮模拟day1】公路建设 线段树+最小生成树

    题面 在Byteland一共有n 个城市,编号依次为1 到n,它们之间计划修建m条双向道路,其中修建第i 条道路的费用为ci. Byteasar作为Byteland 公路建设项目的总工程师,他决定选定 ...

  2. fedora安装mod_python

    3.1 Installing mod_python To install mod_python, we simply run: yum install mod_python 3.2 Configuri ...

  3. Linux C/C++开发

    首先就是要熟练在vim里面写代码,其实就是没有提示和自动补全了,这个问题并不大. 我服务器gcc版本是4.8.5,所以就按照这个来了 https://gcc.gnu.org/onlinedocs/gc ...

  4. BZOJ 1925地精部落题解

    题目链接 一道神仙题,有很多思考的方式,这里选择最好理解的一种来讲 我们将序列分为两种,一种开头递增,一种开头递减,显然这两种序列的数目是一样的 现在我们只用考虑开头递增的情况 f[i][j]表示前i ...

  5. CMake学习笔记一

    #设置cmake最低版本号 CMAKE_MINIMUM_REQUIRED(VERSION ) #设置工程名称 PROJECT(HelloWorld) #设置工程包含当前目录,非必须 SET(CMAKE ...

  6. JavaScript--放大镜

    上例图: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF- ...

  7. fedora 安装ftp

    fedora默认不安装ftp服务(包括client程序/service程序),需要进行手动安装: yum install ftp(安装client) yum install vsftpd(安装serv ...

  8. Silverlight 2.5D RPG游戏技巧与特效处理：（五）HLSL渲染动画

    原文:Silverlight 2.5D RPG游戏技巧与特效处理:(五)HLSL渲染动画 或许大家依旧对上一节中的“黑夜”及“梦回过去”记忆犹新,追问下去HLSL到底是何方神圣能实现如此炫酷之效果?层 ...

  9. day39-Spring 19-今天的内容总结

  10. 使用PHP类TCPDF生成PDF文档

    转自:http://www.blhere.com/1180.html 这两天遇到一个项目中,需要php自动处理生成pdf文档.在网上找了好几个类,最后决定使用TCPDF,使用的时候真是发现这个类真是强 ...