Web开发—简单的点餐管理系统

本文介绍了如何使用Bootstrap、Eclipse和MySQL开发一个简单的点餐管理系统。系统功能包括用户登录注册、浏览菜品、购物车管理、订单查看、评论留言以及管理员的菜品管理、订单和用户信息管理等。文章详细讲述了数据库设计、前端界面搭建、后台逻辑实现以及最终效果展示。
摘要由CSDN通过智能技术生成

本系统由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>
					<
  • 6
    点赞
  • 82
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值