LayUI⑹:分步表单

  在前端的开发中,页面多了让人纠结,也不好组织,在LayUI中有几种解决办法,分步表单就是比较不错的选择,缺点也明显,所有的页面集中在一个页面中,代码量也大。

  在系统参数维护中,用户提出要一步步选择来维护,这样可以减少操作错误,我使用了LayUI的分步表单来完成。

  用户的维护操作在一个页面中。

  代码量有点大了,HTML部分将近180行,JavaScript代码将近500行,为了调试,我还是集中在一个HTML文件中。

  开始网页界面部分设计得有点复杂,300行,结果因为一个少加了结尾,界面部分总是不正常,被折腾了一下午,调试程序的时候,干脆精简了,去掉了好多的嵌套和其他元素,这样才顺利完成。

  通过分步表单,你可以集成很多的页面在一个页面中,完成比较多的功能。

操作界面:

 

 

 网页代码:



分步表单


所有用户的输入都基于目前维护的样式数据。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部