Java之servlet+jdbc+html+css实现简单的MVC后台管理功能

servlet+jdbc+html+css小案例

简单的web小案例实现MVC小功能，学过一些Javaweb的童鞋们可以自己动手做一做了

实现后的登录界面是这样子的

刚开始我确实使用了css，但是由于css还是使用的太菜了，没用好，所以就没有将css用上去，见谅

我的思路：

1、先在web root下创建三个.jsp文件

2、创建servlet类，可以直接创建，记得要打开自动配置web.xml文件，在project->Build Automatically打上勾即可

3、编写loginservlet类，连接jdbc，并且从数据库中取出数据，判断用户登录的用户名和密码是否一致

4、判断是否一致，从而判断链接的页面.jsp文件进行链接

5、编写数据库之类的也要有

开始编写代码，思路一定要清晰；

1、我是先写login1.jsp文件的

具体代码如下：

<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>




 
   
    
   
    


    




 
 
   

   

   

   

   

   

管理员登陆面板

   

   

   

   

账号  

   

密码  

   
   
   

   

   

   

   

 

其中关键的代码：

链接的CSS文件进行样式匹配，由于我的CSS还是不太好，故此做的样式效果不好，我也就没用了，注释掉了，见谅如果自己需要的话可以美化界面，去学习一下CSS挺好的

在一个就是请求方式的action一定要填写web.xml中的中的如图：

补：css样式大概做出来了，大致是这样子

源码：

管理员登录界面

用户名：

密码：   

    

2、同理，编写success.jsp和fail.jsp文件

success.jsp文件的编写：

<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>




 
   
    
   
    


    





 
  
 
    登录成功！

    你的登录信息如下：

   账号:<%=request.getParameter("username") %>

   密码:<%=request.getParameter("password") %>

   返回登录界面
 

fail.jsp文件的编写：

<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>




 
   
    
   
    


    





 
  
 
     登录失败！

     

密码错误

    你的登录信息如下：

   账号:<%=request.getParameter("username") %>

   返回登录界面
 

3、在servlet包下创建类servletlogin.java

直接创建servlet后的图片便是这样的，后面直接确定即可，系统会帮你配置好web.xml中的映射

源码如下：

package servlet;


import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.Statement;


import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class loginservlet extends HttpServlet {
public Connection con=null;
public static String username;
public static String password;
public loginservlet() {
super();
}


/**
* Destruction of the servlet.

*/
public void destroy() {
super.destroy(); // Just puts "destroy" string in log
// Put your code here
}


public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
username=request.getParameter("username");
password=request.getParameter("password");
System.out.println(username);
System.out.println(password);
System.out.println("取得request的请求参数");
try{
String driverName="com.mysql.cj.jdbc.Driver";
Class.forName(driverName);
System.out.println("加载驱动完成");
String dbURL="jdbc:mysql://127.0.0.1:3306/test?characterEncoding=utf8&&useSSL=true&&serverTimezone=GMT";

String userName="root";
String userPwd=""; 
con=DriverManager.getConnection(dbURL,userName,userPwd);
Statement statement=con.createStatement();
String sql="select * from login";
ResultSet rs=statement.executeQuery(sql);
while(rs.next()){
String user=rs.getString("username");
String pwd=rs.getString("password");
if(username!=null&&password!=null&&username.equals(user)&&password.equals(pwd)){
request.getRequestDispatcher("../success.jsp").forward(request, response);
}else{
request.getRequestDispatcher("../fail.jsp").forward(request, response);
}
rs.close();
con.close();
}
}catch(Exception e){
e.printStackTrace();
}
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request,response);
}
public void init() throws ServletException {
// Put your code here
}

}

标红的地方是我的MySQL数据库的连接，这个地方我搞了好久，可能每个人是不一样的，可以自己先配置好数据库再来使用。

如果不懂得地方尽管去CSDN上找答案，很多问题都有答案的。

if(username!=null&&password!=null&&username.equals(user)&&password.equals(pwd)){
request.getRequestDispatcher("../success.jsp").forward(request, response);
}else{
request.getRequestDispatcher("../fail.jsp").forward(request, response);

}

这是请求跳转页面。

username=request.getParameter("username");

password=request.getParameter("password");

这是从login.jsp中获取的username和password，然后与数据库中的进行对比。

我的从网页输入开始的链接是：http://localhost:8080/LoginServlet/login1.jsp  当然每个人设置不一样输入就不一样

实现后的页面跳转  ../success.jsp     其中..的意思是返回上一级文件目录

大体上功能差不多实现了，其实简单MVC还是挺简单的，自己要学好点servlet，便可以找出问题的所在。

最后还有创建数据库：附图

附上一张总图

综上，总结自己做的小项目，确实挺小的，但是还是要花点心思的，建议学习Java web前端入门的小白们可以拿来练练手。

相信自己，好好练习Java，总有一天会有成就感的。