精华内容
下载资源
问答
  • SpringBoot + Layui后台管理系统 重点: SpringBoot 2.1.0 tk.mybatis 2.0.2 四郎1.3.1 Lombok1.18.4 前置: 拉伊2.4.5 jQuery的3.3.1 渲染模板 胸腺
  • springboot+layui基础项目

    千次阅读 多人点赞 2020-12-16 15:02:40
    springboot+layui Demo 在线地址:http://123.57.129.17:9001 源码地址:https://gitee.com/zhoukaishun/kaishun_zhou 测试账号密码:admin 123456 适用人群 新手入门,职场新人 已有功能 目前包含基本的登录...

    介绍

    springboot+layui Demo

    在线地址:http://123.57.129.17:9001

    源码地址:https://gitee.com/zhoukaishun/kaishun_zhou

    测试账号密码:admin 123456

    修改与:2020-11-12

    适用人群

    新手入门,职场新人

    已有功能

    • 目前包含基本的登录、注册、忘记密码、菜单动态拉取、用户管理、角色管理、菜单管理、角色权限设置。
    • 注册方式选择手机验证码注册(发送验证码部分需优化为发送后一分钟内不允许重复发送)
    • 验证码发送选择的为阿里云短息服务平台(发送短信功能关闭,因为牵扯到个人账号,可在yml中更改smsconfigure配置项即可);
    • token认证使用JWT验证方式;
    • 前端页面框架选择的为layUi。

    软件架构

    jdk1.8 maven mysql redis 整体架构springboot+mybatis+layUi
    主要学习一个基本项目从0到1的构建以及开发思路。

    项目截图

    项目部署至服务器(jar包方式)

    使用idea对项目进行打包,或者自己使用maven命令也行,idea打包后会在项目根目录的target目录下。

    将jar包上传至服务器指定目录,进入对应目录下:java -jar 项目名

    这种是最基本的启动,也可自己写一些简单的shell脚本对项目进行  停止、重启

    可参考下方我的脚本

    restart.sh

    #! /bin/bash
    ##Author  kaishun zhou
    ##Last Update 2020-11-05
    JAR=/usr/javaproject/study/study.jar
    OUT=/usr/javaproject/study/study.out
    NAME=study.jar
    echo $NAME
    ID=`ps -ef | grep "$NAME" | grep -v "$0" | grep -v "grep" | awk '{print $2}'`
    echo $ID
    echo "---------------"
    for id in $ID
    do
    kill -9 $id
    echo "killed $id"
    done
    echo "---------------"
    echo $NAME service start!
    nohup java -jar $JAR --spring.profiles.active=prod  >$OUT 2>&1 &
    echo $NAME service start sucess!
    

    stop.sh

    #! /bin/bash
    ##Author  kaishun zhou
    ##Last Update 2020-11-05
    NAME=study.jar
    echo $NAME
    ID=`ps -ef | grep "$NAME" | grep -v "$0" | grep -v "grep" | awk '{print $2}'`
    echo $ID
    echo "---------------"
    for id in $ID
    do
    kill -9 $id
    echo "killed $id"
    done
    echo $NAME service stop!
    echo "---------------"
    
    

    添加服务监控功能---添加于2020-11-20

     

    展开全文
  • 一.layui


    最新想用Thyemleaf和springboot去搭建项目,想用到layui简化开发,记录下遇到的坑

    一.概述

    Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程。springboot默认支持Thyemleaf,对于jsp不友好
    Thyemleaf一个优秀的前端模版,用来替代JSP,因为它能做到前后端分离,支持静态化。
    layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。

    二.整合

    1.建立好项目并下载layui

    后面直接可以去官网下载https://www.layui.com/

    2.建立static和template

    因为springboot默认静态文件存在static中,所以将layui包放入其中
    在这里插入图片描述

    3.配置pom,引入必须依赖

    <?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <modelVersion>4.0.0</modelVersion>
    
        <groupId>org.example</groupId>
        <artifactId>IEv-3</artifactId>
        <version>1.0-SNAPSHOT</version>
        <parent>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-parent</artifactId>
            <version>2.0.1.RELEASE</version>
        </parent>
        <dependencies>
            <!--模板引擎-->
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-thymeleaf</artifactId>
            </dependency>
            <!--web模块是一定要的-->
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-web</artifactId>
            </dependency>
        </dependencies>
    </project>
    

    4.配置application.properties

    #thymeleaf start
    #视图解析器的前缀放在这个文件夹
    spring.thymeleaf.prefix=classpath:/templates/
    #后缀
    spring.thymeleaf.suffix=.html
    #模式
    spring.thymeleaf.mode=LEGACYHTML5
    spring.thymeleaf.servlet.content-type=text/html
    #编码格式
    spring.thymeleaf.encoding=utf-8
    #不用缓存
    spring.thymeleaf.cache=false
    spring.resources.chain.strategy.content.enabled=true
    spring.resources.chain.strategy.content.paths=/**
    #thymeleaf end
    server.port=8888
    

    5.写controller和启动类

    controller

    package com.yj.controller;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    public class controller {
        @RequestMapping("/hello")
        public String hello(Model model) {
            String name = "xxxxxxxxxxxxxxxxxxx";
            model.addAttribute("name", name);
            return "index";
        }
    
    }
    

    启动类

    package com.yj;
    
    import org.springframework.boot.SpringApplication;
    import org.springframework.boot.autoconfigure.SpringBootApplication;
    
    @SpringBootApplication
    public class testApplication {
        public static void main(String[] args) throws Exception {
            SpringApplication.run(testApplication.class, args);
        }
    }
    

    6.写index.html(坑:关于layui样式在Thyemleaf不显示)

    (1)找到layui开发文档提供了基本后台样式可以快速开发
    在这里插入图片描述
    (2)直接将这个复制给index.html
    敲重点:要改css和js路径,不仅要改,而且要严格格式,要把下面的路径修改,要加入th:href="@{/layui/css/layui.css}",并且原始的这儿没有给/表示结束,导致之后样式显示不出来
    在这里插入图片描述
    在这里插入图片描述

    <!DOCTYPE html>
    <html xmlns:th="http://www.w3.org/1999/xhtml">
    <link>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>layout 后台大布局 - Layui</title>
        <link th:href="@{/layui/css/layui.css}" rel="stylesheet" href="../static/layui/css/layui.css"/>
    </head>
    <body class="layui-layout-body">
    <p th:text="'Hello, ' + ${name} + '!'">3333</p>
    <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 th:src="@{/layui/layui.js}" src="../static/layui/layui.js"></script>
    <script>
        //JavaScript代码区域
        layui.use('element', function(){
            var element = layui.element;
    
        });
    </script>
    </body>
    </html>
    

    7.浏览网址查看

    http://localhost:8888/hello,可以看到不仅显示了基础的样式并且具有动态效果,还显示了controller传过来的参数。
    在这里插入图片描述

    展开全文
  • 前端h5,利用layui框架 后端springboot 项目整合shrio做人员权限开发 redis 缓存技术
  • SpringBoot项目搭建LayUI框架,以及引入LayUI框架js、css的问题总结一、SpringBoot项目搭建LayUI框架:二、引入css、js所遇到的问题:三、造成引入js和css问题的原因: 一、SpringBoot项目搭建LayUI框架: 1、首先在...

    一、SpringBoot项目搭建LayUI框架:

    1、首先在官网下载LayUI前端文件,解压。
    2、将解压后的文件夹里找见存放css和js的layui文件夹,将整个文件夹复制粘贴到src/main/resources中的static文件夹下。
    具体目录结构如下图:
    在这里插入图片描述
    3、在src/main/webapp或者src/main/resource/templates下创建index.html,编写index.html文件,内容如下图。
    在这里插入图片描述
    4、保存完成后点击运行项目,运行结果如下图。
    在这里插入图片描述

    二、引入css、js所遇到的问题:

    1、html 文件放在resources/templates下,或者在src/main/webapp下。
    2、js/css 等静态资源放在resources/static下。
    项目目录如下图:
    在这里插入图片描述
    3、我在使用html引入layui的js和css时,遇到了html无法引入css和js。

    三、造成引入js和css问题的原因:

    在引入js和css时,使用相对路径,路径不能使用官网上现成模版里的../layui/css/layui.css../layui/layui.js,我们自己在使用的时候,需要改为./layui/css/layui.css./layui/layui.js。这样就能正常引入css和js文件。

    温馨提示:该文章为本人自己创作,转载请标明出处。感谢各位!!!谢谢大家!!!
    QQ:961094233
    邮箱:961094233@qq.com

    展开全文
  • 今天给大家分享一个仓库管理系统的源码,该项目是基于layui + springboot +shiro+mybatisPlus来完成的,对于RBAC权限不熟悉的小伙伴可以用来学习一下,或者进行二次开发都是很不错的! 主要功能 数据库、创建项目、登陆...

    大家好!今天给大家分享一个基于layui + springboot +shiro+mybatisPlus仓库管理系统

    项目描述

    Hello,大家好!今天给大家分享一个仓库管理系统的源码,该项目是基于layui + springboot +shiro+mybatisPlus来完成的,对于RBAC权限不熟悉的小伙伴可以用来学习一下,或者进行二次开发都是很不错的!

    主要功能

    1. 数据库、创建项目、登陆功能
    2. 加载导航树、工作台、日志管理、公告管理
    3. 部门管理
    4. 权限管理、菜单管理
    5. 用户管理与关联权限
    6. 客户管理、供应商管理、商品管理
    7. 商品进货\退货

    技术栈

    springboot、mybatisPlus、shiro、layui

    运行环境

    jdk8、tomcat8、mysql、idea

    项目运行截图

    这是启动之后访问的首页
    首页
    这里是进去系统之后的首页,左边是登录人员的信息,以及一些相关模块的功能,中间是一个主界面的文章列表,右边是可以编辑个人资料,有退出和实现锁屏的功能!
    在这里插入图片描述
    这里是基础管理,管理一些客户,供应商和商品的相关信息
    在这里插入图片描述
    这一部分是商品的进货管理模块,有商品的进货与退货功能!

    在这里插入图片描述
    这部分是项目的系统管理模块,可以对不同用户进行不同角色的配置,让其具有不同的权限,使系统更加的灵活,也可以在此基础上进行二次开发,对于初学者来说都是一个不错的练手项目!
    在这里插入图片描述
    最后一部分是系统的一些基础配置,有系统公告,图标管理,登录和缓存功能,有需要源码学习的小伙伴可以**+V Zz1996yj** 免费领取!

    在这里插入图片描述

    结尾

    今天的分享就到这里了,有问题的小伙伴可以在下方留言,或者直接 加我Zz1996yj,一起交流学习! 再见啦!

    展开全文
  • springboot+mybatis+thymeleaf+maven+mysql+layui项目 基本框架都已搭建好,需要其他插件可以自己进行配置,适合新手学习。 前端用的是layUI框架,比较容易上手,官方有对应的案例和文档。
  • layui+springboot+thymeleaf上传图片接口并显示图片 前端页面 前端使用的是开源框架layuilayui提供了一个上传文件的组件,使用方式如下: html javascript <script> layui.use('upload',function...
  • 上一篇介绍了项目用到的数据库结构,已经一些配置,这一篇主要展示相关代码 二、后台java代码 2.1 controller层代码 2.1.1 UserController(用于添加用户,用户登录等) package dave.study.demo.controller; import ...
  • 一、效果图 1、登录界面 2、主页 二、数据库设计 1、表 1.1 表dave_product字段 ...1.2 表dave_sale字段 ...数据库字段命名可能比较随意,因为是写来配合...pom.xml中主要配置一些项目中需要引用的包资源,applicat...
  • 项目描述 ...springboot、mybatisPlus,shiro 运行截图 1.引言 5 1.1 开发意义 5 1.2 课题意义 6 2.项目概述 6 2.1 可行性研究 6 2.1.1 经济可行性 6 2.1.2 技术可行性 6 2.1.3 运行可行性 ...
  • Layui+Springboot+Mybatis+Pagehelper实现条件分页查询 分页查询是Web项目中非常重要的一项,Mybatis对于条件分页查询有其天然优势,动态sql的灵活运用使得sql语句变得简洁,在本文中,使用Pagehelper分页插件并...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,256
精华内容 1,302
关键字:

layuispringboot项目

spring 订阅