大事件后台管理系统-功能详解

最新推荐文章于 2024-05-16 18:03:13 发布
最新推荐文章于 2024-05-16 18:03:13 发布
阅读量1.4k 收藏 9
点赞数 3
分类专栏： web前端基础 文章标签： jquery javascript css html html5
csdn@小芒果cuty
本文链接：https://blog.csdn.net/caipital/article/details/107700235
版权

       本文写的是前端部分的后台管理系统，功能并未全部完善，但足够前端初学者学习使用ajax发送请求并渲染至页面。完整代码已经上传到我的资源里面，大家可根据需要自行下载，这里只讲述jquery部分的的功能代码。下载地址：https://download.csdn.net/download/caipital/12669175

文章目录

1.发送ajax请求返回的状态码：（本文主要用到200和400）

状态码含义说明
200OK请求成功
201CREATED创建成功
204DELETED删除成功
400BAD REQUEST请求的地址不存在或者包含不支持的参数
401UNAUTHORIZED未授权
403FORBIDDEN被禁止访问
404NOT FOUND请求的资源不存在
422Unprocesable entity[POST/PUT/PATCH] 当创建一个对象时，发生一个验证错误
500INTERNAL SERVER ERROR内部错误

2.用户登录功能

请求地址：http://localhost:8000/admin/login
请求方式：post

请求参数：

名称类型说明
user_namestring用户名（admin）
passwordstring密码(123456)

返回数据：

名称类型说明
msgstring文字信息 ‘登录成功’ ‘用户名或密码出错’

jQuery部分（原始ajax的写法）：

<script>
        // 阻止表单提交的默认事件
        $(".login_form").on("submit",function(e){
            e.preventDefault();
        })
        // 点击登录按钮触发事件
        $(".input_sub").on("click",function(){
            // 输入为空判断
            if($(".input_txt").val().trim()=="") {
                alert("请输入邮箱或手机号");
                return;
            }
            if($(".input_pass").val().trim()=="") {
                alert("请输入密码");
                return;
            }
            // 向服务器请求数据
            $.ajax({
                url:"http://localhost:8000/admin/login",
                type:"post",
                data:{
                    user_name:$(".input_txt").val().trim(),
                    password:$(".input_pass").val().trim()
                },
                // 请求服务器成功
                success:function(res){
                    // 输入正确
                    if(res.code==200) {
                        // 跳转到首页
                        location.href="./index.html";
                        var obj = {
                            user_name:$(".input_txt").val().trim(),
                            password:$(".input_pass").val().trim()
                        };
                        // 登录成功将账号放入本地缓存
                        localStorage.setItem("user",JSON.stringify(obj));
                        $(".input_txt").val("")
                        $(".input_pass").val("")
                    }else{//输入错误
                        alert("用户名或密码输入错误");
                    }
                    
                },
                // 请求服务器失败
                error:function(){
                    alert("请求登录失败")
                }
            })
        })
</script>

jQuery部分（ajax的promise写法）：

<script>
        // 阻止表单提交的默认事件
        $(".login_form").on("submit",function(e){
            e.preventDefault();
        })
        // 点击登录按钮触发事件
        $(".input_sub").on("click",function(){
            // 输入为空判断
            if($(".input_txt").val().trim()=="") {
                alert("请输入邮箱或手机号");
                return;
            }
            if($(".input_pass").val().trim()=="") {
                alert("请输入密码");
                return;
            }

            // 向服务器请求数据
            $.ajax({
                url:"http://localhost:8000/admin/login",
                type:"post",
                data:{
                    user_name:$(".input_txt").val().trim(),
                    password:$(".input_pass").val().trim()
                },
            }).then(function(res){// 请求服务器成功
                if(res.code==200) {// 输入正确
                    // 跳转到首页
                    location.href="./index.html";
                    var obj = {
                        user_name:$(".input_txt").val().trim(),
                        password:$(".input_pass").val().trim()
                    };
                    // 登录成功将账号放入本地缓存
                    localStorage.setItem("user",JSON.stringify(obj));
                    $(".input_txt").val("")
                    $(".input_pass").val("")
                }else{//输入错误
                    alert("用户名或密码输入错误");
                }
            },function(err){// 请求服务器失败
                alert("请求登录失败")
            })
        })
</script>

