首页 > 分享 > 【计算机毕业设计】“毛毛宠物店”宠物信息交流平台

【计算机毕业设计】“毛毛宠物店”宠物信息交流平台

萌宠菠菠乐园
2024-09-14 16:37

一、前言

“毛毛宠物店”宠物信息交流平台设计的目的是为用户提供宠物挑选、宠物项目、宠物用品等功能。
与其它应用程序相比，“毛毛宠物店”宠物信息交流平台的设计主要面向于宠物店，旨在为管理员和商家、用户提供一个“毛毛宠物店”宠物信息交流平台。用户可以通过系统及时查看宠物挑选、宠物项目等。
“毛毛宠物店”宠物信息交流平台是在Windows操作系统下的应用平台。为防止出现兼容性及稳定性问题，服务器选择的是tomcat，前台与后台之间的数据存储主要通过MySQL。用户在使用应用时产生的数据通过 JAVA等语言传递给数据库。通过此方式促进“毛毛宠物店”宠物信息交流平台信息流动和数据传输效率，提供一个内容丰富、功能多样、易于操作的“毛毛宠物店”宠物信息交流平台。
近年来，随着网络基础设施的不断建成，互联网成为社会发展和经济增长的推动力。中国网民总体规模持续增长：一是城乡上网差距继续缩小，二是得益于互联网适应用老化改造持续推进，老年群体加速融入网络社会。上网的总时长保持增长，上网的终端设备呈现多元化，其中包括手机、笔记本电脑、电视机和平板电脑。其中，手机仍然是上网的主要设备[1]。受新冠疫情影响，不但引起“大萧条”以来最严重的经济衰退，而且为人们的出行带来了极大的不便。由此带来的是，即时通信、网络视频、短视频用户、在线办公、在线医疗等应用保持较快增长，人们有愈来愈多的线上需求。从现在来看，国内的“毛毛宠物店”宠物信息交流平台比较缓慢，广大“毛毛宠物店”宠物信息交流平台应该加紧脚步，积极投身入到实践任务当中，不断积极探索，从实践中出来，总结出自己的理论方法。与传统的宠物店相比较，“毛毛宠物店”宠物信息交流平台具有开发成本低、方便快捷等特点，将会得到大力发展[2]。
“毛毛宠物店”宠物信息交流平台就是针对适合移动设备方便用户访问和浏览而进行搭建的，而且还是基于PC端进行开发。在当前各行业工作都转向线上的形势之下，“毛毛宠物店”宠物信息交流平台充分发挥了它的优势，利用互联网将商家、用户、管理员和平台相互联系。在大数据背景下，产生的数据会非常繁多，后台会对产生的数据进行汇总和处理，确定其真实性和合法性。

二、开发环境

开发语言：Java
框架：ssm
技术：JSP
JDK版本：JDK1.8
服务器：tomcat7
数据库：mysql 5.7（一定要5.7版本）
数据库工具：Navicat11
开发软件：eclipse/myeclipse/idea
Maven包：Maven3.3.9
浏览器：谷歌浏览器

三、系统功能效果

在这里插入图片描述

