springboot+mybatis+layUI

1.idea快速搭建

2.生成后目录结构

3.引入layui-2.4.5

4.static/新建index.html，页面代码参考https://www.layui.com/doc/element/layout.html#admin

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <title>layout 后台大布局 - Layui</title>

    <link rel="stylesheet" href="/layui/css/layui.css">

</head>

<body class="layui-layout-body">

<div class="layui-layout layui-layout-admin">

    <div class="layui-header">

        <div class="layui-logo">layui 后台布局</div>

        <!-- 头部区域（可配合layui已有的水平导航） -->

        <ul class="layui-nav layui-layout-left">

            <li class="layui-nav-item"><a href="">控制台</a></li>

            <li class="layui-nav-item"><a href="">商品管理</a></li>

            <li class="layui-nav-item"><a href="">用户</a></li>

            <li class="layui-nav-item">

                <a href="javascript:;">其它系统</a>

                <dl class="layui-nav-child">

                    <dd><a href="">邮件管理</a></dd>

                    <dd><a href="">消息管理</a></dd>

                    <dd><a href="">授权管理</a></dd>

                </dl>

            </li>

        </ul>

        <ul class="layui-nav layui-layout-right">

            <li class="layui-nav-item">

                <a href="javascript:;">

                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">

                    贤心

                </a>

                <dl class="layui-nav-child">

                    <dd><a href="">基本资料</a></dd>

                    <dd><a href="">安全设置</a></dd>

                </dl>

            </li>

            <li class="layui-nav-item"><a href="">退了</a></li>

        </ul>

    </div>

    <div class="layui-side layui-bg-black">

        <div class="layui-side-scroll">

            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->

            <ul class="layui-nav layui-nav-tree"  lay-filter="test">

                <li class="layui-nav-item layui-nav-itemed">

                    <a class="" href="javascript:;">所有商品</a>

                    <dl class="layui-nav-child">

                        <dd><a href="javascript:;">列表一</a></dd>

                        <dd><a href="javascript:;">列表二</a></dd>

                        <dd><a href="javascript:;">列表三</a></dd>

                        <dd><a href="">超链接</a></dd>

                    </dl>

                </li>

                <li class="layui-nav-item">

                    <a href="javascript:;">解决方案</a>

                    <dl class="layui-nav-child">

                        <dd><a href="javascript:;">列表一</a></dd>

                        <dd><a href="javascript:;">列表二</a></dd>

                        <dd><a href="">超链接</a></dd>

                    </dl>

                </li>

                <li class="layui-nav-item"><a href="">云市场</a></li>

                <li class="layui-nav-item"><a href="">发布商品</a></li>

            </ul>

        </div>

    </div>

    <div class="layui-body">

        <!-- 内容主体区域 -->

        <div style="padding: 15px;">内容主体区域</div>

    </div>

    <div class="layui-footer">

        <!-- 底部固定区域 -->

        © layui.com - 底部固定区域

    </div>

</div>

<script src="../src/layui.js"></script>

<script>

    //JavaScript代码区域

    layui.use('element', function(){

        var element = layui.element;

    });

</script>

</body>

</html>

5.修改application.properties为application.yml。配置数据库

解决报红：引入druid依赖

6.访问http://localhost:8080，项目搭建完成

springboot+mybatis+layUI的更多相关文章