3.退出登录功能

请求地址：http://localhost:8000/admin/logout
请求方式：post
请求参数：无
返回数据：无

在首页的dom元素之前判断是否登陆过，若登陆，可直接进入后台管理系统，若未登录，须得登录才能进入后台。

<script>
        // 如果本地缓存中不存在已登录用户，则进不去后台管理系统
        if(!localStorage.getItem("user")){
            location.href="./login.html"
        }
</script>

发送ajax请求退出登录：

<script>
        // 退出登录
        $(".sign-out").on("click",function(){
            // 发送ajax请求退出登录
            $.ajax({
                url:"http://localhost:8000/admin/logout",
                type:"post"
            }).then(function(res){
                // 退出登录后跳转到登录页面
                $(".sign-out").attr("href","./login.html");
                // 删除本地缓存
                localStorage.removeItem("user")
            },function(err){
                alert("请求退出失败")
            })
            
        })
</script>

4.获取用户信息

请求地址：http://localhost:8000/admin/getuser
请求方式：get
请求参数：无

返回数据：

名称类型说明
nicknamestring用户昵称
user_picstring用户图片地址
<script>
        // 获取用户信息
        $.ajax({
            url:"http://localhost:8000/admin/getuser",
            type:"get",
        }).then(function(res){
            $(".user-name").text(res.data.nickname);
            $(".user_info>img").attr("src",res.data.user_pic)
        },function(err){
            alert("请求获取用户信息失败")
        })
</script>

5.文章数量统计

请求地址：http://localhost:8000/admin/article_count
请求方式：get
请求参数：无

返回数据：

名称类型说明
all_countnumber文章总数
day_countnumber当天文章发布文章总数
<script>
        // 文章数量统计
        $.ajax({
            url:"http://localhost:8000/admin/article_count",
            type:"get",
        }).then(function(res){
            $(".all-article-count").text(res.data.all_count);
            $(".day-article-count").text(res.data.day_count);

        },function(err){
            alert("请求文章数量统计失败！")
        })
</script>

6.评论数量统计

请求地址：http://localhost:8000/admin/comment_count
请求方式：get
请求参数：无

返回数据：

名称类型说明
all_countnumber评论总数
day_countnumber当天发布评论总数
<script>
        // 评论数量统计
        $.ajax({
            url:"http://localhost:8000/admin/comment_count",
            type:"get",
        }).then(function(res){
            $(".all-comment-count").text(res.data.all_count);
            $(".day-comment-count").text(res.data.day_count);
        },function(err){
            alert("请求评论数量统计失败！")
        })
</script>

7.文章类别获取

请求地址：http://localhost:8000/admin/category_search
请求方式：get
请求参数：无

返回数据：

名称类型说明
idnumber类别
namestring类别名称
slugstring别名

调用模板引擎的js：

<script src="./js/template-web.js"></script>

定义模板引擎：

<script type="text/html" id="category-tmp">
        {{each data}}
        <tr>
            <td>{{$value.name}}</td>
            <td>{{$value.slug}}</td>
            <td class="text-center">
                <a href="javascript:editTr({&quot;id&quot;:&quot;1&quot;,&quot;slug&quot;:&quot;uncategorized&quot;,&quot;name&quot;:&quot;未分类&quot;});"
                    class="btn btn-info btn-xs" data-id="{{$value.id}}">编辑</a>
                <a href="javascript:deleteTr( 1 );" class="btn btn-danger btn-xs" data-id="{{$value.id}}">删除</a>
            </td>
        </tr>
        {{/each}}
</script>

调用模板引擎，将数据渲染到页面：

<script>
        // 文章类别获取
        $.ajax({
            url:"http://localhost:8000/admin/category_search",
            type:"get",
        }).then(function(res){
            console.log(res)
            var html = template("category-tmp",res);
            $(".table tbody").html(html)

        },function(err){
            alert("请求获取文章类别失败")
        })
</script>

8.新增文章类别

请求地址：http://localhost:8000/admin/category_add
请求方式：post

请求参数：

名称类型说明
namestring类别名称
slugstring别名

返回数据：

