图书馆管理系统——后台静态界面设计（类型增删改查）

最新推荐文章于 2024-05-30 09:45:27 发布

ZHAO_LEI000

最新推荐文章于 2024-05-30 09:45:27 发布

阅读量4.8k

点赞数 2

文章标签： java mysql

本文链接：https://blog.csdn.net/weixin_43332729/article/details/109983020

版权

LayUi：介绍

优点：

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。

入门技术

点击查看，LayUi官网

1、查询功能

1.1图书类型的主页映射

Typecontroller.java

@Autowired
    private ClassInfoService classService;
    @GetMapping("/typeIndex")
    public String typeIndex(){
   
        return "type/typeIndex";
    }

1.2图书类型的页面设计

typeIndex.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %>
<%
    String path=request.getContextPath();
    String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="<%=basePath%>lib/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="<%=basePath%>css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">

        <div class="demoTable">
            类型名称：
            <div class="layui-inline">
                <input class="layui-input" name="name" id="name" autocomplete="off">
            </div>
            <button class="layui-btn" data-type="reload">搜索</button>
        </div>

        <script type="text/html" id="toolbarDemo">
            <div class="layui-btn-container">
                <button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 添加 </button>
                <button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button>
            </div>
        </script>

        <table class="layui-hide" id="currentTableId"

最低0.47元/天解锁文章

ZHAO_LEI000

关注

2
点赞
踩
29

收藏

觉得还不错? 一键收藏
3
评论
图书馆管理系统——后台静态界面设计（类型增删改查）

LayUi：介绍优点：layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。入门技术点击查看，LayUi官网
复制链接

扫一扫