实现登录注册功能(连接数据库)的JSP小项目

一、实现登录功能

首先用sublime制作有表单检查功能的login.html,代码具体如下:

为了简洁,我在Eclipse里将CSS的引用方式改为链入式了,而接下来是在sublime刚做好后的代码截图:

然后将<form>改为<formaction="chk_login.jsp" method="post" name="Login"target="_parent" id="Login" onSubmit="retutnCheckForm();">

最终效果如下:

 

二、设计一个数据库

(1)建立data文件夹

     新建qiye.mdb。

(2)建立表admin,表结构如下图

输入数据

这里创建了一个初始管理员账号。

 

三、实现检查登录界面与数据库连接

制作好之后将数据库文件放入项目文件夹,设计完成登陆功能的chk_login.jsp,实现Eclipse与数据库文件的连接:



经测试,确定数据库连接成功后,再在Seession.jsp(登录之后的主页面)中加入以下程序以阻止非法用户的访问:


最后,设计Top.jsp,完成退出登录的功能:

出现了中文字符识别成乱码的问题,不过懒得再改了,能用就行╮(╯▽╰)╭

 

四、实现注册功能

首先还是用sublime制作有表单检查功能的regester.html

这里只截取验证表单的JS代码,其余的跟login.html差不多,就表单稍微改了一下

另外注意一下表单里的<form>要改为<formaction="add.jsp" method="post" name="Login"target="_parent" id="Login" onSubmit="returnCheckForm();">

然后设计完成登陆功能的add.jsp,实现与数据库文件的连接,具体代码如下:

 


最后,验证一下,登录时账号密码错误或为空,注册时两次输入的密码不一致时都会出现这个:

这样一来项目就成功了\(^o^)/~


评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值