基于javaweb的个人相册系统（idea+spring+springmvc+mybatis+jsp）

码盗_java_bishe

已于 2023-06-26 15:57:21 修改

阅读量760

点赞数 1

分类专栏： jsp ssm 文章标签： java mysql tomcat intellij-idea mybatis

于 2022-08-19 11:46:58 首次发布

本文链接：https://blog.csdn.net/qq_43485489/article/details/126421362

版权

jsp 同时被 2 个专栏收录

50 篇文章 3 订阅

订阅专栏

ssm

30 篇文章 1 订阅

订阅专栏

一、系统简介

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

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

二、模块简介

管理员

1、登录

2、个人信息管理

3、用户管理

4、分类管理

5、标签管理

6、相册管理

7、评论管理

8、消息管理

获取地址：xystgl · master · 码盗_java_bishe / java系统 · GitCode

用户

1、登录注册

2、浏览相册，相片

3、查看用户

4、申请加好友

5、评论相片

6、下载相片

7、给好友发消息

8、历史记录查询

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

相关代码

<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>个人相册系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" type="text/css" href="<%=path %>/resource/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="<%=path %>/resource/layui/css/admin.css">
    <link rel="stylesheet" type="text/css" href="<%=path %>/resource/layui/css/login.css">
</head>
<body>


<form id="loginForm" name="loginForm">
    <div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
        <div class="layadmin-user-login-main">
            <div class="layadmin-user-login-box layadmin-user-login-header">
                <h2>个人相册系统</h2>

            </div>
            <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
                <div class="layui-form-item">
                    <label class="layadmin-user-login-icon layui-icon layui-icon-userName"></label>
                    <input type="text" name="username" lay-verify="username" id="username" placeholder="用户名"
                           class="layui-input">
                </div>

                <div class="layui-form-item">
                    <label class="layadmin-user-login-icon layui-icon layui-icon-password"></label>
                    <input type="password" name="password" lay-verify="password" id="password" placeholder="密码"
                           class="layui-input">
                </div>
                <div class="layui-form-item" style="align:center;">
                    &emsp;&emsp;&emsp;
                    <!-- <div class="layui-input-block"> -->
                    <input type="radio" name="type" value="1" title="管理员" checked>
                    <input type="radio" name="type" value="2" title="用户">
                    <!-- </div> -->
                </div>
                <div class="layui-form-item">

                    <button type="button" id="login" class="layui-btn layui-btn-fluid">登陆</button>

                </div>

            </div>
        </div>


    </div>
</form>


<script src="<%=path %>/resource/layui/layui.js"></script>
<script src="<%=path %>/resource/layui/jquery-1.9.1.min.js"></script>

<script>

    $("#login").click(function(){
        var username = $.trim($('#username').val());
        var password = $.trim($("#password").val());
        if (username == '') {
            layer.msg('用戶名不能为空', function () {
                time:2000
            });
            return false;
        }
        if (password == '') {
            layer.msg('密码不能为空', function () {
                time:2000
            });
            return false;
        }

        $.ajax({
            cache: true,
            type: "post",
            url: "login",
            data: $("#loginForm").serialize(),
            async: false,
            success: function (e) {
                if (e == 'ok') {
                    alert("登录成功！");
                    window.parent.location.href = "toMain";
                } else if (e == 'toIndex') {
                    alert("登录成功！");
                    window.parent.location.href = "toIndex";
                } else {
                    alert("登录失败，账号或者密码错误！");
                }
            }
        })

    });

</script>

<script>

    layui.use(['form', 'jquery', 'layer'], function () {
        var form = layui.form,
            layer = layui.layer,
            $ = layui.jquery;
        form.render();//这句一定要加，占坑

    });
</script>
</body>
</html>

  /**
     * 登录
     * @param username
     * @param request
     * @param password
     * @param session
     * @param response
     * @param mv
     * @return
     * @throws ServletException
     * @throws IOException
     */
    @RequestMapping("/login")
    @ResponseBody
    public  String login(@RequestParam("username")String username,
                         HttpServletRequest request, @RequestParam("password")String password,
                         HttpSession session, HttpServletResponse response, ModelAndView mv) throws ServletException, IOException {
        session.removeAttribute("admin");
        session.removeAttribute("student");
        String type=request.getParameter("type").toString();
        request.getSession().setAttribute("type", type);
        String message = "error";
        if(type != null && type.equals("1")){
            Admin admin1 = service.selectAdmin(username,password);
            if(admin1 != null){
                request.getSession().setAttribute("admin", admin1);
                message = "ok";
            }
        }else if(type != null && type.equals("2")){
            User te = service.selectUser(username,password);
            if(te != null){
                request.getSession().setAttribute("user", te);
                message = "toIndex";
            }
        }
        return message;

    }

其他相关代码都是类似的，主要是前端jsp和后端servlet交互比较重要！！！
非开源！！！！！！
项目截图中的数据，很多是用来测试的，需求自行添加合适的数据图片
喜欢的朋友的点赞加关注，感兴趣的同学可以研究！！！！！
感谢 = v =

码盗_java_bishe

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
0
评论
基于javaweb的个人相册系统（idea+spring+springmvc+mybatis+jsp）

基于javaweb的个人相册系统（idea+spring+springmc+mybatis+jsp），采用idea开发工具，结合前端jquery+css，使用jsp+ssm技术进行编写，数据库采用了mysql，navicat作为管理工具。感兴趣的同学可以交流交流！！！！
复制链接

扫一扫