使用Vue怎么调用后端java接口

  介绍

这期内容当中小编将会给大家带来有关使用Vue怎么调用后端java接口,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

<强>后端接口代码:

package 控制器;      import  net.sf.json.JSONObject;   import  util.DBUtil;      import  javax.servlet.ServletException;   import  javax.servlet.annotation.WebServlet;   import  javax.servlet.http.HttpServlet;   import  javax.servlet.http.HttpServletRequest;   import  javax.servlet.http.HttpServletResponse;   import  javax.servlet.http.HttpSession;   import  java.io.IOException;   import  java.sql.Connection;   import  java.sql.Date;   import  java.sql.PreparedStatement;   import  java.sql.ResultSet;      @WebServlet (=name “login", urlPatterns =,“/login")   public  class  login  extends  HttpServlet  {   protected 才能;void  doPost (HttpServletRequest 请求,HttpServletResponse 响应),throws  ServletException, IOException  {   ,,,HttpSession  session =, request.getSession(真正的);   ,,,String  username =, request.getParameter (“username");   ,,,String  password =, request.getParameter (“password");   ,,,DBUtil  DBUtil =, new  DBUtil ();   ,,,Connection  Connection =, dbUtil.getConnection ();   ,,,PreparedStatement  preparedStatement;   ,,,ResultSet 遥感;   ,,,String  psw=啊?   ,,,String  sql =,“select  password 得到“用户”,where 用户名=吗?“   ,,,try  {   ,,,,,preparedStatement =, connection.prepareStatement (sql);   ,,,,,preparedStatement.setInt (1, Integer.parseInt(用户名);   ,,,,,rs =, preparedStatement.executeQuery ();   ,,,,,while  (rs.next ()) {   ,,,,,,,psw =, rs.getString (“password");   ,,,,,}   ,,,}   ,,,catch  (Exception  e) {   ,,,,,e.printStackTrace ();   ,,,}   ,,,if  (password.equals (psw)) {   ,,,,,session.setAttribute (“username"、用户名);   ,,,,,response.getWriter () .print (“true");   ,,,}   ,,,   ,,,response.getWriter () .print (“false");   ,,}      protected 才能;void  doGet (HttpServletRequest 请求,HttpServletResponse 响应),throws  ServletException, IOException  {      ,,}   }

<>强前端调用:

& lt; ! DOCTYPE  html>   & lt; html  lang=癳n"祝辞   & lt; head>   & lt;才能meta  charset=癠TF-8"比;   & lt;才能title> Login</title>   & lt;才能script  src=皀ode_modules vue/dist/vue.js"祝辞& lt;/script>   & lt;才能!——axios基于承诺——比;   & lt;才能script  src=皀ode_modules axios/dist/axios.js"祝辞& lt;/script>   & lt;才能script  src=發ogin.js"祝辞& lt;/script>   & lt;才能script  src=癶ttps://cdn.bootcss.com/vue-resource/1.5.1/vue-resource.min.js"祝辞& lt;/script>   & lt;才能link  rel=皊tylesheet", href=發ogin.css", rel=癳xternal  nofollow",在   & lt;/head>   & lt; body>   & lt; div 类=發ogin_interface", id=癷nterface_height"比;   & lt;才能img  src=癷c_login_logo.png", alt=?”,类=發ogin_logo"比;   & lt;才能span  id=發ogin_head"在智慧图书管理平台& lt;/span>   & lt;才能div 类=發ogin_input"比;   ,,,& lt; img  src=癷c_login_number.png", alt=?”,类=發ogin_number"比;   ,,,& lt; input 类型=皌ext", value=扒胧淙胝撕拧?id=癷nput_number", v模型=皍sername"比;   & lt;才能/div>   & lt;才能div 类=發ogin_input", id=癮dd_top"比;   ,,,& lt; img  src=癷c_login_password.png", alt=?”,类=發ogin_number"比;   ,,,& lt; input 类型=皌ext", value=扒胧淙朊苈搿?id=癷nput_password", v模型=皃assword"比;   & lt;才能/div>   & lt;才能button 类=發ogin_unselected", id=皌ick"祝辞& lt;/button>   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

使用Vue怎么调用后端java接口