laravel-admin实战做个简单的客户管理——美化表单,让表现更人性化

    |     2020年12月8日   |   志怪故事   |     评论已关闭   |    909

将宽屏少字段的表单字段缩短居中,美观一点。

初始新建表单

初始新建表单

初始的表单方法是:\app\Admin\Controllers\FrontCustomerController.php 控制器的form方法,生成的表单,放在宽屏上,不太美观。先用布局的方式,将页面分成3列,只是在中间部分显示表单,结果提交和重置按钮,无法集中在页面中间。所以放弃,这种布局方式的代码如下:

最后仔细看了一下footer模板,想到了一个折中的办法,就是将整个表单区域设定为40%。利用script将样式添加进去。【因为无法直接贴代码,写的比较简略】

接下来完成,选择下拉框中的用户类型,输入框进行联动

代码很容易看明白,就是当选择下拉框里的值是mobile…等等值得时候,form生成不同限制的表单组件。这个功能是laravel-admin提供的。官方文档传送门

[PS:在后继的开发中,发现不适合本项目,因为本项目中,user_name是必填,并且是唯一,而本功能是生成3个输入框。这时候提交,则会提示3个相同id的文本框。]

美化表单密码,让点击眼睛图标后可以显示密码,主要是js。

噢!评论已关闭。