Lyear-后台管理模板

已于 2022-09-14 16:04:21 修改
阅读量856 收藏 1
点赞数 2
分类专栏： lyear后台管理系统 java SpringMVC 文章标签： echarts 前端 javascript
于 2022-09-14 15:51:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LawrenceUyi31/article/details/126852873
版权

Lyear-后台管理模板

A.模板介绍

这是作者学习lyear之后,写的后台管理模板。建议有兴趣的可以去官网学习:lyear~中间的view_main页面是用:echarts的technology

none

B.代码片段

1.index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <title>首页-流年管理系统</title>
  <!-- <link rel="icon" href="favicon.ico" type="image/ico"> -->
  <link rel="icon" href="./images/exehtml/ym.ico" type="image/ico">
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/materialdesignicons.min.css" rel="stylesheet">
  <link rel="stylesheet" href="js/bootstrap-multitabs/multitabs.min.css">
  <link href="css/style.min.css" rel="stylesheet">
</head>
<body>
<div class="lyear-layout-web">
  <div class="lyear-layout-container">
    <!--左侧导航-->
    <aside class="lyear-layout-sidebar">
      <!-- logo -->
      <div id="logo" class="sidebar-header">
        <a href="./index.jsp"><img src="images/exehtml/ym1.ico" title="" alt="lnyh-error" /></a>
      </div>
      <div class="lyear-layout-sidebar-scroll">
        <nav class="sidebar-main">
          <ul class="nav nav-drawer">
            <li class="nav-item active"> <a class="multitabs" href="./view/view_main.jsp"><i class="mdi mdi-home"></i> <span>首页</span></a> </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> <span>王者荣耀</span></a>
              <ul class="nav nav-subnav">
                <li> <a class="multitabs" href="./view/ico.jsp">经典英雄</a> </li>
                <li> <a class="multitabs" href="view/ico_fy.jsp">英雄皮肤</a> </li>
              </ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> <span>部落冲突</span></a>
              <ul class="nav nav-subnav">
                <li> <a class="multitabs" href="./view/ico.jsp">大本营1</a> </li>
                <li> <a class="multitabs" href="./view/ico.jsp">大本营2</a> </li>
                <li> <a class="multitabs" href="./view/ico.jsp">大本营3</a> </li>
              </ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> <span>用户管理</span></a>
              <ul class="nav nav-subnav">
                <li> <a class="multitabs" href="view/ico_fy.jsp">管理员</a> </li>
                <li> <a class="multitabs" href="view/ico_fy.jsp">普通用户</a> </li>
                <li> <a class="multitabs" href="view/ico_fy.jsp">超级管理员</a> </li>
              </ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> <span>页面展示</span></a>
              <ul class="nav nav-subnav">
                <li> <a class="multitabs" href="./view/ico.jsp">登录页面</a> </li>
                <li> <a class="multitabs" href="./view/ico.jsp">注册页面</a> </li>
                <li> <a class="multitabs" href="./view/ico.jsp">错误页面</a> </li>
              </ul>
            </li>
          </ul>
        </nav>
      </div>
    </aside>
    <!--头部信息-->
    <header class="lyear-layout-header">
      <nav class="navbar navbar-default">
        <div class="topbar">
          <div class="topbar-left">
            <div class="lyear-aside-toggler">
              <span class="lyear-toggler-bar"></span>
              <span class="lyear-toggler-bar"></span>
              <span class="lyear-toggler-bar"></span>
            </div>
          </div>
          <ul class="topbar-right">
            <li class="dropdown dropdown-profile">
              <a href="javascript:void(0)" data-toggle="dropdown">
                <img class="img-avatar img-avatar-48 m-r-10" src="images/exehtml/ym1.ico" alt="流年烟火" />
                <span>流年烟火<span class="caret"></span></span>
              </a>
              <ul class="dropdown-menu dropdown-menu-right">
                <li> <a class="multitabs" data-url="./view/ico.jsp" href="javascript:void(0)"><i class="mdi mdi-account"></i> 个人信息</a> </li>
                <li> <a class="multitabs" data-url="./view/ico_fy.jsp" href="javascript:void(0)"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
                <li class="divider"></li>
                <li> <a href="./index.jsp"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
              </ul>
            </li>
            <!--切换主题配色-->
            <li class="dropdown dropdown-skin">
              <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
              <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
                <li class="drop-title">
                  <p>LOGO</p>
                </li>
                <li class="drop-skin-li clearfix">
                                        <span class="inverse">
                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
                    <label for="logo_bg_1"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
                    <label for="logo_bg_2"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
                    <label for="logo_bg_3"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
                    <label for="logo_bg_4"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
                    <label for="logo_bg_5"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
                    <label for="logo_bg_6"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
                    <label for="logo_bg_7"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
                    <label for="logo_bg_8"></label>
                  </span>
                </li>
                <li class="drop-title">
                  <p>头部</p>
                </li>
                <li class="drop-skin-li clearfix">
                                        <span class="inverse">
                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
                    <label for="header_bg_1"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
                    <label for="header_bg_2"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
                    <label for="header_bg_3"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
                    <label for="header_bg_4"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
                    <label for="header_bg_5"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
                    <label for="header_bg_6"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
                    <label for="header_bg_7"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
                    <label for="header_bg_8"></label>
                  </span>
                </li>
                <li class="drop-title">
                  <p>侧边栏</p>
                </li>
                <li class="drop-skin-li clearfix">
                                        <span class="inverse">
                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
                    <label for="sidebar_bg_1"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
                    <label for="sidebar_bg_2"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
                    <label for="sidebar_bg_3"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
                    <label for="sidebar_bg_4"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
                    <label for="sidebar_bg_5"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
                    <label for="sidebar_bg_6"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
                    <label for="sidebar_bg_7"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
                    <label for="sidebar_bg_8"></label>
                  </span>
                </li>
              </ul>
            </li>
            <!--切换主题配色-->
          </ul>
        </div>
      </nav>
    </header>
    <!--页面主要内容-->
    <main class="lyear-layout-content">
      <div id="iframe-content"></div>
    </main>
    <!--End 页面主要内容-->
  </div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="js/bootstrap-multitabs/multitabs.js"></script>
