摘要:
介绍 通勤率后台管理系统,基于海康威视的门禁系统项目模仿学习的后台系统demo。项目中相关的数据是我屏蔽了敏感信息在上传的, 包括学生姓名、学号是用代码自动生成的。这个项目是由于本人不会前端,所以借助于layui这个前端框架学习所完成的demo, 持续更新并完善一些功能。 功能描述 1、登录、添加管 阅读全文
摘要:
好文章需要耐心阅读…茶凡—Matrix 注意 本文中采用的是 thymeleaf + springboot + java + layui 来创建的项目,如果单纯写html可能会有一些区别。 1、图标渲染 这里我引用的是 原生Highcharts 并没有用layui 自己封装的 🍖 Highchar 阅读全文
摘要:
好文章需要耐心阅读…茶凡—Matrix 注意 本文中采用的是 thymeleaf + springboot + java + layui 来创建的项目,如果单纯写html可能会有一些区别。 1、删除按钮事件 选中要删除的行,点击按钮删除数据。 🥙根据表格的tableId 获取表格状态对象。 🥙再 阅读全文
摘要:
好文章需要耐心阅读…茶凡—Matrix 这里点击添加按钮会弹出一个弹出层,里面可以添加数据并提交。 type - 基本层类型,类型:Number,默认:0 layer官方提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用*lay 阅读全文
摘要:
好文章需要耐心阅读…茶凡—Matrix layui 的渲染的数据有方法渲染和自动渲染。 🌿方法渲染:所有数据都写在js代码里面,html 只需要引用它,推荐采用这种方式 🌿自动渲染:所有都写在html 里面包括请求(注意这种写法必须是get请求,而且返回的状态码必须为0,不然会导致数据渲染不上去 阅读全文
摘要:
好文章需要耐心阅读…茶凡—Matrix 在做前端登录的时候需要先理解数据提交的原理,账户和密码框实际就是一个表单数据。 🍕 输入数据后,需要获取输入表单的数据,封装好 🍕 把从表单获取的数据提交给后台,提交成功后就跳转到后台管理系统的主页面。 1、login.html 注意 本文中采用的是 th 阅读全文
摘要:
好文章需要耐心阅读…茶凡—Matrix 首先想要使用layui搭建一个这样简洁通用的后台管理模板,需要理解后台管理系统的结构。大致可以分为三部分。 🍕header 这里的header 不只是最上面的部分,可以理解为点击可以跳转路径的地方,例如右边的菜单栏和右上角的用户名按钮。 🍕content 阅读全文