介绍
这期内容当中小编将会给大家带来有关使用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接口