当前位置：

首页 > 编程开发 > 基于springboot+bootstrap+mysql+redis怎么搭建完整的权限架构

基于springboot+bootstrap+mysql+redis怎么搭建完整的权限架构

作者：WarmHope 时间：2023-04-27 来源：互联网 浏览：0

首先将已经封装好的bootstrap脚本引入到我们现有的工程，目录如下：到此我们的bootstraop框架引入完成，那么基于bootstrap框架我们现在开始开发属于我们的第一个bootstrap页面登陆页，打开我们的templates文件在底下找到我们login.html页面，进行重新的编辑该页面代码如下：登录页面body{padding-top:50px;}.starter-template{padding:40px15px;text-align:center;}已成功注销使用账号密码登录账号密码重新

       首先将已经封装好的bootstrap脚本引入到我们现有的工程，目录如下：

       到此我们的bootstraop框架引入完成，那么基于bootstrap框架我们现在开始开发属于我们的第一个bootstrap页面登陆页，打开我们的templates文件在底下找到我们login.html页面，进行重新的编辑该页面代码如下：

	

	

	body {
  padding-top: 50px;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}




     

      
       已成功注销

			

            
 
			
使用账号密码登录
			 
				
					账号
					
				

密码

      

    

      重新加载并运行我们的程序我们会看到我们全新的页面效果如下所示：

       到此我们的登陆的首页已经完成了，接着我们再开发我们登陆成功以后的主页main.html，在我们编写我们的主页的时候，我们需要重新设计下我们的数据库，因此我们现有的表结构无法支撑起来我们的整个业务系统，因此我们重新设计了我们的数据库如下图：

接着我们直接生成我们的数据库执行脚本，并在我们的数据库中执行，同时使用我们上一章开发的工具我们来快速生成我们的代码,并根据我们的权限架构来修改我们的代码，以下是经过修改以后的代码的结构：

在我们的工程中有一些我们经常用到的CSS或者js 我们并不想每个页面都进行一次引用，因此我们新建一个全局的引用到我们的工程（在templates底下新建一个文件夹include同时创建includebase.html文件）中如下：