<script type="text/javascript" src="js/index.min.js"></script>
</body>
</html>

2.view_main.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>view_main</title>
    <style>
        .iframemainleft {
            width: 40%;
            height: 500px;
            margin-top: 80px;
            margin-left: 50px;
            float: left;
        }

        .iframemainright {
            width: 40%;
            height: 500px;
            margin-top: 80px;
            margin-left: 200px;
            float: left;
        }
    </style>
</head>

<body>

<div id="main1" class="iframemainleft"></div>
<div id="main2" class="iframemainright"></div>

<script src="../js/echarts/echarts.min.js"></script>
<script src="../js/exeechartshtml/optionhtml.js"></script>
<script>
    var myChart1 = echarts.init(document.getElementById('main1'));
    var myChart2 = echarts.init(document.getElementById('main2'));

    optiontemperature && myChart1.setOption(optiontemperature);
    optionCake && myChart2.setOption(optionCake);
</script>
</body>

</html>

C.运行截图

login-登录页面

login.jsp
index-首页页面

index-page
在这里插入图片描述

D.源码获取

emmm!!! 有兴趣的话~就私信我
总的来说：作者学习时间尚短，不喜勿喷

QQ: 736821452
mail: 736821452@qq.com
csdn:也曾盛夏倾情

uyi31
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Lyear后台管理模板.rar
01-17
本模板是笔下光年的一套后台管理模板，页面非常漂亮，菜单列表已改成json格式的形式，如果不喜欢json格式，请不要浪费积分，若喜欢json，请忽略，请看清楚再下载！
jsp后台管理模板
04-29
适用于jsp开发的web网站，使用java语言开发，分享出来共同学习
后台管理系统模版（jsp页面版）
05-12
列子直接部署在TomCat运行 采用JAVA的jsp页面 登录不用密码，直接可以登录
很好看的后台管理界面
9年.NET撸码员，月薪5K
05-28 633
2017年05月28日修改  重新把目前我做项目用的几个后台分享出来，其实都是一些静态HTML页面而已的   1. 绿麻雀后台 下载地址：http://ohpxbzczu.bkt.clouddn.com/admin_lvmaque.zip   2. 旗开后台 下载地址：http://ohpxbzczu.bkt.clouddn.com/admin_qikai.zip ...
网站jsp后台 管理 模板
05-26
网站jsp后台 管理 模板 本人测试可以使用
炫酷H5、html后台管理模板单页版
04-11
为HTML、CSS、JS 构成。 内含单页版后台管理模板和iframe后台管理模板 基于Bootstrap实现的完全响应式后台管理模板页面 同时支持web和移动端，界面扁平化大气炫酷 可以直接点击打开使用
光年后台管理模板html页面.zip
04-08
1. **响应式设计**：为了适应不同设备的屏幕尺寸，如电脑、平板和手机，后台模板通常会采用响应式布局，确保在各种设备上都能提供良好的用户体验。 2. **Bootstrap框架**：Bootstrap是广泛使用的前端开发框架，提供...
LightYear后台管理系统响应式模板
04-10
LightYear后台管理系统响应式模板基于Bootstrap3.3.7制作，自适应分辨率，兼容PC端和移动端，全套模板，包括后台首页、UI元素、按钮、卡片、格栅、图标、表格、模态框、弹出框、警告框、分页、进度条、标签页、排版...
calendar-converter.zip
07-19
, lYear: 2012 , lunarDay: "十八" , lunarFestival: "" , lunarMonth: "六" , lunarYear: "龙" , sDay: 5 , sMonth: 8 , sYear: 2012 , solarFestival: "" // 节日 , solarTerms: "" // 节气 , week: ...
jsp后台管理模板系统
01-18
jsp后台管理模板系统
jsp精简后台模板
11-22
jsp的精简后台管理系统模板、css样式、js模式、mvc模式
光年(Light Year Admin)后台管理系统模板 v1.0.zip
最新发布
04-02
光年(Light Year Admin)后台管理系统模板 v1.0.zip
jsp后台模板
04-23
网上下的可直接用的后台模板，只有框架的，稍加修改就可用的。。
html_jsp6套后台管理模板系统
04-11
html_jsp6套后台管理模板系统
jsp 项目的后台模板
01-01
非常好的 jsp 项目后台模板，再也不用担心没有后台模板了。
25 个精美的后台管理界面模板和布局
weixin_34379433的博客
02-20 1099
任何系统都会有一个管理后台，好看的管理后台看起来赏心悦目，管理的时候心情也舒畅，本文给大家推荐 25 个制作精美的后台管理界面的模板和布局，你值得拥有。 Free Admin Template Web App Theme Spring Time Free Admin Template For Web Applications Free Admin Template ...
[附源码]计算机毕业设计图书馆的后台管理系统(JSP+java+springmvc+mysql+MyBatis)
杨洋毕设项目
03-27 498
随着信息技术的不断进步，图书馆的管理和服务模式正逐渐向数字化、智能化转型。这样的系统应涵盖图书采购、编目、借阅、归还、检索以及用户管理等模块，同时能够提供数据统计和分析功能，帮助图书馆员更好地理解读者需求并优化馆藏结构。构建和完善图书馆后台管理系统，不仅能够减轻工作人员的劳动强度，还能提高图书馆运营的现代化水平，为读者创造更加便捷舒适的阅读环境。用户发送请求：用户通过浏览器或其他客户端向系统发送请求，请求访问特定的页面或执行特定的操作。后端程序接收到请求后，根据请求的类型和参数进行相应的处理。
JSP+Servlet培训班作业管理系统[2]--后台管理页面外观实现
程序员大阳
03-01 4887
上一篇中，我们实现了登录功能，本篇主要关注点是不同用户登录后，根据用户角色不同（校长、教师、学生）进入到不同的页面。为了便于理解，猫哥贴下当前的项目结构图： task2-1，首先要理解不同的页面，所谓不同的页面，是指校长或者教师或者学生登录进来，看到的菜单、功能、显示是有所不同的。但是对于程序设计者来说，有多重方式可以实现这种不同。 最容易理解的，就是根据登录角色的不同，跳转到不同的页面，然
编程写一个完整的汇编程序,求出2012年～2099年中的所有闰年年份，并把闰年年份存放在数组Lyear中，闰年个数放在变量Lcounter中。
04-06
Lyear dw 88h dup(0) Lcounter dw ? msg1 db '闰年年份：$' msg2 db '共有闰年 ', 0 input db 13, 10, '请输入开始年份（2012～2099）：$' output db 13, 10, '输出完毕！$' .code main proc mov ax, @data mov ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值