JavaWeb项目(登录注册页面)全过程总结
文章目录
JavaWeb项目(登录注册页面)全过程总结
一、环境准备与开发工具
二、创建 JavaWeb 项目
2.1 新建Dynamic Web Project项目
2.2 创建前端页面
2.2.1 登录页面
1.login.jsp
2. login.js
3. time.js
4. focus.js + animate.js
2.2.2 注册页面（register.jsp）
2.2.3 修改密码的页面（change_pwd.jsp）
2.2.4 登录成功的页面（success.jsp）
2.3 创建相关配置类
2.3.1 DAO类（DAO.java）
2.3.2 JDBCUtil类（JDBCUtil.java）
2.3.3 JsonResult类（JsonResult.java）
2.3.4 MailUtil类（MailUtil.java）
2.3.5 User类（User.java）
2.4 创建 Servlet
2.4.1 登录界面的Servlet（LoginServlet）
2.3.2 注册界面的Servlet（RegisterServlet）
2.3.3 修改密码的Servlet（HandlePwdServlet）
2.3.4 发送邮件的Servlet（EmailServlet）
项目需求：
实现登录页面：
顶部有logo栏目
左侧提供轮播图
提供两种登录方式：①账号密码登录 ②邮箱+验证码登录
登录成功后跳到显示“登录成功”四字的页面（简单设计）
有修改密码的功能
注册页面
数据统一存储在数据库
一、环境准备与开发工具
此次项目用到的工具是：
① 前端：HTML + CSS + JS
② 后端：Tomcat 9 + Servlet
③ 项目开发工具 ：Eclipse（Java EE IDE） java运行环境是：jdk 15
④ 数据库：Mysql + Navicat 15 for MySQL
此次实验需要提前安装配置好Eclipse、jdk、tomcat，tomcat的安装和servlet的基本使用请见另两篇文章：Servlet的使用 和 Tomcat的使用
二、创建 JavaWeb 项目
2.1 新建Dynamic Web Project项目
里面的Dynamic Web module version 我使用的2.5
项目的目录结构如下：
2.2 创建前端页面
这里只展示 jsp 和 js 文件的代码，页面中的 icon 是使用的 icomoon
2.2.1 登录页面
1.login.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
LARP-LOGIN
其他登录方式
-Directed By Elvira-
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/hz/141761.html