动态页面，登陆，注册，留言 JSP

登陆页

主要使用html表单，javascript验证注册信息

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆页</title>

<script type="text/javascript">

function check()
{
    var uid = document.getElementById("userid");

    if(uid.value =="")
        {
        alert("请输入用户名");

        return false;
        }
    if(dlform.password.value == "")
        {
        alert("密码不能为空")

        return false;
        }
    return true;
    }
</script>

</head>
<body>

<form id="dlform" action="yanzheng.jsp" method="post" onSubmit="return check();">

用户名：<input id="userid" name="userid" type="text" value="请输入用户名" size="20"/>

密码：<input id="password" name="password" type="password" size="20"/>

<input type="submit" value="登陆" />

<a href="zhuce.jsp">注册新用户</a>

</form>

</body>
</html>

登陆验证页

使用request获取登录信息，response页面重定向，application获取参数，out输出提示。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>验证页</title>
</head>
<body>

<%
//获取登陆信息
String userid = request.getParameter("userid");

String password = request.getParameter("password");
//获取保存的注册信息
Object user = application.getAttribute("userxinxi");

    if(user == null)  //判断获取注册信息为空
    {
        response.sendRedirect("cuowutishi.jsp?msgid=4");
    }
    else    //判断用户名密码能否登陆
    {
        String[] zcuser = user.toString().split("#") ;

        String zcuserid = zcuser[0];
        String zcusername = zcuser[1];
        String zcpassword = zcuser[2];

         if(userid.equals(zcuserid))
        {
            if(password.equals(zcpassword))
            {
                out.print("欢迎" + zcusername + "登陆成功");

            //跳转到留言页面
            session.setAttribute("login", zcusername);

            }
            else
            {
                response.sendRedirect("cuowutishi.jsp?msgid=3");
            }
            }
        else
        {
            response.sendRedirect("cuowutishi.jsp?msgid=4");
        }
}

%>
<br><br>
<a href="liuyan.jsp">留言簿</a>

</body>
</html>

注册页

主要使用html表单，javascript验证注册信息

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>注册新用户</title>

<script type="text/javascript">
function check()
{
    if(zcform.zcid.value == "")
        {
        alert("请输入用户名");

        return false;
        }

    if(zcform.zcname.value == "")
        {
        alert("请输入用户昵称");

        return false;
        }

    if(zcform.zcpassword.value == "")
        {
        alert("请输入密码");

        return false;
        }

    if(zcform.qrpassword.value == "")
        {
        alert("请输入确认密码");

        return false;
        }
    if(zcform.qrpassword.value != zcform.zcpassword.value)
        {
        alert("确认密码与用户密码不一致");

        return false;
        }

    return true;
    }
</script>

</head>
<body>

<form id= "zcform" action="saveUser.jsp" method="get" onsubmit="return check();">

用户代码：<input id="zcid" name="userid" type="text" size="20" /><br><br>

用户名称：<input id="zcname" name="username" type="text" size="20" /><br><br>

用户密码：<input id="zcpassword" name="password" type="password" size="20" /><br><br>

确认密码：<input id="qrpassword" name="qrpassword" type="password" size="20" /><br><br>

<input type="submit" value="提交" /><br>

<a href="login.jsp">返回登陆页</a>

</form>

</body>
</html>

保存注册页

request获取注册信息，注意中文转码，application储存注册信息，response页面重定向

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>保存用户信息</title>
</head>
<body>

<%
//获取注册信息
String userid = request.getParameter("userid");

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

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

Object user = application.getAttribute("userxinxi");

if(user != null)  //判断是否已被注册
    {
           response.sendRedirect("cuowutishi.jsp?msgid=7");
    }
else         //保存注册信息
    {
        String userxinxi = userid + "#" + username + "#" + password;

        application.setAttribute("userxinxi", userxinxi);

        response.sendRedirect("cuowutishi.jsp?msgid=6");
    }
%>

</body>
</html>

留言页

session查看登陆状态，request获取留言信息，application储存和获取留言信息，response页面重定向，out输出留言。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ page import="java.util.*" %>
    <%@ page import="java.text.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>留言薄</title>

</head>
<body>

<%

String userName ="";

