今天开始正常上课学习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. 重温 Webpack, Babel 和 React

    开始之前 在书写文章之前,我假设大家已经有了 JavaScript,Node 包管理工具,Linux 终端操作 这些基本技能,接下来,我将一步一步指引大家从头搭建一个 React 项目 最终实现的效果 ...

  2. 项目管理知识图谱OR架构图

    做项目管理,心中一定要有知识图谱,科学的知识储备+100%执行力=好的管理者. 德鲁克所言:  领导是“做正确的事”,管理是“把事做正确”.

  3. POJ3889Fractal Streets

    Fractal Streets Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 445   Accepted: 162 Des ...

  4. 洛谷 P3950 部落冲突 树链剖分

    目录 题面 题目链接 题目描述 输入输出格式 输入格式 输出格式 输入输出样例 输入样例1 输出样例1 输入样例2 输出样例2 输入样例3 输出样例3 说明 思路 AC代码 总结 题面 题目链接 P3 ...

  5. Apache Camel,Spring Boot 实现文件复制，转移 （转）

    基本框架 Apache Camel Spring Boot Maven 开发过程 1.新建一个POM(quickstart)项目,在POM文件中添加Camel和Spring Boot的依赖 <p ...

  6. NodeJS基础之Express路由和中间件

    路由 路由是指如何定义应用的端点(URIs)以及如何响应客户端的请求. 路由是由一个 URI.HTTP 请求(GET.POST等)和若干个句柄组成,它的结构如下: app.method(path, [ ...

  7. 解决/home磁盘空间不足问题

    最近在Linux下做仿真实验,但是渐渐的发现,/home原来分配的空间不足.通过先建硬盘分区,然后挂载到/home文件的方法,在网上查了好多资料 建立分区并挂载分区http://www.se126.c ...

  8. 2019-10-18-dotnet-文件读写务必注意事项

    title author date CreateTime categories dotnet 文件读写务必注意事项 lindexi 2019-10-18 08:42:53 +0800 2019-10- ...

  9. 文字内容展开与折叠jquery代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  10. ELK练习

    1.ELK练习 PUT s3/_doc/ { "mappings" : { "doc" : { "properties" : { " ...