非常激动的开通了我的第一个博客,在这里希望大家能多多指点,相互学习。
一个简单的登录界面
首先我们先把这个登录分为三块:
一、数据库
数据库我用的是MYSQL;
二、前端
三、后台
1、 后台代码的编写我使用的是eclipse
2、 容器我使用的是Tomcat7
3、 Jdk使用的是1.7版本
按照上面的顺序来,第一步我们先创建数据库;
在创建数据库之前一定要先设计好我们登录的时候需要哪些东西,用户名和密码肯定是需要的,所以数据表里肯定是有这两个字段的,还有一个字段是想都不用想,铁定需要的,那就是id,惯用的手法,id铁定是主键,然后自增;用户名就用username,密码password。
设计好了必须要的字段之后我突然又想到,如果以后我们做注册功能的话,是不是也能用同一张表呢,那这样的话,我干脆现在就设计好吧。Username是用户名,用户名那就随便用户定义吧,我就另外再写一个字段,就用name,注册的时候就把名字给我写进去吧,毕竟我要知道这个账号是谁的,顺便定个性别吧,是男的还是女的总要告诉我吧。好了,不想再定了,如果想定其他的就再去加吧。
废话不多说,数据库直接放上来:
好了,数据库完成后,,对于新手来说前端没必要写的太复杂了,当然,也可以去copy一份,自己稍微改一下就好了,我呢就比较懒,就随便去网上copy了一份,我看了一下,很简单,js导了一个jquery.min的包,然后随便搞了几张图片,放进去了。
接下来我就一步一步的把代码放上来:
1、首先html代码:
好的,上面的代码我想没有哪里可以解释的,已经简单的不能再简单了。
然后就是CSS代码,毕竟做东西要有模有样:
Css代码也是十分易懂的,不懂的童鞋度娘一下你就知道。
前端,数据库都出来了,万事俱备只欠后台了,毕竟真正做苦力的还是后台。
首先我们啥都不说,第一步就把数据库配置好,叫人家去做苦力,你知道得先告诉人家去哪里搬砖是不。
我的数据库配置文件写在c3p0-config.xml里
咳咳,一口老血吐在键盘上,为了防止有容易搞错的的童鞋,我又加上了注释。
好了,告诉它要去哪里搬砖了,现在就要告诉它怎么搬砖了。
首先,我先建了四个包备用:
当然,这是我写完之后的包,里面是有东西的,刚建好的包是空的,包的颜色是白色的。
先从第一个包开始说,bean层放的实体类……完了,有童鞋要骂我了,别跟我扯什么实体类,你就直接告诉我到底是放啥?好,说白了就是你要在类里get、set一下的那个类!你不用管它是干啥的也不用管它的谁,不知道的,下课之后抄代码,给我抄十遍你就自然知道了。
来啊,给朕上bean层的代码:
这下明白bean是干啥的了吧。
好了,搞定bean层之后,你以为要去dao层?
不!我们直接去web层造去。
本来想着一次把 web 层的代码全部贴上来,但是想到,有童鞋在这里学习,那么就一步一步的来吧,到后面再把代码一次复制上来。
首先,我们先在 web 层建一个 servlet
Ok之后我们就在 doPost里面写代码
登录的时候是通过验证username和password来登录的,那么我们就先拿到username和password
然后把User清空清空
这时候UserService会报错,这是因为我们没有这个类,然后就要去造它
UserService会报错,因为里面的UserDao这个类我们没有,接着我们就要去造UserDao
Dao层里写的SQL语句请注意了stu是我数据表的名字,请童鞋们不要搞错了。
Dao层和service层全部搞定之后,我们就要回到web层里了。
判断user不等于空之后就要跳转到其他界面,因为我没有写其他界面,所以干脆来个
提示成功就好了,如果登录失败的话就跳回登录界面,接着给我登录。
我在项目中引入了
c3p0-0.9.5.2.jar
commons-beanutils-1.8.3.jar
commons-dbutils-1.6.jar
mysql-connector-java-5.1.42-bin.jar
等jar包。
好了,登录操作我们就搞定了,下课!
对了,展示一下本堂课的成果↓
Original: https://www.cnblogs.com/tiezhuxiong/p/10309186.html
Author: 铁柱兄
Title: Java Web登录界面
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/607860/
转载文章受原作者版权保护。转载请注明原作者出处!