名称类型说明
msgstring文字信息 ‘增加成功’ ‘增加失败’
<script>
		// 新增文章类别
        // 点击新增按钮，获取输入框输入的数据，发送ajax请求，局部刷新页面
        $("#model_add").on("click", function () {
            // 获取输入框的值
            var name = $("#recipient-name").val().trim();
            var other_name = $("#recipient-other-name").val().trim();
            // 为空判断
            if(name=="") {
                alert("请输入分类名称");
                return;
            }
            if(other_name=="") {
                alert("请输入分类别名");
                return;
            }
            // 发送新增请求
            $.ajax({
                url: "http://localhost:8000/admin/category_add",
                type: "post",
                data: {
                    name: name,
                    slug: other_name
                }
            }).then(function (res) {//请求成功
                if (res.code === 200) {//新增正确
                    // 重新刷新文章类别获取
                    get_category();
                } else {// 新增错误，如数据已存在等
                    alert(res.msg)
                }
            }, function (err) { // 请求失败
                alert("请求新增文章类别失败")
            })
        })
</script>

9.编辑文章类别

请求地址：http://localhost:8000/admin/category_edit
请求方式：post

请求参数：

名称类型说明
idnumber文章 id
namestring类别名称
slugstring别名

返回数据：

名称类型说明
msgstring文字信息 ‘编辑成功’ ‘编辑失败’
<script>
		// 编辑文章类别
        // 点击新增分类，弹窗编辑按钮消失
        $(".btn-success").on("click",function(){
            $("#model_edit").hide().prev().show()
        })
        // 点击编辑按钮，弹框内新增按钮消失
        $(".table tbody").on("click",".btn-info",function(){
            $("#model_edit").show().prev().hide();
            var id_before = Number($(this).attr("data-id"));
            var name = $(this).parents(".text-center").prev().prev().text();
            var slug = $(this).parents(".text-center").prev().text();

            $("#recipient-name").val(name);
            $("#recipient-other-name").val(slug);

            $("#model_edit").on("click",function(){
                //  点击编辑按钮，重新获取输入框的内容
                var name_changed = $("#recipient-name").val();
                var slug_changed = $("#recipient-other-name").val();
                
                // 发送ajax请求，把修改后的数据传给服务器
                $.ajax({
                    url:"http://localhost:8000/admin/category_edit",
                    type:"post",
                    data:{
                        id:id_before,
                        name:name_changed,
                        slug:slug_changed
                    }
                }).then(function(res){
                    if(res.code===200) {
                        // 重新刷新这个页面
                        get_category();
                    }else{
                        alert(res.msg)
                    }
                },function(err){
                    alert("请求编辑文章类别失败！")
                })
            })
        })
</script>

10.删除文章类别

请求地址：http://localhost:8000/admin/category_delete
请求方式：post

请求参数：

名称类型说明
idnumber类别 id

返回数据：

名称类型说明
msgstring文字信息 ‘删除成功’ ‘删除失败’
<script>
		// 删除文章类别
        $(".table tbody").on("click",".btn-danger",function(){
            var id = $(this).attr("data-id");
            if(confirm("您确定要删除我吗？")) {
                $.ajax({
                    url:"http://localhost:8000/admin/category_delete",
                    type:"post",
                    data:{
                        id:id
                    }
                }).then(function(res){
                    if(res.code===200){
                        // 页面刷新
                        get_category();
                    }
                },function(err){
                    alert("请求删除文章类别失败")
                })
            }
        })
</script>

11.获取用户信息

请求地址：http://localhost:8000/admin/userinfo_get
请求方式：get
请求参数：无

返回数据：

名称类型说明
usernamestring用户名称
nicknamestring用户昵称
emailstring用户邮箱
user_picstring用户图片地址
passwordstring用户密码
<script>
        // 获取用户信息
        $.ajax({
            url:"http://localhost:8000/admin/userinfo_get",
            type:"get"
        }).then(function(res){
            $("#username").val(res.data.username)
            $("#nickname").val(res.data.nickname)
            $("#email").val(res.data.email)
            $(".user_pic").attr("src",res.data.user_pic)
            $("#password").val(res.data.password)
        },function(err){
            alert("请求获取用户信息失败")
        })
</script>

12.编辑用户信息

请求地址：http://localhost:8000/admin/userinfo_edit
请求方式：post

请求参数：使用 formdata 提交

名称类型说明
usernamestring用户名称
nicknamestring用户昵称
emailstring用户邮箱
user_picstring用户图片地址
passwordstring用户密码

