新闻管理平台
技术栈:React、Redux Toolkit 、React-redux 、Redux-persist 、React-router-dom 、Antd、Axios
项目介绍:该项目使用 React 配合 Redux 实现,包含登录页,主页,用户列表管理页,权限列表管理页,新闻草稿管
理页,用户可以对新闻进行增删改查,以及对用户角色进行管理
项目描述:
1.封装通用布局组件,实现嵌套式布局的页面容器设计,统一页面层级结构与视觉规范
2.使用一级路由和二级路由对页面进行模块化管理
3.封装高阶组件,实现路由懒加载
4.使用 Redux 封装切片来管理数
5.使用 redux-persist 实现 Redux 状态持久化
掌上购物平台
技术栈:Vue3,Axios、TypeScript,vue-router 4 、Pinia、Sass
项目介绍:该项目是基于 Vue 3 + TypeScript + Vite 的移动端商城项目,主要包含首页、分类、购物车、我的共四
大模块,实现了商品的浏览和购买、商品的分类展示、个人地址的管理、订单管理、购物车商品管理和下单基本功能
项目描述:
1.使用路由守卫进行用户认证,防止用户进行非法的跳转操作
2.对密码进行了 AES 加密处理,进行敏感信息保护
3.首页的图片使用懒加载功能提高页面的响应速度
4.登录采用了 token 身份验证以及 authorization 身份权限
5.使用 rem、flex、媒体查询进行布局,实现屏幕适配布局
银行内部管理系统
技术栈:Vue 2、Element UI、Axios、Vue Router、ES6、Promise
项目介绍:基于 Vue Admin 模板开发的银行内部管理系统,核心实现等级管理模块完整 CRUD 功能,并延伸实现
地址管理、消息管理模块开发,解决多接口协同、ID 关联名称匹配、异步请求处理等实际业务问题
项目描述:
1.基于 Element UI 搭建页面,按模块化规范开发,实现列表增删改查与路由导航
2.封装 Axios 请求,结合 Promise 处理异步与多接口并发,解决数据关联与加载问题
3.实现表单验证、权限控制、接口调试,保障业务逻辑与数据安全