当前位置:   article > 正文

基于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. <!DOCTYPE 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. <!-- <div class="text-center mb-3">
  33. <a href="index.html"><img src="images/logo-full.png" alt=""></a>
  34. </div> -->
  35. <h4 class="text-center mb-3">云南普洱茶管理系统登录</h4>
  36. <form id="loginForm" >
  37. <div class="mb-3">
  38. <label class="mb-1"><strong>用户名</strong></label>
  39. <input type="text" name="username" id="username" class="form-control" value="">
  40. </div>
  41. <div class="mb-3">
  42. <label class="mb-1"><strong>密码</strong></label>
  43. <input type="password" name="password" id="password" class="form-control" value="Password">
  44. </div>
  45. <div class="row d-flex justify-content-between mt-4 mb-2">
  46. <div class="mb-3">
  47. <input type="radio" class="form-check-input" name="type" value="1" checked id="basic_checkbox_1">
  48. <label class="form-check-label" for="basic_checkbox_1">管理员</label>
  49. &nbsp; &nbsp; &nbsp; &nbsp;
  50. <input type="radio" class="form-check-input" name="type" value="2" id="basic_checkbox_2">
  51. <label class="form-check-label" for="basic_checkbox_2">用户</label>
  52. </div>
  53. <!-- <div class="mb-3">
  54. <a href="page-forgot-password.html">Forgot Password?</a>
  55. </div> -->
  56. </div>
  57. <div class="text-center">
  58. <button type="button" id="login" class="btn btn-primary btn-block">登录</button>
  59. </div>
  60. </form>
  61. <!-- <div class="new-account mt-3">
  62. <p>Don't have an account? <a class="text-primary" href="resource/page-register.html">Sign up</a></p>
  63. </div> -->
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. <script src="resource/vendor/global/global.min.js"></script>
  73. <script src="resource/js/custom.min.js"></script>
  74. <script src="resource/js/dlabnav-init.js"></script>
  75. <script src="resource/js/styleSwitcher.js"></script>
  76. <script src="resource/layui/jquery-1.9.1.min.js"></script>
  77. </body>
  78. <script>
  79. $("#login").on("click", function() {
  80. var username = $("#username").val().trim(); // trim()去除空格
  81. var password = $("#password").val().trim();
  82. var type = $("#type").val();
  83. if(username == ""){
  84. alert('用户名不能为空!');
  85. return false;
  86. }
  87. if(password == ""){
  88. alert('密码不能为空!');
  89. return false;
  90. }
  91. if(type == ""){
  92. alert('请选择角色!');
  93. return false;
  94. }
  95. $.ajax({
  96. cache : true,
  97. type : "post",
  98. url : "LoginServlet?action=login",
  99. data : $("#loginForm").serialize(),
  100. async : false,
  101. success : function(e) {
  102. if (e == 'yes') {
  103. alert("登录成功!");
  104. window.parent.location.href = "LoginServlet?action=toMain";
  105. } else if (e == 'toIndex') {
  106. alert("登录成功!");
  107. window.parent.location.href = "IndexServlet?action=toIndex";
  108. }else {
  109. alert("登录失败,账号或者密码错误!");
  110. }
  111. }
  112. })
  113. });
  114. </script>
  115. </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 =


 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/411514
推荐阅读
  

闽ICP备14008679号