项目简介
本项目是一个基于 Express、Koa 和 Vue2 构建的综合登录与关注系统,集用户注册、信息管理、关注功能于一体,同时具备完善的安全防护机制。
项目的主要特性和功能
- 注册功能:用户可填写用户名、密码、手机号等信息进行注册,注册过程需通过短信验证码验证。
- 用户信息管理:用户能够获取个人信息以及全部用户信息,便于查看其他用户资料。
- 关注功能:用户在前端界面点击关注按钮,调用后端接口即可实现关注其他用户的功能。
- 安全防护:对 sql 注入和 xss 攻击进行预防处理,同时对密码进行 md5 加密,保障用户信息安全。
安装使用步骤
后端
进入后端项目目录,执行 npm install
安装后端项目依赖。
前端
- 进入前端项目目录,执行
yarn install
或npm install
安装前端依赖。 - 执行
npm run dev
启动前端项目。
测试使用
- 打开浏览器,进入登录界面,点击注册按钮。
- 输入注册信息,点击验证码按钮,将手机收到的验证码输入到验证码框中,点击立即注册。
- 注册成功后,可选择账号密码登录或手机号登录,登录后跳转到首页查看个人信息和全部用户信息。
- 在全部用户信息列表中,点击关注按钮,上方用户信息的关注列表中会新增一条信息,表示关注成功。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】