本内存涉及:JSP、CSS、JSweb
先上图:数据库
这是咱们的主界面效果:登入成功与失败都会弹出对话框提示↓↓↓↓jsp
咱们如今看看功能的实现方法。因为本人入行比较浅,对一些专业术语不太了解的胡诌你们能够自行理解。表达有误纯属抱歉。spa
1. 登入页面有两个输入框,用户能够提交信息(login.jsp)code
2. 登入页面提交的信息传给核对页面(check.jsp)orm
3. 核对页面首先要接受来自登入页面的信息,收到后与数据库内容匹配。(JDBC in check.jsp)blog
4. 不管匹配的哪一步失败了,页面都须要传输正确的信息给用户显示,这里采用js来表现。(JS in check.jsp)内存
正文:input
第一步:建立一个工程:命名mywebtestit
第二步:新建两个jsp:login.jsp、check.jsp。
第三步:login.jsp添加表格代码(注意提交给check.jsp)
1 <body> 2 <center> //center包住让表格居中 3 <form action="check.jsp"> //使用form来提交数据 4 <h2 class="pos_abs">Kxia.cn</h2> 5 姓名: <input type="text" name="username" /><br /> 6 密码: <input type="password" name="password" /><br /><br /> 7 <input type="submit" value="用户登陆" />
8 </form>
9 </center>
10 </body>
第四步:check.jsp连接数据库
第五步: