小程序做的员工信息管理系统

190 阅读2分钟

员工管理微信小程序

功能介绍

  1. 管理员功能

    • 使用 admin 账号登录
    • 对员工进行增删改查管理
    • 添加新员工
    • 编辑现有员工信息
    • 删除员工
  2. 员工功能

    • 注册新账号
    • 登录后修改个人信息
  3. 数据存储

    • 使用全局变量存储数据
    • 纯前端实现,不连接数据库

开发过程

  1. 创建基本页面结构
  2. 实现登录/注册功能
  3. 实现员工信息管理功能
  4. 实现管理员管理功能
  5. 使用全局变量存储数据
  6. 完成所有功能测试
  7. 添加管理员添加员工功能
  8. 实现管理员编辑员工信息功能
  9. 优化数据刷新机制,确保添加/编辑后页面数据实时更新
  10. 完善页面样式和用户体验

新增功能说明

管理员添加员工

  • 管理员可以点击"添加员工"按钮,进入表单页面填写员工信息
  • 支持输入用户名、密码、姓名和电话
  • 保存后自动返回员工列表页面,并刷新数据

管理员编辑员工

  • 管理员可以点击员工列表中的"编辑"按钮,进入编辑页面
  • 支持修改员工的用户名、密码、姓名和电话
  • 保存后自动返回员工列表页面,并刷新数据

数据实时刷新

  • 使用 onShow 生命周期函数确保页面显示时数据最新
  • 通过 getCurrentPages() 获取页面实例,实现跨页面数据刷新

使用说明

  1. 使用 admin 账号登录(用户名和密码均为 admin
  2. 在管理员页面可以:
    • 添加新员工
    • 编辑现有员工信息
    • 删除员工
  3. 员工可以注册账号并登录修改个人信息

技术细节

  • 使用微信小程序原生框架开发
  • 通过 globalData 实现数据共享
  • 使用 wx.navigateTowx.navigateBack 实现页面跳转
  • 通过 getCurrentPages() 实现跨页面通信

登录.png

管理员编辑.png

列表.png

员工编辑.png

注册.png