//检查登陆状态
Object o = session.getAttribute("login");

if(o == null)
{
    response.sendRedirect("cuowutishi.jsp?msgid=8");
}
else
{
    userName = o.toString();
}
    //获取留言信息
    String liuy = request.getParameter("liuyan");
    //判断留言信息不是空值和空字符串
    if(liuy != null && !liuy.equals(""))
    {
        String strliuy = new String(liuy.getBytes("ISO-8859-1"),"UTF-8");

        Object obj = application.getAttribute("liuyan");

        //附加时间信息
        Date dt = new Date();
        //格式化时间
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");

        String time = sdf.format(dt);
        //留言内容 + 留言时间 + 留言人
        strliuy += "&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" + time +
        "&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" + "留言人“" + userName;

        ArrayList<String> A;

        if (obj == null)
        {
            A = new ArrayList<String>();
        }
        else
        {
            A = (ArrayList<String>)obj;
        }
        A.add(strliuy);

        application.setAttribute("liuyan", A);
    }
    else
    {

    }

%>

<form id="lyform" action="liuyan.jsp" method="post">

最新留言<br><br>

<%
//输出留言
int i = 1;

Object obj = application.getAttribute("liuyan");
//判断获取的值不为空
if (obj != null)
{
    ArrayList<String> A = (ArrayList<String>)obj;

    for(int m = A.size() - 1; m >= 0 ; m--)  //倒数遍历
    {
        out.print(i + ". " + A.get(m) + "<br>" );

        i++;
    }
}
%>
<br><br>
留言簿<br>
<textarea name="liuyan" rows="20" cols="100"></textarea>

<br>

<input name="tijiao" type="submit" value="提交留言"/>

</form>

</body>
</html>

错误提示页

response页面重定向，定时跳转页面，out输出错误提示。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ page import="java.util.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>错误信息</title>
</head>
<body>

<%
//获取错误信息
String strMsgId = request.getParameter("msgid");
//判断错误信息是否为空
if(strMsgId == null || strMsgId.trim().length() == 0)
{
    out.print("请正确传递信息");
}
else
{
    int iMsgid = Integer.parseInt(strMsgId);

    switch(iMsgid)
    {
    case 1 :

        out.print("您输入正确的用户名");

        break;

    case 2 :

        out.print("您输入正确的密码");

        break;

    case 3 :

        out.print("密码输入错误");

        break;

    case 4 :

        out.print("该用户不存在");

        break;

    case 5 :

        out.print("请正确输入用户昵称");

        break;

    case 6 :

        out.print("提交成功");

        break;
    case 7 :

          out.print("该用户已存在");

          break;
    case 8 :

          out.print("请登录系统");

          break;

    default:

        out.print("无法识别传递的信息");

        break;
    }
}
//返回登陆页
response.setHeader("refresh", "3;URL=login.jsp");

%>

</body>
</html>

时间： 2024-10-14 04:56:11

动态页面，登陆，注册，留言 JSP的相关文章

Android 启动页面引导页面登陆注册主页通用框架

写这个不是因为这个很难,而是发现特么每次新写一个项目都要写这些东西,不如就把他们拿出来,以后可以省下不少时间. 1:启动页面一个动画然后进入app 2:第一次打开的引导页面 3:登陆界面(当然这块ui会有不同需求,但是改吧改吧就行了) 4:注册界面(同登陆界面) 5:主界面 6:一些通用控件(这里就放了一个dialog,下拉刷新上拉加载控件) 基本就这些内容,每次都写或者拷贝一次,也蛮浪费时间的,下面就一步一步放上来,也希望对有些刚工作同志一些帮助这里就简单放了一个颜色渐变的动画,置

自己做的一个登陆注册留言板的界面未实现功能求指点待更。。。。。。

MAIN结构 //// <%@ Master Language="C#" AutoEventWireup="true" CodeFile="Main.master.cs" Inherits="Main" %> <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta ht

熟悉基于JSP和Servlet的Java Web开发，对Servlet和JSP的工作原理和生命周期有深入了解，熟练的使用JSTL和EL编写无脚本动态页面，有使用监听器、过滤器等Web组件以及MVC架构模式进行Java Web项目开发的经验。

