前言
本章介绍SMS,即学生管理系统的前台编写
步骤
请大家移步JAVA串烧(二)SMS编写之后台先行复习
一、登录功能的实现
1.设计登录界面
我这美工的技术实在是烂的不行,我自己做的,大家不要介意!实现功能就好,haha
登录首页长这样:
让我们编写代码实现登录功能:
login.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
request.setAttribute("path", request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/");
%>
<!DOCTYPE HTML>
<html>
<head>
<title>用户登录</title>
<base href="${requestScope.path}">
<script type="text/javascript" src="js/student.js"></script>
<link type="text/css" href="css/form.css" rel="stylesheet" />
</head>
<body>
<div style="border-left:100px solid white;text-align: left;">欢迎使用学生信息管理系统^_^</div>
<div id="header" style="border-right:100px solid white;border-left:100px solid white;">
<img src="images/header.jpg" height="60px" width="1100px" />
</div>
<div style="background-color:aqua;border-left:100px solid white;border-right:150px solid white;height: 400px;width: 1100px;">
<div style="height: 100px;"></div>
<div style="border-left:400px solid aqua;float: left;height:300px;"></div>
<div style="text-align: center;float: left;height:300px;">
<form action="login.do" method="post" onSubmit="return validate()">
<table border="1">
<tr>
<td colspan="3"><strong>用户登录</strong></td>
</tr>
<tr>
<td>用户名:</td>
<td><input type="text" name="username" id="username" class="init" onBlur="validateName()"></td>
<td><span id="usernameMsg"> </span></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="text" name="password" id="password" class="init" onBlur="validatePass()"></td>
<td><span id="passwordMsg"> </span></td>
</tr>
<tr>
<td colspan="3"><input type="submit" value="登陆"> <input type="reset" value="重置"></td>
</tr>
</table>
</form>
<h3 style="text-align: center;color: red">${requestScope.errorMsg}</h3>
</div>
</div>
<div id="footer" style="border-right:100px solid white;border-left:100px solid white;">
<img src="images/footer.jpg" height="60px" width="1100px" />
</div>
<div style="border-right:200px solid white;text-align: right;width: 1100px;">版权所有 www.wangjian.com</div>
</body>
</html>
UserServlet:
package cn.edu.ccut.servlet;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import cn.edu.ccut.factory.ServiceFactory;
@WebServlet(name = "loginservlet", urlPatterns = { "/login.do" })
@SuppressWarnings("serial")
public class LoginServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String username = request.getParameter("username");
String password = request.getParameter("password");
try {
if (ServiceFactory.getStudentService().login(username, password)) {
request.getSession().setAttribute("username", username);
request.getRequestDispatcher("/admin/list/welcome.jsp").forward(request, response);
} else {
request.setAttribute("errorMsg", "用户名或密码错误,请重新输入!");
request.getRequestDispatcher("/admin/login/login.jsp").forward(request, response);
}
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// TODO Auto-generated method stub
this.doGet(request, response);
}
}
就是这么简单,访问项目的login.jsp登录即可
后台我做了少许改动,其他相关功能同理,希望大家能够自己完成,我会把我弄好的整个学生信息管理系统学习程序代码发布到我的资源中,供大家学习使用!请戳SMS系统源码