angularjs和mysql_angularjs+servlet+mysql实现简单的登录功能

今天小编带领大家实现一下简单的登录功能，对于大神来说这都是小学生水平，但是对初学者来说是一件很困难的事，很多初学者也许和小编刚开始学习一样，知道原理但是就是写不出代码，在网上查半天也没有一个完整的。今天小编就一步一步教大家带数据库的登录是如何实现的。

1、新建一个maven项目，项目最终的目录及文件如下图：

文件结构

2.项目都是从前端写起，先写登录界面，页面没有美化主要以实现功能为主，望大家见谅。

login.html

login.html代码

3.处理前端逻辑

login.js

login.js

前端按钮定义login()事件，js处理login()事件，发起$http请求，指明url、提交方法post及数据data(登录的账号和密码)，后台验证登录信息并将结果传给回调函数。

4.js发起的请求需要后台java来处理，那么请求怎么才能到后台java程序呢，这里需要配置web.xml

web.xml

java虚拟机收到前端的请求/login后，会在web.xml配置中找到处理该请求对应的java类，即/login对应到com.aaa.servlet.LoginServlet

5.虚拟机要将请求发给对应的java类，此时我们就需要编写java代码，在编写java代码前还需要将需要的jar包引进来，需要配置pom. xml，在这里添加依赖。

pom.xml

servlet的jar包、mysql的jar包、最后一个是处理字符串转json对象的jar包

6.开始写java代码

LoginServlet

1

2

通过post data提交的数据我们无法通过req.getParameter()获取，如果js提交的url：

‘/test-1.0-SNAPSHOT/login’+‘？username=’+$scope.user.username+

‘password=’+$scope.user.password；

那么我们可以通过req.getParameter("username")便可获取前端传来的username

3

首先加载mysql驱动，设置连接的数据库名，数据库账号及密码，执行查询语句是否获得结果集，如果有结果集证明账号密码正确，否则则不正确。

7.在mysql数据库中，新建数据库qcmess，表user，字段username、password

添加一行记录11、11

8.运行项目并登录

成功登录

看到这大家都学会了吗，是不是很简单呢？学习javaweb一定要多动手，不要偷懒，看是看不会的。一定要勤学苦练。