【电信计费系统项目实战】基础篇---登录界面实现

最新推荐文章于 2025-05-15 12:31:02 发布

wblearn

最新推荐文章于 2025-05-15 12:31:02 发布

阅读量9.7k

点赞数 14

CC 4.0 BY-SA版权

分类专栏：【项目实战】文章标签：验证码登录界面 struts map

本文链接：https://blog.csdn.net/wudalang_gd/article/details/52167176

这一篇很简单，登录界面无非就是账号密码框再加上一个验证码，这里我们主要了解生成验证码及验证的基本原理，可以参考我之前写的一篇ajax注册页面异步验证。
这里写图片描述
登录界面代码：

<%@page pageEncoding="utf-8"%>
<%@taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>达内－NetCTOSS</title>
        <link type="text/css" rel="stylesheet" media="all" href="../styles/global.css" />
        <link type="text/css" rel="stylesheet" media="all" href="../styles/global_color.css" /> 
         <script type="text/javascript" language="javascript">
             function change(imgObj) {
    
    
                 imgObj.src = "createImage?date=" + new Date().getTime();
             }
         </script>
    </head>
    <body class="index">
        <div class="login_box">

            <!-- method="post"，保证中文不乱码 -->
            <form action="login" method="post">
                <table>
                    <tr>
                        <td class="login_info">账号：</td>
                        <td colspan="2"><input name="adminCode" type="text" value="<s:property value="adminCode"/>" class="width150" /></td>
                        <td class="login_error_info"><span class="required">30长度的字母、数字和下划线</span></td>
                    </tr>
                    <tr>
                        <td class="login_info">密码：</td>
                        <td colspan="2"><input name="password" type="password" value="<s:property value="password"/>" cl