四、核心代码

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登陆</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content="">  <script type="text/javascript"src="${pageContext.request.contextPath}/resources/assets2/js/jquery.min.js"></script>  <link rel="stylesheet"href="${pageContext.request.contextPath}/resources/assets2/css/loader-style.css"> <link rel="stylesheet"href="${pageContext.request.contextPath}/resources/assets2/css/bootstrap.css"> <link rel="stylesheet"href="${pageContext.request.contextPath}/resources/assets2/css/signin.css">    <link rel="shortcut icon"href="${pageContext.request.contextPath}/resources/assets2/ico/minus.png"></head> <style>html, body {width: 100%;height: 100%;}.content {background-repeat: no-repeat;background-size: 100% 100%;background: url(http://codegen.caihongy.cn/20221205/9246ec4580294831b08a9a441992adf2.jpg);display: flex;width: 100%;min-height: 100vh;justify-content: center;align-items: center;background-position: center center;}#loginForm {border: 20px solid #b7c7e3;border-radius: 0px;padding: 40px 20px 20px;margin: 0px 40% 0 0;background: rgba(255,255,255,.95);width: 600px;height: auto;}#loginForm .title {margin: 0 0 20px 0;color: #333;width: 100%;font-size: 24px;line-height: 44px;text-align: center;}#loginForm .list-item {margin: 0 auto 30px;display: flex;width: 80%;align-items: center;flex-wrap: wrap;}#loginForm .list-item .item-label {color: rgba(64, 158, 255, 1);width: 64px;font-size: 14px;line-height: 44px;}#loginForm .list-item>input {border-radius: 4px;padding: 0 10px;color: #17a1e5;background: none;width: 100%;font-size: 14px;border-color: #b7c7e3;border-width: 1px;border-style: solid;height: 44px;}#loginForm .list-code {margin: 20px auto;display: flex;width: 80%;align-items: center;flex-wrap: wrap;}#loginForm .list-code input {border-radius: 4px;padding: 0 10px;outline: none;margin: 0 20px 0 0;color: #17a1e5;background: none;width: calc(100% - 100px);font-size: 14px;border-color: #b7c7e3;border-width: 1px;border-style: solid;height: 44px;}#loginForm .list-code .nums {cursor: pointer;border-radius: 4px;background: #f5f5f5;display: flex;width: 80px;border-color: rgba(64, 158, 255, 1);border-width: 0px 0px 0px 0;justify-content: center;align-items: center;border-style: solid;float: right;height: 44px;}#loginForm .form-group-r {margin: 20px auto;width: 80%;}#loginForm .form-group-r .checkbox {display: inline-block;}#loginForm .form-group-r .checkbox input {margin: 0 4px 0;}#loginForm .form-group-r .checkbox.active input {margin: 0 4px 0;background: #4a74bc;}#loginForm .form-group-r .checkbox label {color: #666;font-size: 14px;}#loginForm .form-group-r .checkbox.active label {color: #4a74bc;font-size: 14px;}#loginForm .form-group-l-r {margin: 20px auto;background: none;display: flex;width: 100%;justify-content: center;align-items: center;flex-wrap: wrap;}#loginForm .form-group-l-r .btn-login {border: 0;cursor: pointer;border-radius: 4px;padding: 0 24px;margin: 0 6px;outline: none;color: #fff;background: #4a74bc;width: auto;font-size: 14px;height: 44px;}#loginForm .form-group-l-r .btn-register {border: 1px solid #4a74bc;cursor: pointer;border-radius: 4px;padding: 0 6px;margin: 0 6px 0 0;outline: none;color: #4a74bc;background: rgba(255,255,255,0);width: auto;font-size: 14px;line-height: 44px;height: 44px;}#loginForm .form-group-l-r .btn-forget {border: 0px solid #d4bb0d;cursor: pointer;padding: 0 0px;margin: 20px 0 0;color: #0ea7ff;font-size: 14px;line-height: 44px;border-radius: 4px;outline: none;background: rgba(255,255,255,0);width: 100%;text-align: left;height: 44px;} </style> <body><div class="content"><div id="login-wrapper"><form id="loginForm" action="" method="post"><div class="title">“毛毛宠物店”宠物信息交流平台的设计与实现 </div><div class="list-item"><input type="text" id="username" name="username" placeholder="用户名" class="form-control-i" required></div><div class="list-item"><input type="password" name="password" placeholder="密码" class="form-control-i" required></div><div class="form-group-l-r"><button class="btn btn btn-primary btn-login" type="submit" onclick="login()">登录</button><a class="btn-register" href="modules/shangjia/register.jsp">商家注册</a></div></form></div></div><script type="text/javascript"src="${pageContext.request.contextPath}/resources/assets2/js/bootstrap.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/resources/js/jquery.form.js"></script><script type="text/javascript"><%@ include file="utils/menu.jsp"%><%@ include file="utils/baseUrl.jsp"%>var role = "";var accountTableName = "";var codes = [{num: 1,color: '#000',rotate: '10deg',size: '16px' }, {num: 2,color: '#000',rotate: '10deg',size: '16px' }, {num: 3,color: '#000',rotate: '10deg',size: '16px' }, {num: 4,color: '#000',rotate: '10deg',size: '16px' }]//渲染角色选择function setRoleOption() {var box = document.createElement('div');box.setAttribute('class', 'form-group-r'); var menuNum = 0;for (var i = 0; i < menus.length; i++) { if(menus[i].hasBackLogin=='是') { if(menuNum==0) { role = menus[i].roleName; $('#loginForm').attr('action', baseUrl + menus[i].tableName + '/login'); accountTableName = menus[i].tableName; } menuNum++; }} if(menuNum>1) { role = ''; $('#loginForm').attr('action', ''); accountTableName = ''; for (var i = 0; i < menus.length; i++) { if(menus[i].hasBackLogin=='是') { //console.log(menu[i].roleName) var div = document.createElement('div'); div.setAttribute('class', 'checkbox'); var label = document.createElement('label'); //label.innerHTML = menus[i].roleName; var checkbox = document.createElement('input'); checkbox.setAttribute('type', 'radio'); checkbox.setAttribute('name', 'chk'); checkbox.setAttribute('value', menus[i].roleName); var attr = "checkRole(" + "'" + menus[i].roleName + "','" + menus[i].tableName + "')"; checkbox.setAttribute('onclick', attr); //label.setAttribute('class','checkbox inline'); label.innerHTML = menus[i].roleName; div.appendChild(checkbox); div.appendChild(label); box.appendChild(div); } } } $('form .form-group-l-r').before(box);}function checkRole(roleName, tableName) {role = roleName;$('#loginForm').attr('action', baseUrl + tableName + '/login');accountTableName = tableName;}$('#login-wrapper').on('change', 'input[type=radio]', function () { $('#login-wrapper .form-group-r .checkbox').removeClass('active');$(this).parent().addClass('active');});function login() {$("#loginForm").ajaxForm(function(res) {if (role == "" || role == null) {alert("请选择角色后再登录");} else {if (res.code == 0) {var username = $('#username').val();window.sessionStorage.setItem('accountTableName',accountTableName)window.sessionStorage.setItem('username',username);window.sessionStorage.setItem('token',res.token);window.sessionStorage.setItem('role',role);http(accountTableName+'/session','GET',{},(res2)=>{if(res2.code == 0){window.sessionStorage.setItem('userid',res2.data.id); window.location.href = "${pageContext.request.contextPath}/index.jsp";}});} else {alert(res.msg);}}});}function ready() {setRoleOption();//$('form').attr('action',baseUrl + 'users/login');}document.addEventListener("DOMContentLoaded", ready);function randomString() {var len = 4;var chars = [ 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9']var colors = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f']var sizes = ['14', '15', '16', '17', '18']var output = []for (var i = 0; i < len; i++) { // 随机验证码 var key = Math.floor(Math.random() * chars.length) codes[i].num = chars[key] // 随机验证码颜色 var code = '#' for (var j = 0; j < 6; j++) { var key = Math.floor(Math.random() * colors.length) code += colors[key] } codes[i].color = code // 随机验证码方向 var rotate = Math.floor(Math.random() * 30) var plus = Math.floor(Math.random() * 2) if (plus == 1) rotate = '-' + rotate codes[i].rotate = 'rotate(' + rotate + 'deg)' // 随机验证码字体大小 var size = Math.floor(Math.random() * sizes.length) codes[i].size = sizes[size] + 'px'}var str = ''for(var i = 0;i<codes.length;i++) {str += '<span style="color:' + codes[i].color + ';transform:' + codes[i].rotate + ';fontSize:' + codes[i].size + ';padding: 0 3px;display:inline-block">'+codes[i].num+'</span>'}$('#nums').html('').append(str);}randomString();</script> </body> </html>

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419