乐于分享
好东西不私藏

Ruoyi-Android-App 工作台自定义配置

Ruoyi-Android-App 工作台自定义配置

简介

RuoYi Android App 移动解决方案,采用kotlin框架,实现了与RuoYi-Go 、RuoYi-Vue、RuoYi-Cloud完美对接的移动解决方案!目前已经实现登录、我的、工作台、编辑资料、头像修改、密码修改、常见问题、关于我们等基础功能。

  • 配套后端代码仓库地址RuoYi-Go 或 RuoYi-Vue 或 RuoYi-Cloud 版本。
  • 应用框架基于kotlin,支持Android。
今天讲解的是工作台部分,只有是https://gitee.com/OptimisticDevelopers/Ruoyi-Android-App/blob/ui_1.1.1/api/app_work.json# 这个地方的json,配置
{    "code":200,    "msg":"查询成功",    "data": {        "banner": [            {                "id":1,                "source":"https://gitee.com/OptimisticDevelopers/Ruoyi-Android-App/raw/master/app/src/main/res/mipmap-xhdpi/banner01.jpg",                "title":"bean1",                "page":""            },            {                "id":2,                "source":"https://gitee.com/OptimisticDevelopers/Ruoyi-Android-App/raw/master/app/src/main/res/mipmap-xhdpi/banner02.jpg",                "title":"bean2",                "page":""            },            {                "id":3,                "source":"https://gitee.com/OptimisticDevelopers/Ruoyi-Android-App/raw/master/app/src/main/res/mipmap-xhdpi/banner03.jpg",                "title":"bean3",                "page":""            }        ],        "function":{            "basic":{                "title":"系统管理",                "data":[                 {                     "id":1,                     "source":"https://gitee.com/OptimisticDevelopers/Ruoyi-Android-App/raw/master/app/src/main/res/mipmap-xhdpi/icon_info_nicheng.png",                     "title":"用户管理",                     "page":""                 },                 {                     "id":2,                     "source":"https://gitee.com/OptimisticDevelopers/Ruoyi-Android-App/raw/master/app/src/main/res/mipmap-xhdpi/icon_info_jiaose.png",                     "title":"角色管理",                     "page":""                 },                 {                     "id":3,                     "source":"https://gitee.com/OptimisticDevelopers/Ruoyi-Android-App/raw/master/app/src/main/res/mipmap-xhdpi/icon_work_menu.png",                     "title":"菜单管理",                     "page":""                 },                 {                     "id":4,                     "source":"https://gitee.com/OptimisticDevelopers/Ruoyi-Android-App/raw/master/app/src/main/res/mipmap-xhdpi/icon_work_bumeng.png",                     "title":"部门管理",                     "page":""                 },                 {                     "id":5,                     "source":"https://gitee.com/OptimisticDevelopers/Ruoyi-Android-App/raw/master/app/src/main/res/mipmap-xhdpi/icon_work_gangwei.png",                     "title":"岗位管理",                     "page":""                 },                 {                     "id":6,                     "source":"https://gitee.com/OptimisticDevelopers/Ruoyi-Android-App/raw/master/app/src/main/res/mipmap-xhdpi/icon_work_field.png",                     "title":"字典管理",                     "page":""                 },                 {                     "id":7,                     "source":"https://gitee.com/OptimisticDevelopers/Ruoyi-Android-App/raw/master/app/src/main/res/mipmap-xhdpi/icon_work_setting.png",                     "title":"参数设置",                     "page":""                 },                 {                     "id":8,                     "source":"https://gitee.com/OptimisticDevelopers/Ruoyi-Android-App/raw/master/app/src/main/res/mipmap-xhdpi/icon_work_gonggao.png",                     "title":"通知公告",                     "page":"http://com.ruoyi/messages"                 },                 {                     "id":9,                     "source":"https://gitee.com/OptimisticDevelopers/Ruoyi-Android-App/raw/master/app/src/main/res/mipmap-xhdpi/icon_work_rizhi.png",                     "title":"日志管理",                     "page":"http://com.ruoyi/log"                 }                 ]            },            "plug": {                "title":"功能管理",                "data":[                ]            }        }    }}

1. 动态 Banner:重要信息一眼掌握

  • 工作台顶部的动态 Banner 区域,打破了传统静态展示的局限,支持配置多轮播图、跳转链接,成为企业重要信息的 “第一展示位”:

    • 新功能上线提醒:第一时间同步产品更新、功能优化信息;
    • 核心数据可视化:一键直达数据看板,业务数据、运营指标实时查看;
    • 安全公告推送:企业级安全防护升级、数据保护政策及时触达。

2. 固定 Grid 功能区:核心能力一站式聚合

Banner 下方的 Grid 功能区分为「系统管理」和「功能管理」两大核心模块,覆盖企业办公全场景,所有功能一目了然,点击即达。

3. 自定义模块:打造专属办公入口

工作台底部的自定义模块,是本次升级的 “人性化亮点”。用户可根据自身岗位需求,配置常用功能快捷入口:

  • 我的收藏:把高频使用的功能一键收藏,告别反复查找;
  • 操作记录:查看个人操作轨迹,方便复盘和问题追溯;
  • 意见反馈 / 使用帮助:快速获取支持,让系统使用更顺畅。

主要的跳转模块
/** *  工作台适配器 */class WorkManageAdapter : BaseQuickAdapter<BasicEntity, BaseViewHolder>(R.layout.item_work_index) {    override funconvert(holder: BaseViewHolder, item: BasicEntity) {        holder.setText(R.id.tv_title, item.title)        val adapter = WorkItemAdapter()        val list: MutableList<BannerEntity> = ArrayList(item.data)        adapter.setNewInstance(list)        val recyclerview = holder.getView<RecyclerView>(R.id.recyclerview)        recyclerview.adapter = adapter        adapter.setOnItemClickListener { _, _, positon ->            val item = adapter.getItem(positon)            val page = item.page            if (!TextUtils.isEmpty(page)) {                TheRouter.build(page).navigation()            } else {                ToastUtils.show(Frame.getString(R.string.mine_construction))            }        }    }}

跳转都是通过路径配置即可了。路由就很重要了。

目前项目只配置四个路由地址

constvalmainRoute="http://com.ruoyi/home"
constvallogsRoute="http://com.ruoyi/log"
constvalmessagesRoute="http://com.ruoyi/message"
constvalsettingRoute="http://com.ruoyi/setting"
其他都是手动跳转,需要更加项目需求再去改动。

二、为什么选择新版工作台?

1. 动态配置,灵活适配企业需求

整个工作台基于 JSON 动态配置架构开发,企业可根据自身业务特点,灵活调整 Banner 内容、功能模块展示顺序、自定义入口,无需修改代码即可完成界面迭代,适配不同阶段的业务需求。

2. 轻量化设计,操作零门槛

所有功能采用图标 + 文字的可视化设计,界面简洁清晰,新用户无需培训即可上手操作;功能跳转路径最短化,平均操作步骤减少 60%,大幅降低办公操作成本。

3. 企业级安全,数据全程防护

在高效的同时,新版工作台延续了 Ruoyi 体系的安全基因,所有功能操作均有日志记录,数据备份、权限管控双重保障,确保企业核心数据安全。

本站文章均为手工撰写未经允许谢绝转载:夜雨聆风 » Ruoyi-Android-App 工作台自定义配置

评论 抢沙发

3 + 4 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
×
订阅图标按钮