天天看点

简单个人博客系统java web_JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册...

JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册

发布时间:2020-07-17 17:10阅读:(

)字号: 大 中 小

后台系统的所有界面图以及之前的准备工作欢迎看我之前的博文>3<

具体的代码未来将传到csdn下载或github下载~

有任何问题欢迎下方评论=W=

①项目目录图1与图2

简单个人博客系统java web_JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册...
简单个人博客系统java web_JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册...

②登录模块图

简单个人博客系统java web_JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册...

③注册模块图

简单个人博客系统java web_JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册...

①Java Resources的src-->建立package,命名为filter-->创建一个DoFilter的java文件,具体代码如下

(PS.这个过滤器我也是仿照csdn一个老哥的做的,在此感谢这位老哥>3

②在WebContent-->WEB-INF-->web.xml中,设置如下内容

①先载入JSTL的Jar包,在项目右键BuildPath-->Configure Build Path的Libraries里-->Add Jars-->选择目标Jar包

简单个人博客系统java web_JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册...

②为确保载入Jar包成功,应该在WebContent-->WEB-INF-->lib的文件夹中查看是否有如下内容,这次用的便是有jstl前缀的jar包

③在WebContent-->新建一个jsp文件,取名为base.jsp-->写入如下内容

(关于layui、bootstrap等框架资源百度即可,按照目录结构放入其中)

①逻辑分析(以下为我画的管理员登录业务流程图)

简单个人博客系统java web_JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册...

?

②详细的数据库之前的博文已经写了,为了更好阅读这里再写一次

建数据库,命名为blog-->建表,命名为dai_adm,设计表的字段如下

属性名

长度

允许空

是否主键

说明

adm_id

tinyint

4

NOT NULL

主键

管理员id、自增

adm_name

varchar

20

NOT NULL

?

管理员名称

adm_password

varchar

20

NOT NULL

?

管理员密码

?

③既然是登录,自然要与数据库进行对接,这里我使用的是mysql数据库,要求要加载好mysql的jar包,步骤同之前JSTL的Jar包设置步骤

? 3.1 在Java Resources的src下-->新建package,命名为util-->新建一个config.properties文件,内容如下

(由于我mysql是接入3306端口,数据库连接时使用的用户名是root,没有设置密码,所以这么设置,如果你有密码,pwd=你的密码)

? 3.2 在Java Resources的src下-->util包中-->新建一个class文件,命名为DBUtil,代码如下

④这个项目使用了MVC结构,登录模块也就是对管理员进行操作,这里先写pojo层,再写dao层

? 4.1?在src中-->新建一个package,命名为pojo-->新建一个class文件,命名为Adm,内容如下

?4.2 由于后来要做分页功能,所以还要封装一个类-->pojo包中-->新建一个class,命名为ChangePage,内容如下

?4.3 在src中-->新建一个package,命名为dao-->新建一个interface文件,命名为AdmDao,内容如下

4.4 写AdmDao的实现类,本应该放在不同的包里,我当时为了简便,依然放在了dao包

dao包-->新建class文件,命名为AdmDaoImpl-->实现AdmDao接口,代码如下

? ? ? PS:这里有一个方法叫做getAllAdm(),还有一个方法叫做getPageAdm()。

? ? ? 前者我是用来获得总共有多少条管理员信息,后者我是用来获得分页信息与分页数据的,前者本来不需要在数据库上走那么多步骤。

? ? ? 因为ResultSet创建的对象可以使用last()方法跳到最后一条数据,然后再使用getRow()方法获得总数,这里建议大家按照这种方法。

?

⑤Service层:src-->新建package包,命名为servlet-->新建一个Servlet文件,命名为LoginServlet-->在URL mappings中改名为/login-->键入代码,如下

⑥WebContent-->新建jsp文件,命名为login.jsp-->键入代码,如下(使用了bootstrap和layui框架)

5.1 这里CSS目录如下(CSS并不重要,可以自己调整)

简单个人博客系统java web_JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册...

5.2 b_register的css样式如下

5.3 base的css样式如下

⑤当输入用户名或密码错误时,应该有的提示

简单个人博客系统java web_JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册...

⑥当输入密码正确时,应进入后台主界面,这里大家在WebContent里新建一个jsp文件,取名为index即可,这里放一张后台图,具体的下篇博文再更

简单个人博客系统java web_JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册...

①逻辑分析(以下为我画的管理员注册业务流程图,注册成功即自动跳转登录页面)

简单个人博客系统java web_JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册...

②Service层:这里主要就是首先判断你是否输入用户名,用户名输入过后判断是否这个用户名已经存在(用户名和id都是唯一的),然后再验证你两次密码是否相同,最后再进入注册。

所以说前台可以判断1是是否输入2是密码两次是否一致;

后台连接数据库后应该是进行了两个操作1是判断用户名是否存在2是进行往数据库里增加数据

?

2.1 src-->在servlet包里-->新建一个Servlet文件,命名为RegisterServlet-->在URL mappings中改名为/register-->键入代码,如下

2.2?src-->在servlet包里-->新建一个Servlet文件,命名为QueryAdmIsExist-->在URL mappings中改名为/isExist-->键入代码,如下

③在WebContent下-->新建jsp文件,命名为register.jsp-->键入代码,如下(这里使用的是ajax,和上面登录模块不一样,注意区别)

④注册时用户名存在或可用的区别图片如下

简单个人博客系统java web_JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册...
简单个人博客系统java web_JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册...

推荐阅读:

中国平安一账通寿险E服务

动量守恒定律教学反思

月神殿

六年级下册美术画画一等奖

cf魔笛下载1.022 官方版

2017十大互联网理财产品排行一览 投资互联网理财

推荐关键字词:

简单个人博客系统java web_JavaWeb个人博客项目:手把手教你实现博客后台系统之登录与注册...

版权声明: 本站原创文章,由 王凯 发表,于2020-07-17最后更新

微阁网推荐相关文章

没安装畅言模块