个人网站首页登录/注册制作-使用数据库和DAO设计

最新推荐文章于 2022-06-21 00:27:42 发布

Alison_zhou

最新推荐文章于 2022-06-21 00:27:42 发布

阅读量1.2k

点赞数 1

文章标签： java node.js vue.js

本文链接：https://blog.csdn.net/Alison_zhou/article/details/120428114

版权

本文介绍了如何结合MYSQL、HTML、CSS、JDBC和JAVASCRIPT技术，实现个人网站首页的登录和注册功能。采用分层设计，利用DAO（DATA ACCESS OBJECT）模式将数据库操作与业务逻辑分离，详细展示了登录、注册页面的代码结构，包括DAO接口和实现、服务层接口和实现。整个流程从外至内依次为：服务层接口 -> 服务层实现类 -> 操作层接口 -> 操作层实现类 -> 数据库操作类 -> JDBC实现。

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

学了一段时间MYSQL，HTML，CSS，JDBC以及一点点JAVASCRIPT，于是可以联合起来运用他们编写一个网站首页的注册/登录和登录的欢迎界面，先上效果图：

登录页面的html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="/personalFirstPage/loginPageStyle.css">
</head>
<body>
<h1>welcome to my homepage</h1>
<div id="loginbox" class="centerbox" ><strong>LOGIN/REGISTER</strong>
    <form action="/personalFirstPage/login.jsp"  name="loginform" onsubmit=" return check()">
    <div class="logintext">
        <input type="text" name="username" placeholder="请输入用户名/昵称"><strong></strong>
    </div>
    <div class="logintext">
        <input type="text" name="password" placeholder="请输入密码">
    </div>
        <button type="submit" name="提交">登录</button>
        <button type="button" name="register" onclick="jumpreg()">注册</button>
        <button type="button" name="findbackPwd" onclick="jumpfind()">找回密码</button>
    </form>
</div>
</body>
<script>
    function check() {
        var username = document.forms["loginform"]["username"].value;
        var password = document.forms["loginform"]["password"].value;
        if (username==null ||

最低0.47元/天解锁文章

Alison_zhou

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
个人网站首页登录/注册制作-使用数据库和DAO设计

学了一段时间MYSQL，HTML，CSS，JDBC以及一点点JAVASCRIPT，于是可以联合起来运用他们编写一个网站首页的注册/登录和登录的欢迎界面，先上效果图：登录页面的html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet...
复制链接

扫一扫