本系统由bootstrap,eclipse和Mysql共同开发完成。其主要功能根据角色大致可分为
基于用户的登录注册,浏览菜品,添加修改购物车,查看以下单的订单信息,留言评论并查看所有人评论,查看并修改个人信息及密码等
基于管理员的有添加和修改菜品,查看所有用户订单信息,查看并管理所有用户的评论,查看所用用户信息,管理个人管理员信息等
1.数据库
作为一个点餐管理系统,大致建表如图
列数据这里贴出用户表的和购物车表
用户表
购物车表
2.前端
前端重要运用bootstrap框架以及font-awesome一些小插件来整体构建,这里只列出用户登录,和首页代码
登陆界面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath %>">
<meta charset="UTF-8">
<title>登陆</title>
<script type="text/javascript"
src="<%=basePath%>/webjars/jquery/3.4.1/dist/jquery.min.js"></script>
<script type="text/javascript"
src="<%=basePath%>/webjars/bootstrap/4.6.0/js/bootstrap.min.js"></script>
<link rel="stylesheet"
href="<%=basePath%>/css/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="<%=basePath%>/css/img/Login.css" type="text/css">
<link rel="stylesheet"
href="<%=basePath%>/webjars/bootstrap/4.6.0/css/bootstrap.min.css" type="text/css">
</head>
<body>
<script type="text/javascript">
</script>
<div class="container">
<div style="position:absolute;top:20%;left:70%;height:400px;border-radius:25px" class="form row m-auto">
<form action="<%=basePath %>/UserServlet" method="post" class="form-horizontal col-md-12">
<p style="text-align:center">
<a style='text-decoration:none;font-size:30px;color:black' href="#">欢迎登陆</a>
<div class="col-md-12 col-md-12">
<div class="form-group">
<i class="fa fa-user" aria-hidden="true"></i> <input
class="form-control" type="text" name="username"
placeholder="请输入账号" onchange="this.value" required autofocus>
<