Java EE实现用户后台管理系统

本文实例为大家分享了Java EE实现用户后台管理系统的具体代码,供大家参考,具体内容如下

主要功能

管理员登录功能、管理员列表操作、用户列表操作、订单管理

登录功能

设计思路:前端页面获取输入的数据,然后发送Ajax请求,在servlet中获取数据并调用service层中的方法进行处理,service层中调用dao层的实现方法,最终servlet返回一个结果集,判断登录是否成功。

login.html主要功能代码:

<script>
    $(function () {
        $("#btn_login").click(function () {
            //获取数据
            let username = $("#username").val();
            let password = $("#password").val();
            //数据处理
            $.post("admin/login", {username: username, password: password}, function (result) {
                if (result.flag) {
                    location.href = "index.html";
                } else {
                    alert(result.errorMsg);
                }
            });
        });
    })
</script>

servlet中功能代码:

//登录
public void login(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //获取用户名和密码
        String username = request.getParameter("username");
        String password = request.getParameter("password");
 
        //封装管理员对象
        Administrator admin = new Administrator();
        admin.setAname(username);
        admin.setPassword(password);
 
        //创建结果对象
        ResultInfo resultInfo = new ResultInfo();
        //调用service查询
        Administrator administrator = service.login(admin);
        if (administrator == null) {
            resultInfo.setFlag(false);
            resultInfo.setErrorMsg("用户名或密码错误!");
        }
        if (administrator != null && !administrator.getStatus().equals("Y")) {
            resultInfo.setFlag(false);
            resultInfo.setErrorMsg("该账户未激活!");
        }
        if (administrator != null && administrator.getStatus().equals("Y")) {
            resultInfo.setFlag(true);
            //设置session
            request.getSession().setAttribute("username", administrator.getAname());
        }
 
        //调用父类中定义的方法,转json数据后回传
        writeValue(resultInfo, response);
    }

service层中代码实现:

@Override
public Administrator login(Administrator administrator) {
        return dao.login(administrator);
    }

dao层中代码实现:

@Override
public Administrator login(Administrator administrator) {
        Administrator admin = null;
        try {
            String sql = "SELECT * FROM administrator WHERE aname = ? AND PASSWORD = ?";
            admin = template.queryForObject(sql, new BeanPropertyRowMapper<>(Administrator.class), administrator.getAname(), administrator.getPassword());
        } catch (Exception e) {
 
        }
        return admin;
    }

实现效果:

管理员列表

设计思路:数据操作与登录功能大同小异,实现了管理员的增删改查,在此重点介绍分页、模糊查询。

admin_list.html主要功能代码:

