序言版权声明、服务说明、转载规范和联系方式
本教程由「小荣的网络开发日志」实操整理编写,实操踩坑验证,内容真实可靠。
遇到操作问题可直接联系作者,转载需标注原文出处,禁止私自篡改商用,不得搬运、洗稿或篡改后商用。
承接网站、APP、小程序、各类脚本定制开发;
AI 编程教学、一对一项目全程陪跑,提供免费技术咨询。
联系方式: 微信:rongyaolg 电话:18375295913
遇到操作问题可直接联系作者,转载需标注原文出处,禁止私自篡改商用,不得搬运、洗稿或篡改后商用。
承接网站、APP、小程序、各类脚本定制开发;
AI 编程教学、一对一项目全程陪跑,提供免费技术咨询。
联系方式: 微信:rongyaolg 电话:18375295913
第一步:明确这一章要完成的登录功能
开始这一章之前,先确认你已经有两个项目目录:前端项目 member-admin-web,后端项目 member-admin-api。
前端项目负责页面,后端项目负责接口和数据库。
如果这两个目录还没有生成,先不要继续这一章,回到前面章节把前端项目和后端项目创建好。
上一章已经把后端连接到 MySQL 数据库了。
这一章要做第一个真正能用的功能:管理员登录。
登录功能会用到三块内容:
- 数据库:需要有管理员用户表和默认管理员账号。
- 后端:需要判断账号密码是否正确,并返回登录结果。
- 前端:登录页要调用后端,登录成功后进入后台首页,个人中心能显示当前用户。
这一章只做管理员登录、退出登录、个人中心和登录访问限制,不做会员资料、会员等级、会员标签、会员卡这些业务功能。
第二步:让 AI 一次性完成登录联调
下面这段提示词会让 AI 同时处理数据库、后端接口和前端页面联调。
现在请继续开发会员管理后台网站,帮我完成管理员登录功能。
这一章只做登录相关内容:管理员账号、后端登录接口、前端登录页、个人中心、退出登录和登录访问限制。
请你按下面流程完成:
1. 先在数据库里创建后台管理员用户表,用来保存用户名、邮箱、加密后的密码、头像、角色、状态和时间信息。
2. 创建一个默认管理员账号,用户名 admin,邮箱 admin@example.com,密码 admin123456。如果账号已经存在,就不要重复创建。
3. 后端实现登录、获取当前登录用户、退出登录这几个常见接口。
4. 登录时支持用户名或邮箱登录,密码需要校验加密后的密码。
5. 登录成功后返回用户信息和登录凭证,返回给前端的用户信息不要包含密码。
6. 前端登录页接入真实登录接口,登录成功后进入后台首页,登录失败时显示错误提示。
7. 个人中心页面显示当前登录用户信息。
8. 退出登录时清空登录状态,并回到登录页。
9. 后台页面需要登录后才能访问,未登录时自动跳转到登录页。
注意:这一章只做登录功能,不要开发会员资料、会员等级、会员标签、会员卡这些业务功能。
完成后请启动前端和后端,并帮我检查默认管理员是否能登录、个人中心是否能显示用户信息、退出登录是否正常。第三步:检查登录链路是否跑通
AI 完成后,你重点检查下面这些内容:
- MySQL 里是否已经有默认管理员账号。

- 前端登录页是否能用默认管理员账号登录。
- 登录成功后是否进入后台首页。
- 个人中心是否显示当前登录用户。

- 退出登录后是否回到登录页。
- 未登录时是否不能直接进入后台页面。
默认测试账号可以先用:
账号:admin
密码:admin123456如果这些都能跑通,说明登录联调已经完成。
下一章开始做会员资料管理,也就是后台真正的业务数据。