返回数据：

名称类型说明
msgstring文字信息 ‘修改成功’ ‘修改失败’
<script>
		//  组织表单的默认事件
        $(".article_form").on("submit",function(e){
            e.preventDefault();
        })

        // 获取选中的文件的路径
        /*
        1 使用change事件监测用户的文件选择操作
​        2 通过 URL.createObjectURL()进行本地图片地址获取
​          - URL是window对象的属性
​          - 用户在本地选择的图片地址我们不可能提前知道
​          - 使用方式：
​            URL.createObjectURL(文件域的files中的文件信息)
​            - 返回值是浏览器自动生成的临时图片地址，可以设置在src中查看
        */
        $("#exampleInputFile").on("change",function(){
            // 要用原生的js写
            var file = ($(this)[0]).files[0];
            var img_src = URL.createObjectURL(file)
            $(".user_pic").attr("src",img_src)
        })

        //  编辑用户信息
        $(".btn-success").on("click",function(){
            // 为空判断
            if($("#username").val().trim()=="") {
                alert("请输入用户名") ;
                return
            }
            if($("#nickname").val().trim()=="") {
                alert("请输入昵称") ;
                return
            }
            if($("#email").val().trim()=="") {
                alert("请输入邮箱") ;
                return
            }
            if($("#exampleInputFile")[0].files.length==0) {
                alert("请选择一张图片") ;
                return
            }
            if($("#password").val().trim()=="") {
                alert("请输入密码") ;
                return
            }
            
            // new FormData($(".article_form")[0])  要用原生的js
            var fd = new FormData($(".article_form")[0])
            $.ajax({
                url:"http://localhost:8000/admin/userinfo_edit",
                type:"post",
                data:fd,
                contentType:false,//不让jquery设置内容类型
                processData:false,// 不让jquery对内容进行处理
            }).then(function(res){
                if(res.code===200){
                    get_user_info();
                }else {
                    alert(res.msg)
                }
            },function(err){
                alert('请求编辑用户失败！');
            })
        })
</script>

14.日期控件的的基本使用

<!DOCTYPE html>
<html lang="en">
​
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="./web_back/js/jedate/css/jedate.css">
</head>
​
<body>
  <input type="text" id="test" readonly>
  <button id="btn">显示日期</button>
  <script src="web_back/js/jedate/js/jedate.js"></script>
  <script>
    // 一个原生js编写的日期控件，地址： http://www.jemui.com/uidoc/jedate.html
​
​
    // 设置btn的事件，点击btn后弹出日期控件效果
    document.querySelector('#btn').onclick = function () {
      jeDate("#test", {
        format: "YYYY-MM-DD",
        isTime: false,
        trigger: false, // 不使用内置的事件功能，自己进行设置
        minDate: "2014-09-19 00:00:00"
      });
    };
​
  </script>
</body>
​
</html>

15.分页功能基本使用

<!DOCTYPE html>
<html lang="en">
​
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="./web_back/js/bootstrap/css/bootstrap.min.css">
</head>
​
<body>
  <!-- 用来设置分页的标签结构 -->
  <ul id="list"></ul>
​
  <!-- 引入jQuery和插件文件，注意引入顺序 -->
  <script src="./web_back/js/jquery-1.12.4.min.js"></script>
  <script src="./web_back/js/jquery.twbsPagination.js"></script>
​
  <script>
    // 根据文档，设置分页展示功能
    $('#list').twbsPagination({
      totalPages: 20,
      visiblePages: 7, // 设置显示的页码个数为 visiblePages
      first: '首页',
      last: '尾页',
      prev: '上一页',
      next: '下一页',
      onPageClick: function (e, page) {
        console.log(e)
        console.log(page); // 获取当前点击的页码
      }
    });
  </script>