<script>
        $(function () {
            let name = null;
            $("#btn_search").click(function () {
                name = $('#admin_name').val();
                load(null, name)
                //取消按钮的默认跳转行为 导致会刷新页面
                return false;
            })
            load(null, name);
        });
        
        function load(currentPage, admin_name) {
            //发送ajax请求,请求route/pageQuery,传递cid
            $.get("admin/pageQuery", {currentPage: currentPage, admin_name: admin_name}, function (pb) {
                //定义字符
                let lis = "";
 
                //计算上一页的页码
                let beforeNum = pb.currentPage - 1;
                if (beforeNum <= 0) {
                    beforeNum = 1;
                }
                let beforePage = '<a class="prev" href="javascript:load(' + beforeNum + ',\'' + admin_name + '\')" rel="external nofollow" >&lt;&lt;</a>';
                lis += beforePage;
 
                //定义开始位置begin,结束位置end
                let begin;
                let end;
 
                if (pb.totalPage < 10) {
                    //总页码不足10页
                    begin = 1;
                    end = pb.totalPage;
                } else {
                    //总页码超过10页
                    begin = pb.currentPage - 5;
                    end = pb.currentPage + 4;
 
                    //前边不足5个,后边补齐
                    if (begin < 1) {
                        begin = 1;
                        end = begin + 9;
                    }
 
                    if (end > pb.totalPage) {
                        end = pb.totalPage;
                        begin = end - 9;
                    }
                }
 
                //展示分页页码
                for (let i = begin; i <= end; i++) {
                    let li;
                    //判断当前页码是否等于i,创建页码的li
                    if (pb.currentPage === i) {
                        li = '<a class="num" href="javascript:load(' + i + ',\'' + admin_name + '\')" rel="external nofollow"  rel="external nofollow" ><span class="current">' + i + '</span></a>';
                    } else {
                        li = '<a class="num" href="javascript:load(' + i + ',\'' + admin_name + '\')" rel="external nofollow"  rel="external nofollow" >' + i + '</a>';
                    }
                    //拼接字符串
                    lis += li;
                }
 
                //计算下一页的页码
                let nextNum = pb.currentPage + 1;
                if (nextNum >= pb.totalPage) {
                    nextNum = pb.totalPage;
                }
                let nextPage = '<a class="next" href="javascript:load(' + nextNum + ',\'' + admin_name + '\')" rel="external nofollow" >&gt;&gt;</a>';
                lis += nextPage;
 
                //将lis内容设置到ul
                $("#pageNum").html(lis);
 
                //列表数据展示
                let admin_lis = "";
                for (let i = 0; i < pb.list.length; i++) {
                    let admin = pb.list[i];
 
                    let li;
                    if (admin.status === "Y") {
                        li = '<tr>\n' +
                            '    <td>\n' +
                            '        <input type="checkbox" name="checkedId" id="checkedId" lay-skin="primary">\n' +
                            '        <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i class="layui-icon layui-icon-ok"></i></div>' +
                            '    </td>\n' +
                            '    <td>' + admin.aid + '</td>\n' +
                            '    <td>' + admin.aname + '</td>\n' +
                            '    <td>' + admin.phone + '</td>\n' +
                            '    <td>' + admin.email + '</td>\n' +
                            '    <td>' + admin.role + '</td>\n' +
                            '    <td>' + admin.date + '</td>\n' +
                            '    <td class="td-status">\n' +
                            '        <span class="layui-btn layui-btn-normal layui-btn-mini" style="background-color: #1E9FFF">已启用</span></td>\n' +
                            '    <td class="td-manage">\n' +
                            '        <a onclick="member_stop(this,' + admin.aid + ')" href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  title="启用">\n' +
                            '            <i class="layui-icon"></i>\n' +
                            '        </a>\n' +
                            '        <a title="编辑" onclick="xadmin.open(\'编辑管理员\',\'admin-edit.html?aid=' + admin.aid + '\',600,500)" href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >\n' +
                            '            <i class="layui-icon"></i>\n' +
                            '        </a>\n' +
                            '        <a title="删除" onclick="member_del(this,\'要删除的id\')" href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >\n' +
                            '            <i class="layui-icon"></i>\n' +
                            '        </a>\n' +
                            '    </td>\n' +
                            '</tr>';
                    } else if (admin.status === "N") {
                        li = '<tr>\n' +
                            '    <td>\n' +
                            '        <input type="checkbox" name="checkedId" id="checkedId" lay-skin="primary">\n' +
                            '        <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i class="layui-icon layui-icon-ok"></i></div>' +
                            '    </td>\n' +
                            '    <td>' + admin.aid + '</td>\n' +
                            '    <td>' + admin.aname + '</td>\n' +
                            '    <td>' + admin.phone + '</td>\n' +
                            '    <td>' + admin.email + '</td>\n' +
                            '    <td>' + admin.role + '</td>\n' +
                            '    <td>' + admin.date + '</td>\n' +
                            '    <td class="td-status">\n' +
                            '        <span class="layui-btn layui-btn-normal layui-btn-mini" style="background-color: gray">已停用</span></td>\n' +
                            '    <td class="td-manage">\n' +
                            '        <a onclick="member_stop(this,' + admin.aid + ')" href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  title="停用">\n' +
                            '            <i class="layui-icon"></i>\n' +
                            '        </a>\n' +
                            '        <a title="编辑" onclick="xadmin.open(\'编辑管理员\',\'admin-edit.html?aid=' + admin.aid + '\',600,500)" href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >\n' +
                            '            <i class="layui-icon"></i>\n' +
                            '        </a>\n' +
                            '        <a title="删除" onclick="member_del(this,\'要删除的id\')" href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >\n' +
                            '            <i class="layui-icon"></i>\n' +
                            '        </a>\n' +
                            '    </td>\n' +
                            '</tr>';
                    }
                    admin_lis += li;
                }
                //设置列表数据
                $("#admin_msg").html(admin_lis);
            });
        }
</script>

servlet中功能代码:

