layui的js写法，部分代码

最新推荐文章于 2024-05-15 11:25:51 发布

baoba5814

最新推荐文章于 2024-05-15 11:25:51 发布

阅读量962

点赞数

文章标签： javascript json 前端 ViewUI

原文链接：http://www.cnblogs.com/wangquanyi/p/11330017.html

版权

本文介绍了使用layui框架进行前端JavaScript编程的方法，包括HTML结构和JS实现，内容来源于网络转载。

摘要由CSDN通过智能技术生成

前端html写法：

  1 <!DOCTYPE html>
  2 <html lang="en" xmlns:th="http://www.thymeleaf.org">
  3 <head>
  4     <meta charset="UTF-8">
  5     <title>学生管理</title>
  6     <!-- 引入前端框架 -->
  7     <link th:href="@{/css/index.css}" rel="stylesheet" type="text/css"/>
  8     <link rel="stylesheet" th:href="@{/layui-v2.4.5/layui/css/layui.css}" media="all">
  9     <script th:src="@{/jquery/jquery.min.js}"></script>
 10     <script th:src="@{/jquery/jquery.cookie.js}"></script>
 11     <script th:src="@{/layui-v2.4.5/layui/layui.js}"></script>
 12     <script th:src="@{/js/anruan/xingrenjiansuo.js}"></script>
 13     <!--<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>-->
 14 </head>
 15 <body class="layui-layout-body">
 16 <div class="layui-layout layui-layout-admin">
 17     <div class="layui-header">
 18         <div class="layui-logo">学生管理</div>
 19         <!-- 头部区域（可配合layui已有的水平导航） -->
 20         <ul class="layui-nav">
 21             <li class="layui-nav-item" id="primaryStudent"><a th:href="@{/init/primaryStudent}"><b>小学生</b></a></li>
 22             <li class="layui-nav-item" id="midgleSchoolStudent"><a
 23                     th:href="@{/init/midgleSchoolStudent}"><b>中学生</b></a></li>
 24             <li class="layui-nav-item" id="universityStudent"><a th:href="@{/init/universityStudent}">
 25                 <b>大学生</b></a>
 26             </li>
 27             <li class="layui-nav-item" id="selfTaughtExamStudent"><a
 28                     th:href="@{/init/selfTaughtExamStudent}"><b>自考</b></a></li>
 29             <li class="layui-nav-item" id="postgraduate"><a th:href="@{/init/postgraduate}"><b>研究生</b></a></li>
 30         </ul>
 31     </div>
 32     <div class="anruan-condition-index">
 33         <div class="layui-side layui-bg-black">
 34             <div class="layui-side-scroll">
 35                 <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
 36                 <div class="layui-nav layui-nav-tree" lay-filter="test">
 37                     <div class="layui-nav-item layui-nav-itemed left-menu">
 38                         <form class="layui-form">
 39                             <label class="layui-form-label">上学时间</label>
 40                             <div class="layui-input-inline">
 41                                 <input type="text" class="layui-input" id="datetime"
 42                                        lay-verify="required">
 43                             </div>
 44                             <div class

最低0.47元/天解锁文章

baoba5814

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
layui的js写法，部分代码

前端html写法： 1 <!DOCTYPE html> 2 <html lang="en" xmlns:th="http://www.thymeleaf.org"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>学生管理</title...
复制链接

扫一扫