371846c5ade6913de0f18a2428d59c0d953eb008
功能变更: 1. 增强 createRule 函数 - 添加必填字段验证(name, code) - 验证名称长度(1-100字符) - 验证编码格式(仅允许字母、数字、连字符和下划线) - 验证编码唯一性(防止重复) - 验证分组ID有效性(检查分组是否存在) - 自动trim名称和编码空格 - 返回详细的错误信息和HTTP状态码 2. 增强 updateRule 函数 - 验证评查点ID有效性(检查评查点是否存在) - 验证名称长度(如果提供) - 验证编码格式(如果提供) - 验证编码唯一性(排除自身,防止与其他评查点冲突) - 验证分组ID有效性(如果提供) - 自动trim名称和编码空格 - 支持部分字段更新 - 返回详细的错误信息和HTTP状态码 技术实现: - 复用 getRulesList 进行编码唯一性检查 - 复用 getRule 进行ID有效性检查 - 使用 PostgREST 查询验证分组存在性 - 精确匹配防止关键词模糊搜索误判 - 统一错误处理和状态码返回 验收标准: ✅ 必填字段验证 ✅ 名称长度验证(1-100字符) ✅ 编码格式验证(^[a-zA-Z0-9-_]+$) ✅ 编码唯一性验证 ✅ 分组ID有效性验证 ✅ 更新时ID存在性验证 ✅ 更新时编码唯一性验证(排除自身) ✅ 支持部分字段更新 ✅ 返回清晰的错误提示 符合实施计划: - 阶段 2.2:评查点创建/更新接口对接 ✅ 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
智慧法务系统 - 权限认证系统
认证系统概述
本系统实现了一个简单的基于角色的权限认证系统,支持以下功能:
-
用户可以以不同角色登录系统:
common:普通用户,只能访问基本功能developer:开发者,可以访问所有功能,包括系统设置
-
权限控制:
- 根据用户角色显示或隐藏菜单项
- 防止通过URL直接访问未授权页面
技术实现
权限系统基于以下核心技术实现:
- Cookie会话存储:使用Remix的
createCookieSessionStorage创建基于Cookie的会话存储 - 角色权限控制:将用户角色存储在会话中,并在全局loader中检查访问权限
- 界面适配:根据用户角色动态过滤显示菜单项
使用方法
登录系统
- 访问登录页面(
/login) - 输入用户名和密码
- 选择用户角色:
- 普通用户:只能看到基础功能菜单
- 开发者:可以看到所有菜单,包括系统设置
权限验证
系统会自动执行以下权限验证:
- 未登录用户会被重定向到登录页面
- 普通用户试图访问系统设置等受限页面会被重定向到首页
- 侧边栏菜单会根据用户角色动态显示
关键文件
app/root.tsx:实现会话管理和全局权限检查app/components/layout/Sidebar.tsx:根据用户角色显示不同菜单app/routes/login.tsx:提供角色选择功能
进一步优化建议
- 实现真实的用户认证系统,如接入数据库验证用户
- 添加更细粒度的权限控制
- 实现用户角色和权限的管理界面
- 使用环境变量管理会话密钥等敏感信息
Welcome to Remix!
Development
Run the dev server:
npm run dev
Deployment
First, build your app for production:
npm run build
Then run the app in production mode:
npm start
Now you'll need to pick a host to deploy it to.
DIY
If you're familiar with deploying Node applications, the built-in Remix app server is production-ready.
Make sure to deploy the output of npm run build
build/serverbuild/client
Styling
This template comes with Tailwind CSS already configured for a simple default starting experience. You can use whatever css framework you prefer. See the Vite docs on css for more information.
Description
Languages
JavaScript
72.4%
TypeScript
23.8%
CSS
3.6%