系统一共分为2个角色分别是:管理员,用户
管理员
1、登录
2、个人信息管理
3、用户管理
4、入库管理
5、供应商管理
6、商品管理
7、商品类型管理
8、订单管理
9、管理员管理
用户
1、登录注册
2、个人信息管理
3、浏览网站
4、加入购物车
5、下单商品
6、个人地址管理
7、个人订单管理
项目简介:
难度等级:✩✩✩
用户类型:2角色(管理员,用户)
设计模式:MVC
项目架构:B/S架构
开发语言:Java语言
前端技术:layui+HTML、CSS、JS、JQuery等
后端技术:JSP、ssm框架
运行环境:Windows7或10、JDK1.8
运行工具:本系统采用Eclipse开发,仅支持Eclipse运行,不支持MyEclipse和IDEA运行,因为三者的骨架不一样,强行导入打开运行可能会导致出现未知的错误。(如若想用idea运行,需要转换!!!!)
数 据 库:MySQL5.5/5.7/8.0版本
运行服务器:Tomcat7.0/8.0/8.5/9.0等版本
是否基于Maven环境:否
是否采用框架:是
数据库表数量:10张表
JSP页面数量:40多张
是否有分页:有分页

登录
- <%@page pageEncoding="utf-8"%>
- <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
- <c:set var="ctx" value="${pageContext.request.contextPath}" />
- html>
- <html>
-
- <head>
- <jsp:include page="common/head.jsp">
- <jsp:param value="登录" name="titleName" />
- jsp:include>
- <script src="${ctx}/res/js/jquery.cookie.js">script>
- <script src="${ctx}/res/js/jquery.ripples.js">script>
- head>
- <style>
- * {
- margin: 0;
- padding: 0;
- }
-
- html {
- height: 100%;
- }
-
- body {
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- background-size: cover;
- background-position: 50% 0;
- height: 100%;
- text-align: center;
- }
-
- body:before {
- display: inline-block;
- vertical-align: middle;
- height: 100%;
- }
-
- form {
- width: 24%;
- margin-left: 38%;
- padding-top: 15%;
- }
- style>
- <body style="background-image: url(${ctx}/res/images/bg2.jpg)">
- <form class="layui-form layui-form-pane" action="">
- <label style="font-size: 30px; font-weight: 700; margin-bottom: 30px;">管理员登录label>
- <div class="layui-form-item" style="margin-top: 30px;">
- <label class="layui-form-label">手机号label>
- <div class="layui-input-block">
- <input type="text" name="tel" id="tel" lay-verify="required|tel"
- placeholder="请输入手机号" autocomplete="off" class="layui-input">
- div>
- div>
- <div class="layui-form-item">
- <label class="layui-form-label">密码label>
- <div class="layui-input-block">
- <input type="password" name="password" id="password"
- lay-verify="required" placeholder="请输入密码" autocomplete="off"
- class="layui-input">
- div>
- div>
- <div class="layui-form-item" style="float: left;">
- <input type="checkbox" id="cookieRemember" name="cookieRemember"
- value="true" lay-skin="primary" checked title="记住帐号?">
- div>
- div>
- <div class="layui-form-item">
- <button style="background-color:#8fce23;" class="layui-btn" style="width: 100%;" lay-submit
- lay-filter="login">登录button>
- div>
- <a href="${ctx}/mall/index"> <b>返回首页b>a>
- form>
- <script>
- $(document).ready(
- function() {
- //获取cookie的值
- var tel = $.cookie('tel');
- var password = $.cookie('password');
- //将获取的值填充入输入框中
- $('#tel').val(tel);
- $('#password').val(password);
- if (tel != null && tel != '' && password != null
- && password != '') {
- //选中记住密码的复选框
- $("#cookieRemember").attr('checked', true);
- }
- $('body').ripples({
- resolution : 512,
- dropRadius : 20, //px
- perturbance : 0.04
- });
- });
- layui.use([ 'form', 'layer' ], function() {
- var form = layui.form, layer = layui.layer;
- form.render();
- //自定义验证规则
- form.verify({
- tel : function(value) {
- if (!IsMobilePhoneNumber(value)) {
- return '请输入正确的手机号!';
- }
- },
- password : [ /^[\S]{6,16}$/, '密码必须6到16位,且不能出现空格' ]
- });
-
- //监听提交
- form.on('submit(login)', function(data) {
- /** 实现记住密码功能 */
- var tel = $('#tel').val();
- var password = $('#password').val();
- if ($('#cookieRemember').is(':checked') == true) {
- $.cookie("tel", tel, {
- expires : 7
- });//存储一个带7天期限的cookie
- $.cookie("password", password, {
- expires : 7
- });
- } else {
- $.cookie("tel", "", {
- expires : -1
- });
- $.cookie("password", "", {
- expires : -1
- });
- }
-
- var url = "${ctx}/admin/doLogin";
- var data = {
- tel : data.field.tel,
- password : data.field.password
- };
- doAjaxSubmit("post", url, data, "loginSuccess");
- return false;
- });
- });
-
- function loginSuccess(data) {
- if (data.errList == null) {
- window.location.href = "${ctx}/admin/index";
- } else {
- layer.msg(data.errList, {
- offset : 't',
- icon : 5
- });
- }
- }
- script>
- body>
-
- html>
- /**
- * 登录
- *
- * @param request
- * @param response
- * @param session
- * @param admin
- * @return
- * @throws Exception
- */
- @ResponseBody
- @RequestMapping("/doLogin")
- public Map
doLogin(HttpServletRequest request, - HttpServletResponse response, HttpSession session, Admin admin)
- throws Exception {
- Map
map = new HashMap(); - admin.setPassword(CommonUtil.getMD5(admin.getPassword()));
- admin = adminService.login(admin);
- if (admin != null) {
- session.setAttribute("loginAdminName", admin.getNickName());
- session.setAttribute("loginAdminId", admin.getId());
- session.setAttribute("limit", admin.getLimits());
- map.put("msg", "登录成功!");
- map.put("errList", null);
- } else {
- map.put("errList", "账号或密码不正确!");
- }
- return map;
- }