LayUI
关注
分享
扫一扫
文章平均质量分 50
LayUI是一款国人开发的优秀前端框架，适合于中小型的项目开发。
dawn
数学就这么简单有趣。
展开
-
生成招标文件的项目小结
这是一次失败的、苦恼的编程经历。 去年用户找到我，说开发一个简单的程序，基本上一两个星期就可以搞定，用于生成Word形式的招标文件。 听说这个需求，只是用一两个星期，我很惊讶，这个程序说简单也的确不难，掌握一些操作Word的API即可，说复杂也挺复杂的，我开发过试题库系统，对这些还是比较熟悉。 最终的需求没有定下来，用户说了开发时间，一两个星期就可以完工，为了不服输，一个星期写好了，程序可以正常使用。 可惜用户没有使用，可能也是因为时间的缘故。 用户说现在都是网页形式，原创 2022-05-11 01:23:13 · 1061 阅读 · 0 评论 -
LayUI⑻：表格中动态单元格的编辑
很折腾人的编程，被折磨了一个星期，问题在于我把问题想复杂了，总想尽量满足用户的需求，尽可能把多种要求都加进来，多考虑用户可能出现的变动需求。 合同文件的编辑，内容可以有很多的选项，可以是： 1、系统自动执行； 2、手工输入； 3、列表选择； 4、单选； 上面是第一次考虑并完成的内容，后面还需要加入其他的内容： 1、列表可以有多种，比如单选列值、单选列出所有项目并方框标识选中项目、选中出现输入窗口补全后续信息等等； 2、手工输入如何记忆不同用户的输入并在后续原创 2022-04-24 11:31:01 · 3375 阅读 · 2 评论 -
LayUI⑺：与PHP结合写一个通用的Excel导入程序
昨天和两个做开发的朋友聊天，对于我还在使用LayUI感到奇怪，我也没有多解释，毕竟LayUI对于做一些中小型的开发还是不错的，前端的框架中，熟悉了一个其他的也差之不多。但LayUI的资料不细致是个很大的缺憾。 用户提出有一个Excel表的记录要导入，这个是基本要求，肯定要满足。 2006年，我用PowerBuilder写过一个通用的导入程序，程序上也不难。 用前端框架来完成会有一点麻烦，主要在于 1、数据回显 如果是让用户选择一个Excel文件然后就直接入库，那程序就太原创 2022-04-24 01:00:16 · 857 阅读 · 1 评论 -
LayUI⑹：分步表单
在前端的开发中，页面多了让人纠结，也不好组织，在LayUI中有几种解决办法，分步表单就是比较不错的选择，缺点也明显，所有的页面集中在一个页面中，代码量也大。 在系统参数维护中，用户提出要一步步选择来维护，这样可以减少操作错误，我使用了LayUI的分步表单来完成。 用户的维护操作在一个页面中。 代码量有点大了，HTML部分将近180行，JavaScript代码将近500行，为了调试，我还是集中在一个HTML文件中。 开始网页界面部分设计得有点复杂，300行，结果因为一个<DI原创 2022-04-08 23:11:58 · 4538 阅读 · 6 评论 -
LayUI⑸：数据的增、删、改操作页面（数据处理PHP）
使用一段时间LayUI后，感觉LayUI并非开始接触的那样完美。各种怪异的语法糖让人苦恼，但是可以理解和接受。有时候觉得ASP和ASP.net挺好的，一个页面可以搞定数据的增、删、改、查，在LayUI中也可以，但如果页面中数据元素多的话代码段太长了，这让人很无奈。 一个程序完成，页面太多了，需要适当地精简一下。 一般对于一个数据表，两个文件可以完成所有的操作，一个前端页面和一个后台处理程序，前端页面上将列表和编辑页面合成在一起即可，但这样也有缺点，就是字段数多的时候，代码段会原创 2022-03-29 18:36:48 · 3887 阅读 · 0 评论 -
LayUI⑷：模板语法
打算快快使用LayUI开发一个程序熟悉一下LayUI，后面的开发使用Element+Vue。 使用LayUI+PHP开发了一个资产清查的小程序，大概1个星期，还可以，主要是LayUI功能完备、使用方便。 经过一段时间使用后，发现LayUI真的很好，对付一些中小型程序的确是方便快速。这有点像被淘汰的PowerBuilder，功能强大，对开发者做到足够的友好。 今天用到表格里的字段显示，就是视图与数据的关系，数据是可以有多种样式的，类似于PowerBuilder的数据窗口中样式多样化，数据原创 2022-03-26 13:28:52 · 4167 阅读 · 0 评论 -
LayUI：动态条件检索
今天晚上在做计算机设备的财务资产核对时，财务表中只有计算机型号可以参考，实物也有计算机型号，只能通过比对认为确定是否核实。 即通过拆分实物计算机的型号来查找财务表中的类似设备。 上面是默认全选分拆的关键字。 通过复选框的组合来搜索设备。 不选则为空： 选择一个关键字： 选择两个关键字： 源码文件：<!DOCTYPE html><html><head> <meta charset=...原创 2022-03-16 04:46:48 · 2473 阅读 · 0 评论 -
LayUI：做页面窗体的参数传递时遇到的坑
写完一个计算机信息录入的页面后，用户开始使用了。 为了方便用户快捷录入，用户如果选择某一类型的计算机比如联想ThinkCentre M7131z的计算机，那么程序应该将这个型号计算机的出厂类型、生产日期、生产商、CPU信息、显卡信息、声卡信息、内存大小、固态硬盘大小、机械硬盘大小等一起提取出来并填入。如果信息有变化（升级或者维修更换），可以修改。 想着很简单，以为和C#一样可以快快地实现，昨天晚上给用户说很快就可以让他们用上这个功能。他们觉得挺好，为他们着想了，这样他们省事多了。 结果原创 2022-03-11 23:42:10 · 2570 阅读 · 0 评论 -
LayUI⑶：单选按钮的常用操作
1、取值和赋值<div class="layui-form-item"> <label class="layui-form-label required">用户类型</label> <div class="layui-input-block" id="UserType"> <input type="radio" name="Dc04" id="Dc04_A" value="管理员" title="管理员" checked="">原创 2022-03-09 14:33:41 · 2207 阅读 · 0 评论 -
LayUI⑵：下拉列表的常用操作
应用需求：在包含记录的表格窗口中单击列表的行进行编辑，打开一个窗口后需要根据给定值进行下拉框的初始化。 表格所在窗口的代码： var index = layer.open({ title: '修改设备基础数据', type: 2, shade: 0.2, maxmin:true, shadeClose: true, area: ['100%', '100%'], content: 'baseEquipment_edit.html', success: func原创 2022-03-08 21:27:31 · 3523 阅读 · 0 评论 -
LayUI的后台管理模板
以前没有做网页开发不知道的内容太多了，现在开始做了这一块，发现内容真多。 星期五接到一个资产核查的任务，时间紧，我对网页这一块的内容还不是很熟练，有些着急，在网上一搜，LayUI的模板，有很多好评和讲解，拿来一用，感觉很不错。 这个后台系统可以很快上手，界面部分不用操心太多，很多页面有实例，略微改动就可以直接使用。 写程序界面是个大问题，这下省事多了，虽然后期项目使用LayUI比较少，但做一些中小型的项目真的是很好的选择，最主要的就是快。...原创 2022-03-08 14:47:57 · 8388 阅读 · 9 评论 -
LayUI⑴：表格的常用操作
这几天使用LayUI + PHP + MS SQL Server写一个小程序，开发工具使用的是HBuilder，就是把先前使用Powerbuilder完成的C/S程序转换成Web程序。 第一次完整地写，有一点不习惯这样的开发方式，不过好在基本上都找到了解决办法，这里记录和更新开发过程中使用到的一些资料，方便后面的查找使用。 LayUI停止了更新，后面写程序可能使用LayUI就不多了，它还是有很多有点，使用它对付一些中小型程序还是挺好的。1、LayUI初始化//-----------原创 2022-03-01 11:11:53 · 2184 阅读 · 0 评论 -
LayUI + PHP + MySQL 使用小结
LayUI是一款很不错的前端框架，下线有点可惜了。在前端的开发中，作为一般的小型开发还是可以的。 将这几天在使用过程中的问题整理一下，方便以后的使用。 1、验证码的点击更新：<img class="validateImg" src="captcha.php" onclick="this.src=this.src+'?'+Math.random()" width="100" height="38"> 2、ajax的更新 在加载了layui.js后，可以按它指定原创 2021-12-22 22:27:55 · 2811 阅读 · 6 评论 -
LayUI下线了，我却第一次使用LayUI
在一个博客上看到了LayUI下线，好像是10月31日后不再更新，但是可以正常使用，看了别人的介绍文章，感觉它的界面很漂亮，是尤雨溪开发的、很方便的前端框架。 特别是登录界面和主界面很漂亮，刚好要写一个Web页的小程序，决定拿它来练手，星期天下载了它的框架，结果发现我的小程序就几个页面，根本用不上，但不妨碍使用它，因为它的资料很全，查阅起来也很方便。 LayUI + PHP7.4 + MySQL8，经过三天多的努力，完成得差不多了，也算是完成了第一个Web页面小程序。 中间遇到了很多的问原创 2021-12-22 19:01:42 · 4299 阅读 · 6 评论 -
奇怪的LayUI下拉框
今天要做一个二级联动的下拉框，看了LayUI的文档，感觉应该很容易。 与联动下拉框相关的html文件主要内容： <div class="layui-form-item"> <label class="layui-form-label">联系单位</label> <div class="layui-input-inline"> <button class="layui-btn layui.原创 2021-12-25 00:18:35 · 1243 阅读 · 0 评论