关于组件封装

1善于总结,通常一个公司大部分项目,页面排版类型相近,比如管理系统
1.1从布局上讲:大都是上左右结构,适合用easyui做为主框架右边主页面用iframe嵌套
1.2从模块上讲:常用组件就是表格查询,表单提交,弹出模态框,选项树,表单验证,tab选项卡
1.3从页面样式风格上讲:一般就是红色和蓝色为主打颜色
2创建公司项目样式库
1.1重用性:样式选择用less编写,用变量定义样式,增加灵活性,比如:@theme_color,@theme_font_size,@header_title_font_size
1.2选择多样性:不止定义一套样式,同样布局使用bootstrap,easyui各定义一套,便于技术选型,比如按钮样式多套,便于符合ui设计
3创建公司常用组件封装
3.1总结公司常用功能模块,比如:弹出模态框,加载select选项卡,日期格式化,加载层级关系树结构
3.2根据公司使用场景进行二次封装,比如easyui的弹出框,我们经常会有弹出框内容比较复杂,而且内容需要复用,此时就需要将弹出内容作为 一个单独页面,用iframe嵌入到easyui的window的body中取,原来的框架并不能满足我们需求,就需要自定义module
3.3定义module的时候要考虑复用性,灵活性,通过外置传参控制modal的样式,iframe的id和样式,以及easyui的window的各种参数设置, 比如是否modal,是否close,是否collapse

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值