码迷,mamicode.com
首页 > 其他好文 > 详细

使用Layu 框架,做的界面效果 及经验教训总结

时间:2020-04-27 22:31:36      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:完整   code   参考   前端框架   使用   plain   一个   了解   image   

 

1.  登录界面

技术图片

2. 导航界面

技术图片

 

 技术图片

3. 内容页面

3.1 查询

技术图片

 

 技术图片

 

 3.2 新增

技术图片 

 3.3 修改

技术图片

 

 3.4 删除

技术图片

 

此外  layui 自带集成了一些功能

技术图片

 

经过几天的折腾,终于将一个完整的demo弄出来了,这几天走了一些弯路,

总结经验教训如下:

        1. 最开始,还是老实地参考官网的示例,一个个去了解它各个模块的使用,而不是去网上搬别人的源码,然后在上面修改(我就是这样 ,耗时耗力 ,大半地时间的耗在了前面。 结果~~~ )。

  1. 前端框架在不断的升级,别人那时候用的版本和你现在用的版本不一致,有时候,别人解决bug的方法不一定适用于你,最好的办法是 参考别人的思路,然后对着官网说明 ,自己手写处理方法

  1. 学习新框架中,最开始不要去做笔记,而要多去看示例,多操练示例,次数多了你就明白它是怎么回事。等你熟到一定程度就可以做笔记了。

代码就不提供了。该演示项目是XXX公司的XXX考核内容!

使用Layu 框架,做的界面效果 及经验教训总结

标签:完整   code   参考   前端框架   使用   plain   一个   了解   image   

原文地址:https://www.cnblogs.com/for-easy-fast/p/12790507.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!