• 基于ssm的潮牌运动服饰数码商城管理系统(idea+spring+springmvc+mybatis+jsp)


    一、系统简介

    本项目采用idea工具开发,jsp+spring+spring-mvc+mybatis+jquery技术编写,数据库采用的是mysql,navicat开发工具。

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

    二、模块简介

    管理员

    1、登录

    2、商品管理

    3、订单管理

    4、轮播图管理

    5、评论管理

    6、分类管理

    7、个人信息管理

    8、统计管理

    用户

    1、登录注册

    2、个人信息管理

    3、浏览网站

    4、查看商品详情

    5、加入购物车

    6、地址信息管理

    7、下单商品,退货,签收等

    8、订单历史记录查询

    9、评论商品

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

    相关截图

    相关代码

    登录

    1. <%@ page contentType="text/html;charset=UTF-8" language="java"
    2. pageEncoding="utf-8"%>
    3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    4. <%
    5. String path = request.getContextPath();
    6. String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
    7. + path + "/";
    8. %>
    9. HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    10. <head>
    11. <base href="<%=basePath%>">
    12. <meta charset="utf-8">
    13. <meta http-equiv="X-UA-Compatible" content="IE=edge">
    14. <meta name="viewport" content="width=device-width, initial-scale=1">
    15. <title>前台登录title>
    16. <link href="resources/css/style.css" rel="stylesheet">
    17. <link href="resources/css/layui.css" rel="stylesheet">
    18. <link href="resources/css/admin.css" rel="stylesheet">
    19. <link href="resources/css/pro.css" rel="stylesheet">
    20. <link href="resources/css/login.css" rel="stylesheet">
    21. <script src="resources/js/jquery.min.js" type="text/javascript">script>
    22. <script src="resources/js/layui.js" type="text/javascript">script>
    23. <style type="text/css">
    24. style>
    25. head>
    26. <body>
    27. <jsp:include page="userview/include/header.jsp" />
    28. <div class="container-fluid">
    29. <form id="loginForm">
    30. <div class="layadmin-user-login layadmin-user-display-show" style="padding-bottom:0px;padding-top:50px;height:250px;"
    31. id="LAY-user-login">
    32. <div class="layadmin-user-login-main" style="height:200px;">
    33. <div class="layadmin-user-login-box layadmin-user-login-header">
    34. <h2>用户登录h2>
    35. div>
    36. <div
    37. class="layadmin-user-login-box layadmin-user-login-body layui-form" style="height:100px;">
    38. <div class="layui-form-item">
    39. <label
    40. class="layadmin-user-login-icon layui-icon layui-icon-username"
    41. for="LAY-user-login-username">label> <input type="text"
    42. name="userName" id="userName"
    43. lay-verify="required" placeholder="用户名"
    44. class="layui-input layui-form-danger">
    45. div>
    46. <div class="layui-form-item">
    47. <label
    48. class="layadmin-user-login-icon layui-icon layui-icon-password"
    49. for="LAY-user-login-password">label> <input type="password"
    50. name="userPass" id="userPass"
    51. lay-verify="required" placeholder="密码" class="layui-input">
    52. div>
    53. <div class="layui-row">
    54. <div class="layui-col-xs7">
    55. <input type="text" name="verifycode" id="verifycode" lay-verify="required" placeholder="图形验证码" class="layui-input">
    56. div>
    57. <div class="layui-col-xs5">
    58. <%-- <a href="javascript:refreshCode();">
    59. <img src="${pageContext.request.contextPath}/CheckCodeServlet" title="看不清点击刷新" id="vcode"/>
    60. a> --%>
    61. <div style="margin-left: 10px;">
    62. <a href="javascript:refreshCode();">
    63. <img src="${pageContext.request.contextPath}/view/checkcode" class="layadmin-user-login-codeimg" id="vcode">a>
    64. div>
    65. div>
    66. div>
    67. <br>
    68. <div class="layui-form-item">
    69. <button class="layui-btn layui-btn-fluid" type="button" lay-submit=""
    70. lay-filter="loginSubmit">登录button>
    71. div>
    72. div>
    73. div>
    74. div>
    75. form>
    76. div>
    77. <div style="margin-top: 100px"> div>
    78. <jsp:include page="userview/include/foot.jsp" />
    79. <script type="text/javascript">
    80. function refreshCode(){
    81. //1.获取验证码图片对象
    82. var vcode = document.getElementById("vcode");
    83. //2.设置其src属性,加时间戳
    84. vcode.src = "${pageContext.request.contextPath}/view/checkcode?time="+new Date().getTime();
    85. }
    86. layui.use(['form','layer'], function() {
    87. var form = layui.form;
    88. var layer=layui.layer;
    89. form.on('submit(loginSubmit)',function(){
    90. $.ajax({
    91. type:"post",
    92. url:"user/login",
    93. data:$("#loginForm").serialize(),
    94. success:function(data){
    95. if(data=="success"){
    96. layer.msg("登录成功!",{icon:1,anim:2,time:2000},function(){
    97. window.location.href="view/index";
    98. });
    99. }else if(data=="codeError"){
    100. layer.msg("验证码错误!",{icon:1,anim:2,time:2000});
    101. }else{
    102. layer.msg("登录失败!请检查用户名和密码后重试!",{icon:5,anim:6,time:1000} );
    103. }
    104. }
    105. });
    106. });
    107. });
    108. script>
    109. body>
    110. html>
    1. @RequestMapping("login")
    2. @ResponseBody
    3. public String login(String userName, String userPass, HttpServletRequest request) {
    4. Users user = userService.login(userName, MD5Utils.passToMD5(userPass));
    5. String verifycode = request.getParameter("verifycode");
    6. //3.验证码校验
    7. HttpSession session = request.getSession();
    8. String checkcode_server = (String) session.getAttribute("CHECKCODE_SERVER");
    9. //session.removeAttribute("CHECKCODE_SERVER");//确保验证码一次性
    10. if(!checkcode_server.equalsIgnoreCase(verifycode)){
    11. //验证码不正确
    12. //提示信息
    13. return "codeError";
    14. }
    15. if (user != null) {
    16. session.setAttribute("user", user);
    17. return "success";
    18. }
    19. return "fail";
    20. }

    非开源!!!!!!
    项目截图中的数据,很多是用来测试的,需求自行添加合适的数据图片

    此项目适合初学者学习借鉴,项目整体比较简单,可用作于期末考核,课设,毕设等方面的作业!!!!!
    喜欢的朋友的点赞加关注,感兴趣的同学可以研究!!!!!
    感谢  = v =

  • 相关阅读:
    flatten-maven-plugin使用
    Pandas-04(缺失数据、分组、合并连接、级联)
    zookeeper应用场景(二)
    一文拿捏Spring事务之、ACID、隔离级别、失效场景
    1024 CSDN 程序员节-知存科技-基于存内计算芯片开发板验证语音识别
    Fortran编程(基础语法)——笔记3
    网站被DDOS攻击怎么办?防护经验!
    SpringMVC 03: 请求和响应的乱码解决 + SpringMVC响应Ajax请求
    D. Fixed Point Guessing(二分+交互式问题)
    大小端的判断
  • 原文地址:https://blog.csdn.net/qq_43485489/article/details/126484996