返回作品列表

网友作品 #000019 · 提交于 2026/08/04

WPS多维表格前端门户:微信登录与跨表权限管理

★★★★★业余水平WPSdbsheet

作品作者

陈晓亮业余水平
使用 Skill
WPSdbsheet
提交你的作品

作品简介

这是为 WPS 多维表格搭建的前端工作台(门户),采用 Flask 后端加 React 前端实现,数据存于 JSON 文件、无需独立数据库。门户首页将公司 ERP、部门台账、电子税务局、银行、金蝶等多个信息系统的入口集中呈现,覆盖应收账款、应付账款、费用报销、研发数据等业务模块,实现业财一体化访问。

人员、权限、菜单全部维护在 WPS 多维表中,点击同步即生效,无需修改代码;系统按用户身份动态过滤菜单,实现跨表权限管理。

核心亮点

  • 微信一键登录:通过 WPS OAuth 授权码模式,扫码或直接复用浏览器已登录的微信身份完成认证
  • 多维表即后台:一级分类、二级菜单、链接地址、允许用户、排序值都在多维表里管理,增删改后点「同步」即生效
  • 跨表权限联动:用户表与权限管理表双表联动,同步时自动把微信号解析为权限列表,无权限的菜单和分类自动隐藏
  • 管理员模式:主菜单可增删、排序,支持调整页面标题裁切量、自定义分类与链接
  • 多标签 iframe:右侧 iframe 多标签管理,可自定义顶端裁切,有效隐藏原视图页面的分享链接,方便多表页切换

技术与工具

  • 后端 Flask、前端 React,JSON 文件存储数据,无需数据库
  • WPS OAuth 微信身份认证;WPSdbsheet 技能辅助开发
  • 部署:Linux 服务器 + Python + nginx,后端以后台进程运行,前端静态文件由 nginx 托管,API 反向代理转发

开发过程

作者认为主要难点在于集成 WPS 多维表的个人微信号身份认证能力;认证打通后,人员与权限管理的一系列复杂问题随之化解。最终实现的效果被作者评价为比官方应用更方便。

适用场景

  • 中小企业内部数据管理门户:统一入口与权限管控,无需专业开发团队即可搭建
  • 部门级业务系统定制:基于多维表快速搭建低成本的数据协同与权限分配工作台
原始提交内容(点开查看,可复制全文去问 AI)

WPS前端门户方法总结 一、系统原理 Flask 后端 + React 前端,JSON 文件存数据,无需数据库。按用户身份动态过滤菜单,管理员模式可对主菜单进行增删、排序、个别调整页面标题裁切量、自定义分类和链接。

二、集成微信身份认证 通过 WPS OAuth 授权码模式,用户扫码登录或直接获取浏览器已登录的微信身份,后端用唯一标识匹配用户表,锁定身份和角色,后续 API 据此过滤权限。

三、菜单/权限数据来源及维护 全部数据维护在 WPS 多维表中——一级分类、二级菜单、链接地址、允许用户、排序值都在表里管理。增删改后点“同步”即生效,无需改代码。

四、实现跨表权限管理 用户表(微信号用户ID)和权限管理表(每条记录含“允许用户”字段)双表联动。同步时自动将微信号解析为权限列表,用户访问时后端按 ID 过滤,无权限的菜单和分类自动隐藏。右侧iframe实现多标签管理,可自定义顶端裁切,有效隐藏了原视图页面的分享链接,同时方便多表页间切换。

五、部署方法 Linux 服务器 + Python + nginx。后端用后台进程运行,前端静态文件由 nginx 托管,API 通过反向代理转发。