littlebot
Published on 2025-04-03 / 0 Visits
0

【源码】基于 Express、Koa 和 Vue2 的综合登录与关注系统

项目简介

本项目是一个基于 Express、Koa 和 Vue2 构建的综合登录与关注系统,集用户注册、信息管理、关注功能于一体,同时具备完善的安全防护机制。

项目的主要特性和功能

  1. 注册功能:用户可填写用户名、密码、手机号等信息进行注册,注册过程需通过短信验证码验证。
  2. 用户信息管理:用户能够获取个人信息以及全部用户信息,便于查看其他用户资料。
  3. 关注功能:用户在前端界面点击关注按钮,调用后端接口即可实现关注其他用户的功能。
  4. 安全防护:对 sql 注入和 xss 攻击进行预防处理,同时对密码进行 md5 加密,保障用户信息安全。

安装使用步骤

后端

进入后端项目目录,执行 npm install 安装后端项目依赖。

前端

  1. 进入前端项目目录,执行 yarn installnpm install 安装前端依赖。
  2. 执行 npm run dev 启动前端项目。

测试使用

  1. 打开浏览器,进入登录界面,点击注册按钮。
  2. 输入注册信息,点击验证码按钮,将手机收到的验证码输入到验证码框中,点击立即注册。
  3. 注册成功后,可选择账号密码登录或手机号登录,登录后跳转到首页查看个人信息和全部用户信息。
  4. 在全部用户信息列表中,点击关注按钮,上方用户信息的关注列表中会新增一条信息,表示关注成功。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】