今天开始正常上课学习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. WPF DrawingVisual详解

    在WPF中,如果需要绘制大量图形元素,并且对性能要求严苛的话,最好使用DrawingVisual,当然,你也可以选用 Path类和比Path类更轻量级的Geometry(几何形状)来实现你的需求,但是 ...

  2. 写GULP遇到的ES6问题详解

    Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务.最近复习一下gulp一些基本的写法,在写了一些简单的uglify,rename,concat,clean的处理之 ...

  3. javascript里的eval总结

    JavaScript eval() 函数 1.定义和用法 eval() 函数计算 JavaScript 字符串,并把它作为脚本代码来执行. 如果参数是一个表达式,eval() 函数将执行表达式.如果参 ...

  4. bnd -buildpath指令的用法

    -buildpath的作用是为项目添加运行时依赖.这个依赖可以是workspace中的另一个项目或者是仓库中的另一个bundle. -buildpath指令只会在编译和构建时起作用,它从来不会被用来运 ...

  5. Future Maker | 领跑亚太 进击的阿里云数据库

    7月31日,阿里云马来西亚峰会在吉隆坡召开,阿里巴巴集团副总裁.阿里云智能数据库事业部总裁李飞飞在演讲中表示:“作为亚太地区第一的云服务提供商,阿里云数据库已为多家马来西亚知名企业提供技术支持,助力企 ...

  6. (转） Hibernate持久化类与主键生成策略

    http://blog.csdn.net/yerenyuan_pku/article/details/65462930 Hibernate持久化类 什么是持久化类呢?在Hibernate中持久化类的英 ...

  7. TRS OM error

    http://192.168.1.1/ http://tplogin.cn/admin888 wddqaz123456789 package="com.trs.om.bean" m ...

  8. 遗传算法MATLAB实现(2):一元函数优化举例

    遗传算法提供了一种求解非线性.多模型.多目标等复杂系统优化问题的通用框架. 先从例子开始,慢慢再总结理论... [例]利用遗传算法计算函数f(x)=x*cos(5*pi*x)+3.5在区间[-1,2. ...

  9. [ 浙江大学 数据库系统原理 ] [ MiniSQL ]课程设计

    工作流程图如下.代码详见https://github.com/gstggsstt/minisql. 注:课程设计时间紧迫,编码基本没有性能考虑,仅限于实现功能,索引未使用B+tree.

  10. nodeJs学习-13 router

    const express=require('express'); var server=express(); //目录1:/user/ var routeUser=express.Router(); ...