首页 > 其他分享 >layui - - - 修改更新图书页面、回显图书 ID、回显图书分类等(图书管理系统)

layui - - - 修改更新图书页面、回显图书 ID、回显图书分类等(图书管理系统)

时间:2024-09-21 22:51:13浏览次数:10  
标签:回显 layui 更新 地址 ID 图书 页面

1.修改更新图书页面

修改图书信息时,“创建时间”不设置默认值。

image.png

“图书封面”去掉图片的 class 样式,使图片显示。

image.png

“图片上传”后不需要移除 class 样式,直接设置图片地址。

image.png

修改“更新图书”按钮和“表单提交”对应的lay-filter="edit"的属性值 edit。

image.png

2.更新图书页面回显原来的数据

在“组件”中,选择“弹出层”,然后选择“基础属性”,找到 success回调函数。

image.png

在打开弹层成功后的回调函数中,回显原来的数据。

image.png

在回调函数中,获取 iframe 页面中的元素。

image.png

给“图书名称”设置个 id ,通过 id 找到图书名称输入框。

image.png

然后在回调函数中通过 id 给图书名称输入框赋值。

image.png

其他输入框以相同的方式都进行赋值。

image.png

3.回显图书的 ID 、服务器地址、网络地址

点击更新图书按钮时,调用后端 api 参数需要图书 ID,可以添加一个隐藏域来存储图书 ID。

image.png

回显图书 ID。

image.png

回写图书的服务器地址和网络地址。

image.png

image.png

4.回显图书分类

通过打开更新图书页面地址时,在后面 url 中添加参数。

image.png

在更新图书页面中获取 url 地址中参数,保存为 JSON 对象赋值给 obj 参数。

image.png

在获取图书分类信息时,拼接所有的下拉项,当 obj 参数的图书 ID 和 下拉项的图书 ID 相同时,就设置 selected选中该下拉项。

image.png

标签:回显,layui,更新,地址,ID,图书,页面
From: https://blog.51cto.com/zicl/12075481

相关文章

  • java毕业设计,基于java+swing+CS的图书销售管理系统GUI设计与实现(全套源码+配套论文),图
    基于java+swing+CS的图书销售管理系统GUI设计与实现(全套源码+配套论文)大家好,今天给大家介绍基于java+swing+CS的图书销售管理系统GUI设计与实现,更多精选毕业设计项目实例见文末哦。文章目录:基于java+swing+CS的图书销售管理系统GUI设计与实现(全套源码+配套论文)1、项......
  • 【推广】图书|2024新书《大模型RAG实战:RAG原理、应用与系统构建》汪鹏、谷清水、卞龙鹏
    探索RAG系统新高度:《大模型RAG实战:RAG原理、应用与系统构建》随着大模型技术的爆发,尤其是ChatGPT之后,以ChatPDF为首的知识库问答产品迅速走红,引发了RAG(检索增强生成)系统的广泛关注与讨论。对于开发者和AI从业者来说,如何深入理解RAG系统,掌握最新的技术迭代,是一个不小的挑战......
  • ASP.NET图书管理系统的设计与实现--2025计算机毕业设计
    ASP.NET图书管理系统计算机毕业设计案例基于PHP的在线课程学习网基于Java的智慧社区服务平台的微信小程序设计与实现基于PHP的家居交流设计网C#学生信息管理系统CS基于Java的课程评价系统Java北方民族大学停车场管理系统基于Java的报考指南微信小程序基于Java的软......
  • [附源码]图书借阅管理系统+SpringBoot+Vue前后端分离
    今天带来一款优秀的项目:图书借阅管理系统源码 。系统采用的流行的前后端分离结构,内含功能包括"系统权限角色",“登录,注册”,“图书管理”,“借阅管理”,“图书类别管理”,“系统账号管理”。如果您有任何问题,也请联系小编,小编是经验丰富的程序员!一.系统演示视频 https:......
  • Springboot基于springbootvue图书馆选座系统设计与实现41bpt--程序+源码+数据库+调试
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容随着高校图书馆的规模不断扩大和学生数量的增加,图书馆座位管理成为了一个亟待解决的问题。为了提升座位利用率,优化学生的学习环境,本项目拟设计并实......
  • layui - - - 动态获取图书分类、重新渲染表单(图书管理系统)
    1.添加图书页面动态获取图书分类从api接口中获取“图书分类”信息,并展示在“图书分类”下拉框中。首先在添加图书页面显示的时候,请求api“获取图书分类信息”。给“图书分类”下拉框添加一个id="categoryId"的属性。把api“获取图书分类信息”的结果拼接成下拉项的html......
  • Javaweb之SpringBootWeb案例之修改员工的修改回显的详细解析
     3.修改员工需求:修改员工信息编辑在进行修改员工信息的时候,我们首先先要根据员工的ID查询员工的信息用于页面回显展示,然后用户修改员工数据之后,点击保存按钮,就可以将修改的数据提交到服务端,保存到数据库。具体操作为:根据ID查询员工信息保存修改的员工信息3.1查询回显3.1.1接口......
  • GUI图书管理系统
    例题要求:将图书馆管理系统改为和图像化界面相关的内容,需包含函数、GUI界面知识,将图书馆管理系统改为和图像化界面相关的内容,比如将所有的函数和相关按钮进行绑定以及给出相应的输入框,将增删改查后的信息打印在控制台。步骤:思路:把本例题代码分为俩个部分一个为定义相关功能的......
  • 【开题报告】基于Springboot+vue图书管理系统(程序+源码+论文) 计算机毕业设计
    本系统(程序+源码)带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着信息技术的飞速发展,传统图书管理方式已难以满足现代图书馆高效、便捷的管理需求。传统的图书管理依赖于人工记录与检索,不仅效率低下,而且容易出错,......
  • M:接口耗时很短,页面数据回显慢?
    1、页面卡顿,需要好长一段时间才能加载完成,可能是资源请求过多,再加上请求响应慢的原因。每个浏览器都有资源请求并发数的限制,如何查看请求阻塞情况到前端如何针对该限制进行优化?先看问题:1、设置服务端请求耗时(3S)客户端并发调用20个请求。(预留问题-见下方:20个请求建立多少个TCP......