//分页、模糊查询
public void pageQuery(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //接收参数
        String currentPageStr = request.getParameter("currentPage");
        //接收admin_name管理员名称
        String admin_name = request.getParameter("admin_name");
        //判断admin_name是否为null
        if (admin_name != null && !"null".equals(admin_name) && admin_name.length() > 0) {
            admin_name = new String(admin_name.getBytes("iso-8859-1"), "utf-8");
        } else {
            admin_name = "";
        }
 
        int currentPage = 0; //当前页码,不传递参数,默认为1
        if (currentPageStr != null && currentPageStr.length() > 0) {
            currentPage = Integer.parseInt(currentPageStr);
        } else {
            currentPage = 1;
        }
 
        //每页显示条数,默认为5
        int pageSize = 5;
 
        //调用service查询PageBean对象
        PageBean<Administrator> pb = service.pageQuery(currentPage, pageSize, admin_name);
 
        //将pageBean对象序列化为json,返回
        writeValue(pb, response);
    }

service层中代码实现:

@Override
public PageBean<Administrator> pageQuery(int currentPage, int pageSize, String admin_name) {
        //封装PageBean
        PageBean<Administrator> pb = new PageBean<>();
        //设置当前页码
        pb.setCurrentPage(currentPage);
        //设置每页显示条数
        pb.setPageSize(pageSize);
 
        //设置总记录数
        int totalCount = dao.findTotalCount(admin_name);
 
        pb.setTotalCount(totalCount);
        //设置当前页显示的数据集合
        int start = (currentPage - 1) * pageSize; //开始的记录数
        List<Administrator> list = dao.findByPage(start, pageSize, admin_name);
        pb.setList(list);
 
        //设置总页数  = 总记录数/每页显示条数
        int totalPage = totalCount % pageSize == 0 ? totalCount / pageSize : (totalCount / pageSize) + 1;
        pb.setTotalPage(totalPage);
 
        return pb;
    }

dao层中代码实现:

@Override
public int findTotalCount(String admin_name) {
        //定义sql模板
        String sql = "SELECT COUNT(*) FROM administrator WHERE 1=1 ";
        StringBuilder sb = new StringBuilder(sql);
        //条件
        List<Object> params = new ArrayList<>();
        if (admin_name != null && admin_name.length() > 0) {
            sb.append(" and aname like ? ");
            params.add("%" + admin_name + "%");
        }
        sql = sb.toString();
        return template.queryForObject(sql, Integer.class, params.toArray());
    }
 
    @Override
    public List<Administrator> findByPage(int start, int pageSize, String admin_name) {
        String sql = "SELECT * FROM administrator WHERE 1=1 ";
        StringBuilder sb = new StringBuilder(sql);
        //条件
        List<Object> params = new ArrayList<>();
        //判断参数是否有值
        if (admin_name != null && admin_name.length() > 0) {
            sb.append(" and aname like ? ");
            params.add("%" + admin_name + "%");
        }
        //分页条件
        sb.append(" limit ?,? ");
        params.add(start);
        params.add(pageSize);
        //转字符串
        sql = sb.toString();
        return template.query(sql, new BeanPropertyRowMapper<>(Administrator.class), params.toArray());
    }

实现效果:

用户列表

设计思路:与管理员列表设计思路基本类似。

实现效果:

订单管理