熟悉基于JSP和Servlet的Java Web开发,对Servlet和JSP的工作原理和生命周期有深入了解,熟练的使用JSTL和EL编写无脚本动态页面,有使用监听器.过滤器等Web组件以及MVC架构模式进行Java Web项目开发的经验. 1.说一说Servlet生命周期(非常重要) Servlet生命周期包括三部分: 初始化:Web容器加载servlet,调用init()方法只执行一次处理请求:当请求到达时,运行其service()方法.service()自动调用与请求相对应的doXXX

JavaEE之动态页面技术（JSP/EL/JSTL）

动态页面技术(JSP/EL/JSTL) JSP技术 jsp脚本和注释 jsp脚本: 1)<%java代码%> ----- 内部的java代码翻译到service方法的内部 2)<%=java变量或表达式> ----- 会被翻译成service方法内部out.print() 3)<%!java代码%> ---- 会被翻译成servlet的成员的内容 jsp注释: 不同的注释可见范围是不同 1)Html注释: ---可见范围 jsp源码.

javaweb 登陆注册页面

视图的数据修改,表中也修改引用工具类用<%@ page import=""%> <%@ page import="java.util.Date" %> <%@ page import="java.text.SimpleDateFormat" %> 引入包可以一条一条分着写,也可以在一条内直接用逗号隔开写 <%@ page import="java.util.Date,java.text.Simp

前端开发---登陆注册页面优化

1.本次用到错误提示文字的颜色 http://v3.bootcss.com/css/#forms jquery 教程: http://www.w3school.com.cn/jquery/index.asp 2.工程地址:https://github.com/digitalClass/web_page 网站发布地址: http://115.28.30.25:8029/ 3. 主要工作优化登陆注册页面显示因为业务需要, 登陆注册页面被后端给改了, 显示效果如下: 可以看到表单全部乱掉了.打开后

jsp+servlet+mysql简单实现用户登陆注册

原码,项目中遇到的错误,解决方法,文章最后有链接可以获取项目简介功能描述登陆,注册,用户一览表,修改,删除,添加,模糊查询和精确查询采用的技术及环境 JSP:前端的信息展示 Servlet:业务逻辑功能实现,及调用数据库的实现数据处理和传输 MySQL:用来实现数据存储利用Eclipse来实现,MySQL数据库版本:5.x 运行效果展示数据库数据项目结构图 *因屏幕小,截图用了两张图片登陆页面登陆成功用户一览表页面注册页面 *因我在数据设计表时,性别(sex)设置的大小为2长

动态页面技术（JSP/EL/JSTL）

一.JSP技术 1．jsp脚本和注释 jsp脚本: 1)<%java代码%> ----- 内部的java代码翻译到service方法的内部 2)<%=java变量或表达式> ----- 会被翻译成service方法内部out.print() 3)<%!java代码%> ---- 会被翻译成servlet的成员的内容 jsp注释: 不同的注释可见范围是不同 1)Html注释: ---可见范围 jsp源码.翻译后的servlet.页面

jsp动态页面

1. 什么是动态网页? 动态网页是指在服务器端运行的程序或者网页,它们会随不同客户.不同时间,返回不同的网页. 注意:在静态网页中插入flash ,虽然flash是在动的,但是并不是说这个网页就是动态网页.参考动态网页的特点. 2. 动态网页的特点? (1).交互性:即网页会根据用户的要求和选择而动态改变和响应.采用动态网页技术的网站可以实现与用户的交互功能. (2).自动更新:无需手动操作,便会自动生成新的页面,可以节省工作量. (3).随机性:即当不同的时间.不同的人访问同一网址时会产生不同

JavaWeb学习之动态页面技术（JSP/EL/JSTL）

JSP技术 1.jsp脚本和注释 jsp脚本: 1.<% java代码%> 内部的Java代码翻译到service方法的内部 2.<%=java 变量或表达式%> 会被翻译成service方法内部out.print() 3.<%! java 代码%> 会被翻译成servlet的成员(成员变量或者成员方法)的内容 jsp注释:不同的注释可见范围是不同的 1.Html注释: 可见范围有jsp源码.翻译后的servl