用JSP+Servlet设计一个美食网站,index.jsp里面有一个导航栏,导航栏选项分别是附近美食、小吃快餐、饮品甜点、上榜好店、聚餐宴请分别跳转到对应的jsp页面,login.jsp实现登录和注册功能
时间: 2024-01-21 10:20:21 浏览: 130
jsp+servlet实现最基本的注册登陆功能
好的,我来给你介绍一下如何实现。
首先,我们需要创建一个动态Web项目,然后在WebContent目录下创建index.jsp和login.jsp两个文件。
index.jsp中包含导航栏和跳转链接,代码如下:
```
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>美食网站</title>
</head>
<body>
<nav>
<ul>
<li><a href="nearby.jsp">附近美食</a></li>
<li><a href="snacks.jsp">小吃快餐</a></li>
<li><a href="drinks.jsp">饮品甜点</a></li>
<li><a href="ranking.jsp">上榜好店</a></li>
<li><a href="banquet.jsp">聚餐宴请</a></li>
</ul>
</nav>
</body>
</html>
```
接着,我们需要创建nearby.jsp、snacks.jsp、drinks.jsp、ranking.jsp、banquet.jsp这五个页面,分别对应导航栏的五个选项。
以nearby.jsp为例,我们可以在页面中展示一些附近的美食店信息,代码如下:
```
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>附近美食</title>
</head>
<body>
<h1>附近美食</h1>
<p>以下是附近的美食店信息:</p>
<ul>
<li>店名:xxx,地址:xxx</li>
<li>店名:yyy,地址:yyy</li>
<li>店名:zzz,地址:zzz</li>
</ul>
</body>
</html>
```
同样的,我们可以对其他四个页面进行类似的编写。
接着,我们来实现登录和注册功能。我们可以在login.jsp中添加一个表单,让用户输入用户名和密码,代码如下:
```
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
</head>
<body>
<h1>登录</h1>
<form action="loginServlet" method="post">
<label for="username">用户名:</label>
<input type="text" name="username" id="username"><br>
<label for="password">密码:</label>
<input type="password" name="password" id="password"><br>
<input type="submit" value="登录">
</form>
<p>还没有账号?<a href="register.jsp">点击注册</a></p>
</body>
</html>
```
在表单中,我们将action设置为loginServlet,这是我们后面需要编写的Servlet类。当用户点击登录按钮时,表单数据会被提交到loginServlet中进行处理。
接着,我们来编写loginServlet类。我们可以在doPost方法中获取表单数据,并进行简单的校验,代码如下:
```
public class LoginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String username = request.getParameter("username");
String password = request.getParameter("password");
if (username.equals("admin") && password.equals("123456")) {
// 登录成功,将用户信息保存到Session中
HttpSession session = request.getSession();
session.setAttribute("username", username);
// 跳转到首页
response.sendRedirect("index.jsp");
} else {
// 登录失败,返回登录界面
response.sendRedirect("login.jsp");
}
}
}
```
在这个Servlet类中,我们首先获取表单数据,然后进行简单的校验。如果用户名和密码都是admin和123456,就将用户信息保存到Session中,并跳转到首页。否则,就返回登录界面。
最后,我们还需要编写一个register.jsp页面,让用户进行注册。在这个页面中,我们可以添加一个表单,让用户输入用户名和密码,然后将数据提交到registerServlet中进行处理。
以上就是用JSP+Servlet设计一个美食网站的全部内容。
阅读全文