系统一共分为2个角色分别是:管理员,用户
1、登录
2、用户管理
3、轮播图管理
4、一级分类管理
5、二级分类管理
6、商品管理
7、订单管理
8、快递管理
9、评论管理
10、个人信息管理
用户
1、登录注册
2、浏览商品
3、加入购物车
4、购买商品
5、评论商品
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环境:否
是否采用框架:是
数据库表数量:11张表
JSP页面数量:30多张
是否有分页:有分页
登录
- <%@ 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 + "/";
- %>
- html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport"
- content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>登录title>
- <link rel="icon" href="<%=path%>/resource/static/favicon.ico">
- <link rel="stylesheet" href="<%=path%>/resource/static/bootstrap/css/bootstrap.min.css">
- <link rel="stylesheet" href="<%=path%>/resource/static/admin/css/login.css">
- <script src="<%=path%>/resource/static/js/vue.min.js">script>
- <script src="<%=path%>/resource/static/js/jquery-3.3.1.min.js">script>
- <script src="<%=path%>/resource/static/bootstrap/js/bootstrap.bundle.js">script>
- head>
- <style>
- body{
- background-image:url(<%=path%>/resource/back.jpeg) ;/*插入的背景图片的url
- background-attachment: fixed;/*背景图片不会固定不会因页面滚动而重复*/
- background-repeat: no-repeat;/*使图片不管任何大小都不会重复*/
- background-size: 100%;/*改变背景图的长和宽*/
- }
-
- style>
- <body>
- <div class="login" style="height: 50%">
- <form id="saveForm">
- <h2>美妆购物平台登录h2>
- <div class="form-group">
- <label>用户名label>
- <input type="text" v-model="username" name="username" id="username" class="form-control form-control-lg">
- div>
- <div class="form-group">
- <label>密码label>
- <input type="password" v-model="password" name ="password" id="password" class="form-control form-control-lg" id="pwd">
- div>
- <div class="form-group form-check">
- <input type="radio" class="form-check-input" name="type" value="1" id="exampleCheck2" checked>
- <label class="form-check-label" for="exampleCheck2">管理员label>
- <input type="radio" class="form-check-input" name="type" value="2" id="exampleCheck1" >
- <label class="form-check-label" for="exampleCheck1">普通用户label>
-
- div>
-
- <button type="button" :disabled="loading" @click="login" id="login" class="btn btn-primary btn-lg btn-block">
- <span v-show="loading" class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true">span>
- 立即登录
- button>
- form>
- div>
-
- <script>
- $("#login").click(function(){
- var username = $("#username").val();
- var password = $("#password").val();
- if(username == null || username == ""){
- alert("请填写用户名");
- return false;
- }if(password == null || password == ""){
- alert("请填写密码");
- return false;
- }
- //执行添加的操作ajax
- $.ajax({
- cache:true,
- type:"post",
- url:"login",
- data:$("#saveForm").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>
-
- 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("user");
- 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;
-
- }