• 基于javaweb的云南普洱茶管理系统+茶叶网站+在线购买系统(前端+后端)


    一、系统简介


    本项目采用eclipse工具开发,jsp+servlet+jquery技术编写,数据库采用的是mysql,navicat开发工具。

    系统一共分为2个角色分别是:管理员,用户

    获取方式:xystgl · master · 码盗_java_bishe / java系统 · GitCode

    二、模块简介

    管理员

    1、登录

    2、统计管理

    3、用户管理

    4、分类管理

    5、普洱茶管理

    6、公告管理

    7、用户评论管理

    8、用户订单管理

    9、用户反馈管理

    10、个人信息管理

    用户

    1、登录注册

    2、浏览网站

    3、浏览茶叶

    4、收藏茶叶

    5、加入购物车

    6、下单茶叶

    7、查看公告

    8、评论茶叶

    9、个人信息管理

    10、反馈管理

    11、历史记录查询

    项目简介
    难度等级:✩✩✩
    用户类型:2角色(管理员,用户)
    设计模式:MVC
    项目架构:B/S架构
    开发语言:Java语言
    前端技术:HTML、CSS、JS、JQuery
    后端技术:JSP、servlet框架
    运行环境:Windows7或10、JDK1.8
    运行工具:本系统采用Eclipse开发,仅支持Eclipse运行,不支持MyEclipse和IDEA运行,因为三者的骨架不一样,强行导入打开运行可能会导致出现未知的错误。(如若想用idea运行,需要转换!!!!)
    数  据  库:MySQL5.5/5.7/8.0版本
    运行服务器:Tomcat7.0/8.0/8.5/9.0等版本
    是否基于Maven环境:否
    是否采用框架:是
    数据库表数量:11张表
    JSP页面数量:30多张
    是否有分页:有分页

    相关截图

    相关代码

    登录

    1. <%@ page language="java" contentType="text/html; charset=utf-8"
    2. pageEncoding="utf-8"%>
    3. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    4. <%
    5. String path = request.getContextPath();
    6. String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
    7. %>
    8. html>
    9. <html lang="en" class="h-100">
    10. <head>
    11. <meta charset="utf-8">
    12. <meta http-equiv="X-UA-Compatible" content="IE=edge">
    13. <meta name="keywords" content="" />
    14. <meta name="author" content="" />
    15. <meta name="robots" content="" />
    16. <meta name="viewport" content="width=device-width, initial-scale=1">
    17. <meta name="description" content="Fillow : Fillow Saas Admin Bootstrap 5 Template" />
    18. <meta name="format-detection" content="telephone=no">
    19. <title>云南普洱茶管理系统title>
    20. <link rel="shortcut icon" type="image/png" href="images/favicon.png" />
    21. <link href="resource/css/style.css" rel="stylesheet">
    22. head>
    23. <body class="vh-100">
    24. <div class="authincation h-100">
    25. <div class="container h-100">
    26. <div class="row justify-content-center h-100 align-items-center">
    27. <div class="col-md-6">
    28. <div class="authincation-content">
    29. <div class="row no-gutters">
    30. <div class="col-xl-12">
    31. <div class="auth-form">
    32. <h4 class="text-center mb-3">云南普洱茶管理系统登录h4>
    33. <form id="loginForm" >
    34. <div class="mb-3">
    35. <label class="mb-1"><strong>用户名strong>label>
    36. <input type="text" name="username" id="username" class="form-control" value="">
    37. div>
    38. <div class="mb-3">
    39. <label class="mb-1"><strong>密码strong>label>
    40. <input type="password" name="password" id="password" class="form-control" value="Password">
    41. div>
    42. <div class="row d-flex justify-content-between mt-4 mb-2">
    43. <div class="mb-3">
    44. <input type="radio" class="form-check-input" name="type" value="1" checked id="basic_checkbox_1">
    45. <label class="form-check-label" for="basic_checkbox_1">管理员label>
    46.        
    47. <input type="radio" class="form-check-input" name="type" value="2" id="basic_checkbox_2">
    48. <label class="form-check-label" for="basic_checkbox_2">用户label>
    49. div>
    50. div>
    51. <div class="text-center">
    52. <button type="button" id="login" class="btn btn-primary btn-block">登录button>
    53. div>
    54. form>
    55. div>
    56. div>
    57. div>
    58. div>
    59. div>
    60. div>
    61. div>
    62. div>
    63. <script src="resource/vendor/global/global.min.js">script>
    64. <script src="resource/js/custom.min.js">script>
    65. <script src="resource/js/dlabnav-init.js">script>
    66. <script src="resource/js/styleSwitcher.js">script>
    67. <script src="resource/layui/jquery-1.9.1.min.js">script>
    68. body>
    69. <script>
    70. $("#login").on("click", function() {
    71. var username = $("#username").val().trim(); // trim()去除空格
    72. var password = $("#password").val().trim();
    73. var type = $("#type").val();
    74. if(username == ""){
    75. alert('用户名不能为空!');
    76. return false;
    77. }
    78. if(password == ""){
    79. alert('密码不能为空!');
    80. return false;
    81. }
    82. if(type == ""){
    83. alert('请选择角色!');
    84. return false;
    85. }
    86. $.ajax({
    87. cache : true,
    88. type : "post",
    89. url : "LoginServlet?action=login",
    90. data : $("#loginForm").serialize(),
    91. async : false,
    92. success : function(e) {
    93. if (e == 'yes') {
    94. alert("登录成功!");
    95. window.parent.location.href = "LoginServlet?action=toMain";
    96. } else if (e == 'toIndex') {
    97. alert("登录成功!");
    98. window.parent.location.href = "IndexServlet?action=toIndex";
    99. }else {
    100. alert("登录失败,账号或者密码错误!");
    101. }
    102. }
    103. })
    104. });
    105. script>
    106. html>
    1. /**
    2. * 登录
    3. *
    4. * @param request
    5. * @param response
    6. * @throws ServletException
    7. * @throws IOException
    8. */
    9. public void login(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// 处理登录
    10. // 清空登录记录
    11. request.getSession().invalidate();
    12. // 进行登录操作
    13. String username = request.getParameter("username");
    14. String password = request.getParameter("password");
    15. String type = request.getParameter("type");
    16. if (type != null && type.equals("1")) {
    17. Admin admin1 = UserService.selectAdmin(username, password);
    18. if (admin1 != null) {
    19. response.getWriter().print("yes");
    20. request.getSession().setAttribute("admin", admin1);
    21. request.getSession().setAttribute("flag", 1);
    22. } else {
    23. response.getWriter().print("error");
    24. }
    25. } else if (type != null && type.equals("2")) {
    26. User User1 = UserService.selectUser(username, password);
    27. if (User1 != null) {
    28. response.getWriter().print("toIndex");
    29. request.getSession().setAttribute("user", User1);
    30. request.getSession().setAttribute("flag", 2);
    31. } else {
    32. response.getWriter().print("error");
    33. }
    34. } else {
    35. response.getWriter().print("error");
    36. }
    37. }

    其他相关代码都是类似的,主要是前端jsp和后端servlet交互比较重要!!!非开源!!!!!!

    项目截图中的数据,很多是用来测试的,需要自行添加合适的数据图片!!
    喜欢的朋友的点赞加关注,感兴趣的同学可以研究!!!!!
    感谢  = v =


     

  • 相关阅读:
    Zemax操作41--公差优化(二)
    【Unity3D】发射(RayCast)物理射线(Ray)
    测试岗面试,一份好的简历总可以让人眼前一亮
    Apache Paimon 使用 Postgres CDC 获取数据
    【TR】libevent 定时器:utp_timer
    代码坏味道与重构之霰弹式修改和依恋情结
    java面向对象(七)
    【附源码】Python计算机毕业设计面向移动平台的企业会议室预约系统
    ssm文达学院学生社团招募系统的设计与实现毕业设计源码211633
    jQuery 效果- 隐藏和显示
  • 原文地址:https://blog.csdn.net/qq_43485489/article/details/126399073