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

这篇文章主要介绍了基于springboot+bootstrap+MySQL+redis怎么搭建完整的权限架构的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇基于springboot+bootstrap+mysql+redis怎么搭建完整的权限架构文章都会有所收获,下面我们一起来看看吧。

创新互联建站网站建设服务商,为中小企业提供成都网站设计、成都网站建设、外贸网站建设服务,网站设计,成都网站托管等一站式综合服务型公司,专业打造企业形象网站,让您在众多竞争对手中脱颖而出创新互联建站

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

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

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





	
登录页面
	

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




     

      
       已成功注销

            

 

使用账号密码登录

  账号
密码
      
    

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

基于springboot+bootstrap+mysql+redis怎么搭建完整的权限架构
       到此我们的登陆的首页已经完成了,接着我们再开发我们登陆成功以后的主页main.html,在我们编写我们的主页的时候,我们需要重新设计下我们的数据库,因此我们现有的表结构无法支撑起来我们的整个业务系统,因此我们重新设计了我们的数据库如下图:

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

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

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

在我们的工程中有一些我们经常用到的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                                                                                                                         
  •                          修改密码                      
  •                                          
  •                         退 出                     
  •                                                                                                                             

    关于“基于springboot+bootstrap+mysql+redis怎么搭建完整的权限架构”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“基于springboot+bootstrap+mysql+redis怎么搭建完整的权限架构”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。


    网站名称:基于springboot+bootstrap+mysql+redis怎么搭建完整的权限架构
    本文URL:http://ybzwz.com/article/pdsgci.html

    其他资讯