设计思路:与管理员列表设计思路基本类似。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Java毕业设计之多用户宿舍管理系统的实现

    目录 介绍 开发技术 运行环境 开发工具 功能介绍 效果图 核心代码 介绍 项目编号:BS-GX-033 开发技术 后台:jsp+servlet+jdbc 前台:jsp+bootstrap 运行环境 数据库:mysql5.7 JDK: 1.8 Maven: 3.9 开发工具 IDEA /Eclipse 本系统基于jsp实现了一个宿舍管理系统,功能完整,界面美观大方,交互简洁方便,比较适合做毕业设计使用.主要分为三个角色用户:管理员,宿舍管理员,学生 功能介绍 系统管理员:用户管理.宿舍楼管理.楼

  • Java实现用户管理系统

    基于Java的简单的用户管理系统,供大家参考,具体内容如下 此系统功能和方法都比较简单 本次系统通过控制台输入商品的基本信息,加入管理员的登录与对是否为管理员进行操作 对于功能的实现,分别定义了3个类 用户基本属性类 此类包含用户id.账号.密码.年龄.角色(是否为管理员).邮箱.办事处.账户状态 private int id;// id号 private String username;// 账号 private String password;// 密码 private int age;//

  • java实现航空用户管理系统

    本文实例为大家分享了java实现航空用户管理系统的具体代码,供大家参考,具体内容如下 题目内容: 某航空公司在其航班到达的不同的国家的不同地方设有不同的办事处,这个项目要求开发一个自动化软件系统,该系统将提供给这些办事处的管理者(role=1)和普通用户(role=0)用于管理航班信息.根据以上描述,要求实现系统的用户模块和办事处模块,包含以下功能(注:系统存在一个默认管理员admin/admin123): 用户模块: 1. 用户添加 2. 密码修改 3. 个人信息查看 4. 账号状态修改(禁用

  • 详解Java快速上手用户后台管理系统

    目录 主要功能 登录功能 管理员列表 用户列表 订单管理 主要功能 管理员登录功能.管理员列表操作.用户列表操作.订单管理 登录功能 设计思路:前端页面获取输入的数据,然后发送Ajax请求,在servlet中获取数据并调用service层中的方法进行处理,service层中调用dao层的实现方法,最终servlet返回一个结果集,判断登录是否成功. login.html主要功能代码: <script> $(function () { $("#btn_login").clic

  • Java EE实现用户后台管理系统

    本文实例为大家分享了Java EE实现用户后台管理系统的具体代码,供大家参考,具体内容如下 主要功能 管理员登录功能.管理员列表操作.用户列表操作.订单管理 登录功能 设计思路:前端页面获取输入的数据,然后发送Ajax请求,在servlet中获取数据并调用service层中的方法进行处理,service层中调用dao层的实现方法,最终servlet返回一个结果集,判断登录是否成功. login.html主要功能代码: <script>     $(function () {         $

  • 使用java springboot制作博客管理系统

    目录 前言 需求分析 用户管理. 文章管理. 链接管理. 日志管理. 数据管理. 系统管理. 功能分析 部分表设计 部分代码实现 前言 博客,又译为网络日志. 部落格或部落阁等,是一种通常由个人管理.不定期张贴新的文章的网站. 博客上的文章通常根据张贴时间, 以倒序方式由新到旧排列. 许多博客专注在特定的课题上提供评论或新闻, 其他则被作为比较个人的日记. 一个典型的博客结合了文字.图像. 其他博客或网站的链接. 及其它与主题相关的媒体. 能够让读者以互动的方式留下意见,是许多博客的重要要素.大

  • springboot+vue制作后台管理系统项目

    目录 一.所使用的环境配置: 二.项目简介 三.知识点总结(代码和配置) SpringBoot: 1.Mybatis-Plus配置文件,实现分页查询:MybatisPlusConfig 2.跨域配置文件:CorsConfig 3.请求返回类!:Result 4.pom.xml配置文件 Vue: 其余知识点总结: 总结: 学习资源来自于B站UP,up他讲的非常详细,对于熟悉两大框架很有用. 我的作业源代码在文章末尾,欢迎有需要的同学,学习参考使用,内置SQL文件,导入后,开启springboot和

  • 小区后台管理系统项目前端html页面模板实现示例

    目录 登录 小区管理系统主页 小区管理菜单 房产管理菜单 业主信息管理菜单 停车位管理菜单 服务管理菜单 资产管理菜单 收费管理菜单 管理员管理菜单 系统设置 项目结构: 主要代码展示: 登录 小区列表 登录 小区管理系统主页 小区管理菜单 房产管理菜单 业主信息管理菜单 停车位管理菜单 服务管理菜单 资产管理菜单 收费管理菜单 管理员管理菜单 系统设置 项目结构: 主要代码展示: 登录 <!DOCTYPE html> <html> <head> <meta ch

  • Java毕业设计实战之工作管理系统的实现

    前台用户和后台管理员两种角色: 前台用户功能有:发布兼职.发布帖子.查看公告.个人中心.投诉等. 后台管理员功能有:用户管理.兼职管理.帖子管理.聊天管理.广告管理.投诉管理.收藏管理.系统管理等. 运行环境:jdk1.8.tomcat7.0\8.5.Eclipse.Mysql5.x. 后台角色管理控制器: /** * 后台角色管理控制器 * @author yy * */ @RequestMapping("/admin/role") @Controller public class

  • Java毕业设计实战之学生管理系统的实现

    一.项目简述 本系统功能包括: 学生管理,教师管理,课程管理,成绩管理,系统管理等等. 二.项目运行 环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持). 项目技术: Springboot + Maven + mybatis+ Vue 等等组成,B/S模式 + Maven管理等等. 学生管理控制层: @Controller @Reques

  • 使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)

    在上篇文章给大家介绍了使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一) 1. 引入路由工具vue-router,切换视图 # 安装vue-router cnpm install vue-router --save-dev 2. 使用vue-router main.js import Vue from 'vue' import App from './App' import VueRouter from 'vue-router' import routeConfig f

随机推荐