普通话
英语
0
1
2
3
4
5
0
1
2
3
4
5
10小时前在线
全栈开发工程师
西安全职 · 600/日 · 13050/月信用正常
工作时间: 工作地点:
远程
服务企业:
4家累计提交:
0工时
联系方式:
********
********
********
****************聊一聊
工作经历
2022-10-11 -2025-01-09可得教育全栈开发工程师
1.AI对话公众号 负责公众号的后端服务，接入对话大模型，会员管理，付费，账单系统维护，以及线上部署维护 所作贡献：保证大模型接口正常接入，，针对公众号不支持sse的输出，前端可操作空间小的问题，对大模型接口返回的文本流重新处理，分段返回，优化反馈速度；公众号的对话式菜单逻辑处理，会员付费和权限校验。 使用技能：nodejs、docker 2.AI对话页面 负责页面功能、样式设计，以及后端业务端Node接口的开发，***的无缝互通。 所作贡献：完成了所有对话交互功能和业务端接口的开发，成功接入大模型接口并进行了SSE处理。设计并实现了***员体系，确保两者之间的互通性。负责服务器的部署和定期维护，确保系统的稳定性和安全性。定期更新网站内容，确保用户能够获取到最新的信息和功能。 使用技能：html5、js、css、webpack、vue3、nodejs、mysql、nginx
2021-01-08 -2022-08-17软通动力前端开发工程师已认证
1.国家电网监控系统 重新规划前端ui，将全局样式归纳成为公共样式并将定制化页面样式标注，为项目后期的整体样式风格变动以及皮肤功能开发铺平道路。 所作贡献：监控播放窗口组件开发，在现有的三方视频组件基础上封装，整理所需属性并输出使用文档，添加滚轮可操作的局部放大功能并留有与后端交互的逻辑。 处理上线前bug，保证项目稳定上线，准时完成开发任务，保证了平台准时上线。 使用技能：html5、js、css、webpack、vue 2.交易平台: 负责平台ios和安卓两端的公告模块的开发工作、负责实现打币支付交互新逻辑、负责实现支付和登陆各环节的 实名验证逻辑、处理上线前测试提出的bug 所作贡献:准时完成开发任务（80%代码量），保证了平台准时上线。 使用技能:react-native 3.机票交易app: 使用react-native实现目前为止h5现有的所有功能，完成app的开发，期间可参考h5的vue代码。 所作贡献:在产品和后端无法时时对接的情况下只参考h5代码运行在规定时间内完成了app的主要功能开发工 作，并结合react-native特性实现了全局读秒组件，全局订
2016-06-23 -2020-04-22美林数据技术股份有限公司研发工程师已认证
1、电网一张图: 负责实现离线地图组件的开发工作。 所作贡献：实现了离线地图公共组件，组件中简化了开源地图组件openlayers原有的锚点、线、圆、多边形、动画逻辑，使之可以通过数据控制，减小了组件的使用难度，缩短了页面和后端的开发时间。 使用技能:html5、js、css、webpack、vue、openlayers 2、营业厅人员流量及疫情防控分析项目(2020年二月至2020年三月)： 负责移动端web开发，前端架构设计，与后端数据交互，页面交互优化。 所作贡献：在规定时间内完成开发任务，快速响应客户需求，处理客户问题，提升了客户满意度，得到了客户认可。 使用技能:html5、js、css、webpack、vue 3、售前演示项目： 负责各项目组的售前演示页面功能设计， 所作贡献：在规定时间内完成各项目售前演示需求，根据美工设计图完成页面美化，保证售前演示效果，提高了客户满意度，为中标签单提供助力。 使用技能:html5、js、css、webpack、vue 4、全域模型管理工具项目(2018年五月至2019年四月)： 负责前端开发，功能设计，服务器维护，新人培养，定制化需求的
教育经历
2012-09-09 - 2016-06-22西藏民族大学社会工作本科已认证
在校期间，自学java，js，html，css等当时常用编程语言，并参加2015年全国计算机设计大赛总决赛获三等奖，
资质认证
语言
技能
Nginx
Docker
Redis
React
HTML5
Vue
Node.js
0
1
2
3
4
5
0
1
2
3
4
5
作品
# React-Next 基础用户权限架构优势 ## 架构概述 本项目基于 **React + Next.js** 构建的现代化用户权限管理系统，采用全栈一体化设计，提供企业级的安全性、性能和可维护性。 ## 核心优势 ### 1. 高效打包与部署 #### Next.js 优化打包 - **自动代码分割**: 页面级别的自动分包，减少初始加载时间 - **静态资源优化**: 自动压缩、缓存策略和CDN友好的资源管理 - **服务端渲染(SSR)**: 提升SEO和首屏加载性能 - **增量静态生成(ISR)**: 兼顾性能与内容实时性 #### 容器化部署 ```dockerfile # 多阶段构建，优化镜像大小 FROM node:18-alpine # 健康检查集成 HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 ``` **部署优势:** - **Docker容器化**: 环境一致性，快速部署 - **健康检查机制**: 自动监控应用状态 - **多环境支持**: 开发/测试/生产环境无缝切换 - **零停机部署**: 支持滚动更新和蓝绿部署 ### 2. 企业级用户安全 #### 多层安全防护 ```javascript // JWT + Redis 双重认证 const withEnhancedAuth = (handler, options = {}) => { // 1. 方法检查 2. 速率限制 3. 请求签名验证 // 4. 认证检查 5. 角色检查 6. 令牌刷新 } ``` **安全特性:** - **JWT令牌认证**: 无状态认证，支持分布式部署 - **Redis缓存加密**: 用户会话数据加密存储 - **密码安全**: bcrypt加密，防彩虹表攻击 - **请求签名验证**: 防止API篡改和重放攻击 - **速率限制**: 防暴力破解和DDoS攻击 - **令牌自动刷新**: 无感知的安全令牌更新 #### 细粒度权限控制 ```sql -- 表级权限管理 CREATE TABLE `table_permission` ( `tableId` INTEGER UNSIGNED NOT NULL, `userId` INTEGER UNSIGNED NOT NULL, `role` VARCHAR(20) NOT NULL -- owner/editor/viewer ); ``` **权限优势:** - **角色基础访问控制(RBAC)**: 灵活的角色权限分配 - **资源级权限**: 精确到表/记录级别的访问控制 - **动态权限验证**: 实时权限检查，支持权限变更 - **权限继承**: 支持权限层级和继承机制 ### 3. API与路由安全校验 #### API安全中间件 ```javascript // 增强的API认证中间件 export const withEnhancedAuth = (handler, options = {}) => { const { requireAuth = true, requireSignature = true, allowedMethods = ['GET', 'POST'], roles = [] } = options; // 多重安全检查... } ``` **API安全优势:** - **统一认证中间件**: 标准化的API安全处理 - **方法白名单**: 严格控制允许的HTTP方法 - **签名验证**: 确保请求完整性和来源可信 - **自动令牌刷新**: 透明的会话延长机制 - **错误统一处理**: 标准化的错误响应格式 #### 路由级权限守卫 ```javascript // Next.js 中间件路由保护 export async function middleware(request) { const isPublicPath = PUBLIC_PATHS.some(path => request.nextUrl.pathname === path ); if (!isPublicPath && !sessionId) { return NextResponse.redirect(new URL('/login', request.url)); } } ``` **路由安全优势:** - **服务端路由守卫**: 在服务器层面拦截未授权访问 - **白名单机制**: 明确定义公开访问路径 - **自动重定向**: 智能的登录跳转和回调 - **会话状态检查**: 实时验证用户登录状态 ## 技术栈优势 ### 前端技术栈 - **React 18**: 最新的并发特性和性能优化 - **Next.js 13**: 全栈框架，SSR/SSG支持 - **Redux Toolkit**: 状态管理，支持复杂业务逻辑 - **SCSS**: 模块化样式，支持主题定制 ### 后端技术栈 - **Next.js API Routes**: 无需单独后端服务 - **Prisma ORM**: 类型安全的数据库操作 - **MySQL**: 成熟稳定的关系型数据库 - **Redis**: 高性能缓存和会话存储 ### 安全与监控 - **JWT + JOSE**: 现代化的令牌认证 - **bcrypt**: 业界标准的密码加密 - **Helmet**: HTTP安全头设置 - **健康检查**: 完整的服务监控体系 ## 性能与可扩展性 ### 性能优化 - **代码分割**: 按需加载，减少包体积 - **缓存策略**: Redis缓存 + 浏览器缓存 - **数据库优化**: 索引优化 + 查询优化 - **CDN支持**: 静态资源全球加速 ### 可扩展性 - **水平扩展**: 无状态设计，支持负载均衡 - **微服务友好**: API设计支持服务拆分 - **数据库分片**: 支持读写分离和分库分表 - **容器编排**: 支持Kubernetes部署 ## 业务价值 ### 开发效率 - **全栈一体**: 减少前后端协调成本 - **类型安全**: TypeScript + Prisma 全链路类型检查 - **开发工具**: 完整的开发、测试、部署工具链 - **代码复用**: 组件化和模块化设计 ### 运维友好 - **健康检查**: 自动化的服务状态监控 - **日志系统**: 结构化日志和错误追踪 - **配置管理**: 环境变量和配置文件管理 - **备份恢复**: 数据库备份和恢复策略 ### 安全合规 - **数据保护**: 符合GDPR等数据保护法规 - **审计日志**: 完整的用户操作审计 - **权限追溯**: 权限变更历史记录 - **安全更新**: 依赖包安全漏洞监控 ## 总结 本React-Next用户权限架构通过现代化的技术栈和最佳实践，提供了： 1. **高效的打包部署** - 优化的构建流程和容器化部署 2. **企业级安全保障** - 多层安全防护和细粒度权限控制 3. **完善的API路由校验** - 统一的安全中间件和路由守卫 4. **优秀的性能扩展性** - 支持高并发和水平扩展 5. **显著的业务价值** - 提升开发效率，降低运维成本 这套架构不仅满足当前的业务需求，更为未来的扩展和演进奠定了坚实的基础。
02025-07-01 17:46