权限管理系统之SpringBoot集成LayUI实现后台管理首页
万事开头难,昨天一直在构思用户权限管理系统怎么实现,实现哪些需求,采用什么技术等,也在网上百度了好多,计划使用SpringBoot + Mybatis + thymeleaf + LayUI + S ...
springboot+mybatis+druid+atomikos框架搭建及测试
前言因为最近公司项目升级,需要将外网数据库的信息导入到内网数据库内.于是找了一些springboot多数据源的文章来看,同时也亲自动手实践.可是过程中也踩了不少的坑,主要原因是我看的文章大部分都是s ...
Thymeleaf+SpringBoot+Mybatis实现的家庭财务管理系统
项目简介项目来源于:https://gitee.com/darlingzhangsh/graduation_project 本系统是基于Thymeleaf+SpringBoot+Mybatis.是非 ...
Thymeleaf+SpringBoot+Mybatis实现的齐贤易游网旅游信息管理系统
项目简介项目来源于:https://github.com/liuyongfei-1998/root 本系统是基于Thymeleaf+SpringBoot+Mybatis.是非常标准的SSM三大框架( ...
第五章 springboot + mybatis(转载)
本编博客转发自:http://www.cnblogs.com/java-zhao/p/5350021.html springboot集成了springJDBC与JPA,但是没有集成mybatis,所以 ...
第九章 springboot + mybatis + 多数据源（AOP实现）
在第八章 springboot + mybatis + 多数据源代码的基础上,做两点修改 1.ShopDao package com.xxx.firstboot.dao; import org.spr ...
第五章 springboot + mybatis
springboot集成了springJDBC与JPA,但是没有集成mybatis,所以想要使用mybatis就要自己去集成.集成方式相当简单. 1.项目结构 2.pom.xml <!-- 与数 ...
基于Maven的Springboot+Mybatis+Druid+Swagger2+mybatis-generator框架环境搭建
基于Maven的Springboot+Mybatis+Druid+Swagger2+mybatis-generator框架环境搭建前言最近做回后台开发,重新抓起以前学过的SSM(Spring+Sp ...
Docker+SpringBoot+Mybatis+thymeleaf的Java博客系统开源啦
个人博客对于技术人员来说,拥有自己的个人博客应该是一件令人向往的事情,可以记录和分享自己的观点,想到这件事就觉得有意思,但是刚开始写博客的时候脑海中是没有搭建个人博客这一想法的,因为刚起步的时候连我 ...

随机推荐

PHP处理地址匹配出省市区
function handleAddress($address ='广东省深圳市龙华新区大浪街道同胜科技大厦'){ preg_match('/(.*?(省|自治区|北京市|天津市))/', $addr ...
Device Drivers
Types of Device Drivers Windows可能会有User-mode的驱动,但是我们只关注Kernel-Mode的驱动. WDM Drivers WDM是一种驱动模型,是比较常用的 ...
Java中深度克隆和浅度克隆
一:使用目的: 就是为了快速构造一个和已有对象相同的副本.如果需要克隆对象,一般需要先创建一个对象,然后将原对象中的数据导入到新创建的对象中去,而不用根据已有对象进行手动赋值操作. 二:Object中 ...
XML DTD详解
XML DTD详解一个有效的XML文档必然是结构正规的,结构正规的XML文档不一定是有效的,即有效的是格式正规的一个子集. 本文详细介绍DTD,包括其对元素的定义,属性的定义,以及实体的定义. 元素 ...
开发效率优化之自动化构建系统Gradle（二）上篇
阿里P7移动互联网架构师进阶视频(每日更新中)免费学习请点击:https://space.bilibili.com/474380680 本篇文章将以下两个内容来介绍自动化构建系统Gradle: gra ...
MVC中的自定义标签分页控件，仅供大家学习！！
public static HtmlString ShowPageNavigate(this HtmlHelper htmlHelper, int currentPage, int pageSize, ...
Android 使用android-support-multidex解决Dex超出方法数的限制问题,让你的应用不再爆棚（转）
如有转载,请声明出处: 时之沙: http://blog.csdn.net/t12x3456 (来自时之沙的csdn博客) 随着应用不断迭代,业务线的扩展,应用越来越大(比如集成了各种第三方sd ...
Java优化性能
尽量在合适的场合使用单例使用单例可以减轻加载的负担,缩短加载的时间,提高加载的效率,但并不是所有地方都适用于单例,简单来说,单例主要适用于以下三个方面:第一,控制资源的使用,通过线程同步来控制资源的并 ...
CSIC_716_20191217【事务、视图、触发器、存储过程、索引】
事务: 事务保证对数据操作时的安全性,事务中的代码要么一起成功,要么一起失败. 事务以 start transaction 开始,中间可以写诸多个sql 语句对数据库进行操作, 以rollback ...
ES6 数组扩展（总结）
1.扩展运算符将一个数组转为用逗号分隔的参数序列 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 2.Array.from() 将两类对象转为真正的数组类 ...

springboot+mybatis+layUI

springboot+mybatis+layUI的更多相关文章

随机推荐

热门专题