</body>
​
</html>
小芒果cuty
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
bigEvent:大事件项目
05-31
bigEvent 介绍 大事件后台管理 实现增删查改 使用技术 Ajax jQuery Layui模块化前端框架 TinyMCE 富文本编辑 模板引擎 template.js bootstrap 模态框 FormData数据 Echarts动态化数据图表 项目内容细节 一、后台管理 1. 后台管理系统页面切换 1.1. iframe标签完成菜单对应页面的显示 <iframe src="./main_count.html" frameborder="0" style="width: 100%;height:100%;" name="iframe"></iframe> 1.2. 使用对应a标签进行跳转 <a> <i class="iconfont icon-yidiandiantubia
附录3-1 大事件项目后端-项目准备工作，config.js，一些库的简易用法，main.js
potato123232的博客
03-03 533
我们看userSchema这个对象，其中有body,query,params，分别的意思就是req.body,req.query,req.params有什么写什么就行，比如只验证req.body，就只写body就行body,query,params这三个名称固定下面看body中的内容，里面username这些是参数名，后面跟的是验证规则。可以给验证规则自己定义一个变量方便复用验证规则的名字一般我们保持与接收的参数名一致就行，如果不一致你就需要这样写实则还是遵循键值的格式。
大事件后端注册登录搭建笔记
最新发布
ajsbxi的博客
05-16 876
本文介绍了Spring Boot中用户管理的相关API设计，包括用户注册、登录、获取用户信息、更新用户信息以及修改密码和头像的功能。在注册过程中，对用户名和密码进行了正则验证和MD5加密存储。登录时，验证用户名和密码的正确性，成功后返回JWT令牌。获取用户信息时，从ThreadLocal中获取用户标识并查询数据库。更新用户信息和头像时，对请求参数进行校验，并通过MyBatis更新数据库。修改密码需验证旧密码，并确保新密码的确认一致。所有操作完成后，返回相应的成功或错误信息。
大事件后台管理系统——搭建项目结构及登录注册界面
weixin_45998300的博客
03-10 813
1.本地初始化git仓库 1.git init 2.向暂存区一次性添加多个文件：git add . 3.提交已暂存文件：git commit -m"init project" 2.上传到github仓库 1.打开github “+”：new repository 2.设置名称为 web_bigevent 3.复制命令行 3.创建git分支 1.快速创建及切换：git branch -d login 2.查看分支列表：git branch 4.登录注册——调用接口...
大事件后台管理系统——后台主页
weixin_45998300的博客
03-11 928
1.在网页内显示网页 1.1设置主体区域的html <div class="layui-body"> <!-- 内容主体区域 --> <iframe name="fm" src="/home/dashboard.html" frameborder="0"></iframe> </div> 1.2设置侧边导航栏的css样式 在a链接中添加target属性 <ul .
大事件后台管理系统——文章管理
weixin_45998300的博客
03-12 2188
1.文章类别模块 1.1获取文章分类的列表 利用模版引擎快速渲染表格数据 <!-- 表格数据的模板 --> <script type="text/html" id="tpl-table"> {{each data}} <tr> <td>{{$value.name}}</td> <td>{{$value.alias}}</td> <t
AxureUX后台管理系统原型实例
08-02
《AxureUX后台管理系统原型实例详解》 在数字化时代的今天，后台管理系统已经成为各类企业不可或缺的工具，用于管理和操作日常业务。而高效的原型设计是确保系统功能完备、用户体验优秀的关键步骤。Axure作为一款...
axure后台管理系统原型rp
01-12
《axure后台管理系统原型设计详解》 在数字化时代，后台管理系统是企业不可或缺的一部分，它用于管理、监控和操作各种业务流程。本篇文章将深入探讨如何使用axure这一强大的原型工具来构建后台管理系统原型，帮助你...
jQ UI 后台管理系统.zip
11-25
《基于jQuery的jQ UI后台管理系统详解》 在IT领域，高效的后台管理系统是提升开发者工作效率、优化用户体验的关键。本文将详细解析"jQ UI 后台管理系统"这一基础UI框架，帮助开发者理解其核心概念、设计原则以及...
axure (广告行业)后台管理系统原型(RP8可用).rar
07-03
《广告行业后台管理系统原型设计详解》 在信息技术日益发达的今天，后台管理系统已经成为各行各业不可或缺的工具，特别是在广告行业中，高效、便捷的后台管理系统对于优化业务流程、提升工作效率至关重要。本篇将...
铁路后台管理系统--后端（node-mongodb）前端（mui框架打包ios）.zip
08-03
本项目是一个铁路后台管理系统，其核心在于后端服务的搭建以及前端界面的开发，旨在提供高效、稳定的管理功能。系统采用Node.js作为后端开发语言，利用MongoDB作为数据存储，前端则采用了Mui框架进行iOS平台的适配与...
附录3-2 大事件项目后端-四个模块
potato123232的博客
03-03 367
在你用Postman测试的时候，选择Authorization，然后选择Bearer Token，然后将不太Bearer前缀的内容粘贴到里面就可以发送了。在筛选文章的时候有 状态(state)与分类id(cate_id) 这两个非必填参数，可以用拼接sql字符串的形式进行查询，先判断有没有，如果有就加上。在更新用户数据中，讲道理id应该不能从req.body中拿，而是应该由token中拿，由于接口文档中写的要传入，这里是按照接口文档走的。他实际的请求头实际上是要带Bearer的。
大事件项目api_server
weixin_52230444的博客
03-21 4138
一、初始化 1.1创建项目 新建api_server文件夹作为项目根目录，并在项目根目录中运行如下的命令，初始化包管理配置文件：npm init -y 运行如下的命令，安装特定版本的express：npm i express@4.17.1 在项目根目录中新建app.js作为整个项目的入口文件，并初始化如下的代码： // 导入 express 模块 const express = require('express') // 创建 express 的服务器实例 const app = ex...
【Node.js项目】大事件项目：后台架构图（含具体技术栈）、典型代码
Zhou_LC的博客
09-04 1877
配置目录 config：存放 jwt 的密钥以及过期时间 参数校验目录 schema ：存放入参校验规则，配合 router 目录下的路由文件进行校验规则的绑定
【15】大事件项目：02-后台主页、基本资料、重置密码、更换头像、文章分类、complete回调函数、art-template模板引擎的使用、弹出层、头像图片裁剪、corpper的基本使用
忘尘丶莫负的博客
08-14 706
文章目录1. 后台主页1.1 获取用户的基本信息1.2 渲染用户头像1.3 统一为有权限的接口设置headers请求头1.4 实现退出功能1.5 控制用户的访问权限1.6 优化权限控制的代码2. 基本资料2.1 创建基本资料对应的页面2.2 绘制基本资料对应的表单2.3 获取用户的基本信息2.4 使用form.val方法快速为表单赋值2.5 实现表单的重置效果2.6 发起请求更新用户的信息3. 重置密码3.1 渲染重置密码的页面结构3.2 为密码框定义校验规则3.3 发起请求实现重置密码的功能4. 更换头像
大事件后端项目01-----SpringBoot快速入门
weixin_54048131的博客
12-16 261
1、大事件项目-------前端和后端项目准备工作 2、前置条件 3、使用SpringBoot入门 4、使用springBoot 5、 6、启动了controller 7、 8、找到Project 9、找到modules 9、 10、选择jar包就行 11、选择3.1.2版本 12、勾选一下springWeb 13、点击Appli...,和ok 14、找到java 15、右键创建一个子包，创建一个controller类，
springboot + vue项目：大事件文章管理系统（黑马程序员）
m0_74760466的博客
04-10 1531
该项目是经典的后台管理系统前后端分别使用vue和springboot首先我先进行演示一下。
大事件后端项目29------文件上传_本地存储
weixin_54048131的博客
12-23 362
大家好，我是爱你三千遍斯塔克，我们再开发软件的时候，经常会碰到上传图片的情况。 当然了大家如果想开发一个自己的相册，把自己平日拍的美美的照片，与家人在一起的合照都留存下来，做成一个精美的相册集，然后拿来在以后的时光里进行分享的话，回忆一下往昔的时光，这里都离不开文章上传这个接口。 那么正题来了，如何开发一个文件上传的接口呢，这里有一份参考资料可供大家参考，希望对大家有帮助： 点赞，关注，再不关注二哈生气了 1、更换头像，我们在携带头像额上传图片的时候，都可以携带一个URL地址
若依后台管理系统详解
12-06
若依后台管理系统是一个基于Java技术开发的后台管理系统，使用了SpringBoot和Vue技术组合。它内置了许多模块，包括但不限于部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成、表单构建等。此外，它还支持多数据源和分布式事务。若依后台管理系统的优点在于它的易用性和灵活性，可以快速搭建一个自己的模块。如果你想了解更多关于若依后台管理系统的信息，可以参考以下链接：https://gitee.com/y_project/RuoYi-Vue

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值