Servlet串烧(一)SMS编写之前台

前言

      本章介绍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">&nbsp;&nbsp;&nbsp;&nbsp;</span></td>
						</tr>
						<tr>
							<td>密&nbsp;&nbsp;码:</td>
							<td><input type="text" name="password" id="password" class="init" onBlur="validatePass()"></td>
							<td><span id="passwordMsg">&nbsp;&nbsp;&nbsp;&nbsp;</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;">版权所有&nbsp;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系统源码

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值