通过以上的代码的快速生成、修改以及配置我们这才可以正式开发我们的登陆成功以后的首页，首页代码如下：

    $(function () {
        // 页面加载完成以后开启websocket的连接
        var options = new Array();
        options.sockurl = '/ricky-websocket';
        options.stompClienturl = '/ricky/topic/greetings';
        options.login = [[${#authentication.name}]];
        options.success = function(greeting){
            var r = eval("("+JSON.parse(greeting.body).content+")")
           alert(r);
            // $("#greetings").append("" + JSON.parse(greeting.body).content + "");
        }
        $.fn.socketConnect(options);
        // 初始化nav
        $.fn.bootstrapNav({index:'main',navTitle:'XXXX管理系统'});
        // 初始化标签页
        $("#tabContainer").tabs({
            data: [{
                id: '99999999',
                text: '首页',
                url: "home",
                closeable: false
            }],
            showIndex: 0,
            loadAll: false
        })
        //
        $.fn.bootstrapTree({url:"/user/mainTree",treeId:'menu_tree',tabId:"tabContainer"});
        $.fn.dictUtil("/dict/loadDict");
    });




    
    
        
        

        
        
        
            
                 
                
                    
                        
                            
                                    
                                        
                                    
                                
                                    John Smith
                                    
                                     Yesterday at 4:32 PM

                                    
Lorem ipsum dolor sit amet, consectetur...
                                
                            
                        
                    
                    
                        
                            
                                    
                                        
                                    
                                
                                    John Smith
                                    
                                     Yesterday at 4:32 PM

                                    
Lorem ipsum dolor sit amet, consectetur...
                                
                            
                        
                    
                    
                        
                            
                                    
                                        
                                    
                                
                                    John Smith
                                    
                                     Yesterday at 4:32 PM

                                    
Lorem ipsum dolor sit amet, consectetur...
                                
                            
                        
                    
                    
                        Read All New Messages
                    
                
            
            
                  
                
                    

                         修改密码 
                    
                    
                    

                        退 出
                    
                
            
        
        
        
            

            
        
        
    
    
        
    

相关文章 更多

using namespace 使用中遇到的问题怎么解决

命名空间的基本概念与常见引入问题在C++等编程语言中，命名空间（namespace）是一种将代码标识符（如变量、函数、类名）封装在特定名称下的机制，其主要目的是避免命名冲突，尤其是在大型项目或使用多个第三方库时。使用“using namespace”指令可以将指定命名空间中的所有名称引入当前作用域，

2026-08-07 1 SunnyJourney

编程开发

c语言函数递归 实操经验总结：这些技巧很实用

理解递归的基本原理在C语言中，递归是一种函数调用自身的编程技术。要掌握它，首先需要理解其核心思想：将一个复杂的大问题，分解为一个或几个与原问题相似但规模更小的子问题，直到子问题足够简单，可以直接求解。这个过程通常包含两个关键部分：递归出口和递归体。递归出口定义了问题何时不再继续分解，即最简单、可直接

2026-08-07 0 SoftHope

编程开发

c语言函数递归 怎么选？常见方案对比分析

递归函数的基本概念与适用场景在C语言编程中，递归是一种函数调用自身的编程技巧。它并非适用于所有问题，但在处理某些具有自相似结构的问题时，能提供极其清晰和优雅的解决方案。递归的核心思想是将一个大规模问题分解为一个或多个同类型但规模更小的子问题，直到子问题简单到可以直接求解。典型的适用场景包括树形结构的

2026-08-07 0 归人云淡风轻

编程开发

Objective-C 内存管理入门：从 alloc 到 dealloc 的生命周期详解

理解内存管理的基石在Objective-C的编程世界中，内存管理是开发者必须掌握的核心技能之一。它直接关系到应用的性能、稳定性与资源利用效率。与一些采用自动垃圾回收机制的语言不同，Objective-C在很长一段时间里，依赖一套基于引用计数的、需要开发者部分介入的管理规则。这套规则的核心思想是明确的

2026-08-07 0 SunnyJourney

编程开发

如何正确使用 dealloc 以避免 iOS 应用中的内存泄漏

理解 dealloc 的角色与时机在 iOS 应用开发中，内存管理是保障应用性能与稳定性的基石。dealloc 方法是 Objective-C 中对象生命周期结束时的关键回调，它标志着对象即将被系统回收内存。正确理解其触发时机至关重要：当一个对象的引用计数降为零时，运行时系统会自动调用该对象的 de

2026-08-07 0 WarmHope

编程开发

深入理解 Objective-C 中的 dealloc 方法：内存管理核心机制

内存管理的基石在Objective-C的世界里，内存管理是开发者必须掌握的核心技能之一。作为一门在手动引用计数（MRC）时代诞生的语言，Objective-C要求程序员对对象的生命周期有清晰的认识。dealloc方法正是这一生命周期中至关重要的终点站。它是一个实例方法，当对象的引用计数降为零时，系统

2026-08-07 0 归人云淡风轻

编程开发

理解 native2ascii：Java 国际化开发中的字符编码工具

native2ascii 工具的基本定位在Ja va应用程序的国际化与本地化开发过程中，处理非拉丁字符集是一个常见且关键的环节。Ja va内部使用Unicode字符集来统一表示全球各种语言的文字，但其属性文件（.properties）在历史上要求使用ASCII编码，或者更准确地说，要求非ASCII字

2026-08-07 0 小确幸

编程开发

如何使用 native2ascii 转换中文字符为 Unicode 转义序列

理解 native2ascii 工具的基本用途在软件开发，特别是涉及国际化处理的场景中，开发者常常需要处理不同编码的文本资源。native2ascii 是 Ja va 开发工具包（JDK）中提供的一个命令行实用程序，其主要功能是将包含本地字符编码（非ASCII字符）的文件，转换为包含 Unicode

2026-08-07 0 慢热型

编程开发

Java native2ascii 命令详解：解决属性文件乱码问题

native2ascii 命令的由来与作用在Ja va开发中，处理国际化资源文件是一个常见需求。资源文件通常以.properties格式存储，用于支持多语言界面。然而，Ja va属性文件默认采用ISO-8859-1字符集编码，这导致了一个直接的问题：当文件中包含非拉丁字符（如中文、日文、韩文等）时，

2026-08-07 0 SoftHope

编程开发

一个 memwatch 实战案例：定位野指针问题

内存监控工具的价值与挑战在软件开发，尤其是使用C/C++这类手动管理内存的语言时，内存错误是程序员最常遭遇的难题之一。其中，野指针问题因其隐蔽性和破坏性，往往成为最难定位的“幽灵”缺陷。它可能潜伏在代码中，在特定条件下才被触发，导致程序崩溃、数据损坏或难以预测的行为。传统的调试手段，如打印日志或使用

2026-08-07 0 RainLight

编程开发

查看更多

热门文章 更多

Yandex中文入口及登录使用全攻略 B站免费入口永久有效网址推荐 51漫画高清入口及最新章节更新 高德地图开启海拔显示方法 我的世界网页版即点即玩入口推荐 JS金额计算怎么避免四舍五入误差 photoshop智能对象怎么编辑 B站免费入口网站高效连接方法 QQ网页版登录入口大全 QQ网页版官方登录指南 学习通网页登录入口及账号使用教程

精品专题 更多

装机必备

正软商城装机必备专区，精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件，帮助用户快速完成新电脑软件配置。

Windows

正软商城Windows软件专区，汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件，提供软件介绍、系统要求、正版授权及购买下载服务。

macOS软件

正软商城macOS软件专区，精选适用于Mac电脑的办公、设计、影音、效率、开发和系统工具，提供软件功能介绍、macOS兼容版本、正版授权及购买下载服务。

Mac软件 更多

灵活计算器

macOS/iOS/Android

灵活计算器是一款笔记式算数应用，支持实时计算、动态关联和云端同步功能。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。

赤友清理大师

macOS

赤友清理大师是一款为 Mac 设计的智能清理优化工具，可精准扫描垃圾、大文件、重复文件等，释放磁盘空间。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。

极度公式

Windows/macOS/Linux

极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。

WINDOWS 更多

Windows 10

Windows

Windows 10 是一款微软推出的经典操作系统，拥有硬件兼容性与多任务处理能力。它更偏向把系统状态查看和常用调节动作放在一起，适合需要持续观察和微调设备状态的场景。

极度公式

Windows/macOS/Linux

极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。

密码键盘

Windows/macOS/iOS/Android

密码键盘是一款兼具安全性与便捷性的高效密码管理器。日常使用里的持续防护和信息管理会更突出，适合把安全控制放进长期使用流程中的场景。