【一步步插件开发-level10】初识FineUI

参与人数:6人 项目难度:困难 任务分类: 其他任务
发布日期:2019.7.15 截止申请:2020.9.1 任务期限:5天
  • 50F币
  • 50二开经验
4位小伙伴已获得以上奖励
任务已过期 点击了解信用分规则
取消
    任务简介


    领取任务前请注意您的二开经验不能超过450(可在论坛个人信息中查看)

    参考插件开发教学文档http://dev.fanruan.com:8090/pages/viewpage.action?pageId=25756450

    ——————我是分割线——————


    第一小题:请开发满足如下需求的插件

    在决策平台管理系统增加一个菜单项“初识FineUI”,打开此菜单项以FineUI实现一下几个功能点

    1.菜单功能整体以FineUI的tab组件样式进行显示

    tab.jpg

            2.默认打开测试1 tab,每个tab打开时使用fineUI的label控件显示内容如下:这是${当前TAB标题}组件:当前用户:   ${当前用户}

    content.jpg

    要求整个组件实现中不能使用任何JQuary或者直接原生js操作html元素的方法,组件除了本身fineUI组件包含的公共方法以外不得添加任何其他方法


    考核点:

    1.基本的fineUI的使用以及生命周期的理解

    2.FR前端常用工具方法的使用


    第一题完成就算及格了,后面两道题是给有一定开发能力和探索能力的开发者准备的进阶题,需要完全独立完成(问我们,我们也不会给提供解答的),完后后有助于你加深理解和相关知识点的渗透


    第二小题:在第一小题的基础上做如下扩展和调整

    测试1中控件修改为 FineUI的下拉复选框控件,选项为  A/B/C/D/E 五项, 切换到测试2 时,直接将选择的值显示在原来的label控件中


    考核点:探索FineUI的基本交互


    第三小题:在第二题的基础上做如下扩展和调整

    测试2中显示选项的控件改为列表控件,当点击测试2中列表的某个选项时,进行FineUI的弹窗操作~弹窗中包含另外一个单选按钮组控件 选项值为  列表选项值-1/2/3/4/5 选择完成确定后,关闭弹框,并提示选择的值


    考核点:探索FineUI的基本交互


    ——————我是分割线——————

    任务完成请提交源码和插件zip


    暂无成果推荐,请点击上方领取任务按钮,进行任务
    暂无您的成果,请点击上方领取任务按钮,进行任务

任务达人榜

  • linjiaxi
    完成任务: 217
  • haigang
    完成任务: 196
  • 帆软用户QOHCooa66H
    完成任务: 194
  • 4
    阿林
    完成任务: 188
  • 5
    1310415720
    完成任务: 160
  • 6
    指间沙
    完成任务: 152
  • 7
    Kevin-s
    完成任务: 150
  • 8
    shulato
    完成任务: 141
  • 9
    枫城
    完成任务: 134
  • 10
    chenliang
    完成任务: 129
返回顶部