Web登录并完成注册

小张没有三头

已于 2023-02-20 15:57:13 修改

阅读量757

点赞数

文章标签：前端 html javascript

于 2023-02-17 21:44:49 首次发布

本文链接：https://blog.csdn.net/m0_73656035/article/details/129094195

版权

本文介绍了如何在前端实现Web登录和注册功能，首先从创建数据库和定义Getter Setter方法开始，然后展示成功和失败页面。接着在假登录基础上完善代码，注册功能通过修改SQL语句实现数据新增。最后，文章探讨了分层设计，包括login和zhuce包的创建，以及User Dao包中工具类的整理。

摘要由CSDN通过智能技术生成

真登录是在假登录的基础上进行更改。

首先创建一个数据库

#判断存在即删除数据库
drop database if exists mydb;
#创建数据库
create database mydb;
#使用数据库
use mydb;


#创建表
create table t_user
(
	uid int primary key auto_increment,
	username varchar(20),
	password varchar(20),
	phone varchar(11),
	address varchar(50)
);


insert into t_user(username,password,phone,address) values('张三','666','18965423548','南阳');
insert into t_user(username,password,phone,address) values('李四','333','18754263548','许昌');
insert into t_user(username,password,phone,address) values('小美','123','18565234759','信阳');

select * from t_user where username=? and password=?
select * from t_user;


create table t_goods
(
	gid int primary key auto_increment,
	gname varchar(20),
	price double,
	mark varchar(100)
);

insert into t_goods(gname,price,mark) values('泡面',4.5,'够香够辣就是这个味！');
insert into t_goods(gname,price,mark) values('火腿',8.5,'肉质细腻Q弹！');
insert into t_goods(gname,price,mark) values('雪碧',3.5,'清爽冰凉随心爽！');

select * from t_goods;

创建完数据库就要开始创建构造Getter and Setter方法和to String()方法了

然后是成功和失败的页面

这个是成功的页面

<html>
<head>
    <title>注册</title>
</head>
<body>
    <h2>主页</h2>
    <h3>欢迎来到主页</h3>
    <h2>主页内容展示</h2>
    </form>
</body>
</html>

这个是失败的页面

<html>
<head>
    <title>Title</title>
</head>
<body>
<h2>登陆失败</h2>
<a href="index.jsp">点击回到主页面</a>
</body>
</html>

接下来就是在假登录的基础上对代码进行完善。

public class Login extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doPost(req, resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1.设置请求和响应的编码格式，以及影响
        req.setCharacterEncoding("utf-8");//设置请求的编码格式为中文
        resp.setCharacterEncoding("utf-8");//设置响应的编码格式为中文
        resp.setContentType("texe/html;charset=UTF-8");
        //2.获取请求参数
        //前端请求，后端处理，最后给前端做响应
        //这三个都是获取亲求的地址相关
        String username= req.getParameter("user");
        String password= req.getParameter("pwd");
        System.out.println