02信息管理系统--数据库实现&登陆页面实现

数据库建表

create table t_user (
uid int (10) not null auto_increment,
uname varchar (100)not null,
pwd varchar ( 100y not null,
sex char (2)not null,
age int (3) ,
birth date,
primary key (uid)

insert into t_user values(default,'张三", ‘123’,1,18,‘2000-10-10’ ) ;
insert into t_user values(default,'李四·, ‘456’,1,18, ‘2000-10-10’);

创建项目

建好表之后，myeclipse创建项目，项目名称为10-Manager，虚拟名称为/ma
再将项目配置到tomact服务器中
在webRoot文件下创建jsp名称为login.jsp
再将login.html中的所有内容复制到login.jsp中

并把所有相关文件如：css，js，image等文件复制到webRoot目录下
启动服务器，查看效果：

在login.jsp中

<ul>
    <li><input name="" type="text" class="loginuser" value="admin" onclick="JavaScript:this.value=''"/></li>
    <li><input name="" type="text" class="loginpwd" value="密码" onclick="JavaScript:this.value=''"/></li>
    <li><input name="" type="button" class="loginbtn" value="登录"  onclick="javascript:window.location='main.html'"  /><label><input name="" type="checkbox" value="" checked="checked" />记住密码</label><label><a href="#">忘记密码？</a></label></li>
    </ul>

需要进行以下修改：

<form action="#" method="post">
    <ul>
    <li><input name="uname" type="text"  placeholder="用户名" class="loginuser" value="" /></li>
    <li><input name="pwd" type="password" placeholder="密码" class="loginpwd" value="" /></li>
    <li><input name="" type="submit" class="loginbtn" value="登录"  onclick="javascript:window.location='main.html'"   /><label><input name="" type="checkbox" value="" checked="checked" />记住密码</label><label><a href="#">忘记密码？</a></label></li>
    </ul>
    </form>

修改目的：

首先加入form表单是为了数据提交，
button改为submit是因为button只是普通按钮，不具备提交数据的功能
密码的"type"也改为password.
源代码中 value="admin" onclick="JavaScript:this.value=''"以及value="密码" onclick="JavaScript:this.value=''"
是在用户进入登陆页面时账户和密码的输入框原始有admin和密码字样，当点击时，value="",也就是admin和密码字样消失。
改动后加入的 placeholder="用户名"和 placeholder="密码"与原效果是差不多的，不用给value赋值，也不用添加点击事件