实现登录注册功能（连接数据库）的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^)/~