转载请注明出处：https://blog.csdn.net/binbinqq86/article/details/81746294

项目简介
环境搭建
- ide的选择
- 数据库相关
- tomcat相关
开始
JDBC封装
DAO封装
Junit编写
jsp编写
servlet编写
运行结果
写在最后

项目简介

本文是笔者自己学习后台开发打响的第一枪，也是后台开发最基础的了，记得刚毕业的时候做过一个web项目，一直到今天都没有再了解过这方面，如今重新拾起，感觉还是需要多了解一些后端的东西，如果一直停留在移动端和前端，知识面未必太过狭窄。这次主要就是做了一个简易版的用户登录注册管理系统，实现了基本的增删查改，当然还有很多不完善的地方，后续随着学习的深入再去逐渐深入和完善。

环境搭建

本项目开发的环境为Mac10.12.6系统，jdk选择的是1.8

ide的选择

ide的话，由于我之前开发Android用的是eclipse，知道它也可以做web项目，不过后来谷歌推出Android Studio后，eclipse就立刻被鄙视下去了，jetBrains公司所推出的IntelliJ IDEA(以下简称idea)，在智能代码助手、代码自动提示、重构、J2EE支持、各类版本工具(git、svn等)、JUnit、CVS整合、代码分析、创新的GUI设计等方面的功能可以说是超常的，可以说你用过之后，就不想再回到eclipse时代了，不过如果你还是喜欢用eclipse，两者的项目也是可以相互转换的，它的旗舰版本还支持HTML，CSS，PHP，MySQL，Python等。免费版只支持Java等少数语言。该公司还推出了PyCharm、DataGrip、PhpStorm、WebStorm等众多ide工具，可以说非常好用和强大。下载地址如下：https://www.jetbrains.com/idea/download/

版本的话，这里要注意一下，我们选择红框的这个版本，它包含的功能更全面，右边的是免费版，但是功能有限，不能去部署tomcat服务器。

数据库相关

数据库这里我们就选择mysql8.0.12社区版本，官网下载地址如下：https://dev.mysql.com/downloads/mysql/

我们选择dmg安装版本即可。安装完成之后会在设置里面生成快捷键，可以进去启动和停止mysql服务：

当然也可以通过命令行去启动，这里我们把mysql配置到环境变量里面去，这样方便一些，打开/etc/profile文件，在里面添加如下一行即可：

export PATH=$PATH:/usr/local/mysql-8.0.12-macos10.13-x86_64/bin

启动服务就可以不用进到bin目录下再输入命令了，每个平台的命令不一样，这里不再赘述。当然你也可以用其他查看数据库的软件比如navicat premium，datagrip，idea自带的database来建立和查看数据库，不过最好建议用命令行的方式去操作这些，过度依赖ide，不是一个好的习惯，毕竟后面数据库crud操作都是sql语句，包括建表什么的，所以说还是用命令比较好，这里推荐去w3school看看基本的教程就可以了，后面可以在学习的过程中慢慢去熟练。

tomcat相关

tomcat就是用来部署我们的web程序的容器，我们的项目可以在里面去跑，说白了就是服务器。我们去官网下载即可，这里我选择的是8.0版本，下载地址如下：https://tomcat.apache.org/download-80.cgi
我们选择如下红框内的去下载：

下载后直接解压即可，无需安装，然后配置到环境变量：

export PATH=$PATH:/Users/tb/Library/apache-tomcat-8.0.53/bin

然后打开终端，运行startup.sh即可打开tomcat服务，在浏览器输入http://localhost:8080即可打开tomcat首页，代表已经成功了。如需更改端口号，打开config目录下的server.xml配置即可，另外我们需要添加一个默认用户，同样打开config目录下，找到tomcat-users.xml文件，添加如下即可：


<role rolename="manager-gui"/>
<user username="admin" password="admin" roles="manager-gui"/>

然后重启服务，我们就可以用admin登录了。

开始

上述都是基本的准备工作，下面我们就可以开始真正的编码了，打开idea，新建工程：

然后下一步选择工程目录和项目名称，完成即可。项目目录结构如下：

接下来我们在web.xml里面添加如下：

<welcome-file-list><welcome-file>index.jsp</welcome-file></welcome-file-list>

这个就代表我们的首页了，接下来我们配置一下服务器：

我们选取这里的Edit Configurations…，打开窗口：

注意：如果这里看不到tomcat选项，一个原因就是开头说的idea版本问题，另外就是需要安装一个插件：

我们点击Local后，配置如下：

Deployment标签中配置如下：

配置完成后，我们点击右上角的绿色三角形运行按钮，启动服务器，可以在这里查看日志：

然后，我们启动浏览器输入http://localhost:8090，就可以看到我们的首页了：

JDBC封装

上面我们已经部署好服务器，并且可以运行我们的程序了，下面我们就开始真正的编码业务，首先就是数据库这块了，我们的源码目录结构如下：

JdbcUtil就是我们封装的数据库工具类：

/*** @author tb* @time 2018/8/14 下午5:07* @des 获取数据库连接对象*/
public class JdbcUtil {//mysql驱动包名private static final String DRIVER_NAME = "com.mysql.cj.jdbc.Driver";//数据库名称private static final String DB_NAME = "tb";//数据库连接地址private static final String URL = "jdbc:mysql://localhost:3306/" + DB_NAME + "?characterEncoding=utf8&useSSL=false&serverTimezone=GMT";//用户名private static final String USER_NAME = "root";//密码private static final String PASSWORD = "tb123=root";/*** @return*/public static Connection getConnection() {Connection connection = null;try {Class.forName(DRIVER_NAME);//注意要把jdbc的jar包放到tomcat的lib目录下connection = DriverManager.getConnection(URL, USER_NAME, PASSWORD);if(connection!=null){System.out.println("connection to the database is success......");}else{System.out.println("connection to the database is failure......");}} catch (ClassNotFoundException e) {e.printStackTrace();} catch (SQLException e) {e.printStackTrace();}return connection;}
}

这里有个注释，就是我们项目里面首先需要引入mysql提供的jdbc的jar包，官网下载地址如下：https://dev.mysql.com/downloads/connector/j/5.0.html

下载之后，得到一个jar包，放到工程的lib目录下，然后加入引用即可，另外我们需要放一份到我们的tomcat的lib目录下，否则后面在网页上调用servlet的时候，操作数据库tomcat会找不到jdbc的驱动类。

DAO封装

dao就是用来操作数据库的一个对象，我们做如下封装：

/*** @author tb* @time 2018/8/14 下午5:02* @des 所有crud的抽象*/
public interface IDao<T> {/*** 向数据库增加n条数据** @param list 需要插入的数据集合* @return 返回受影响的条数*/int[] create(List<T> list);/*** 向数据库查询数据** @param o 需要查询的条件* @return 返回查到的数据集合*/List<T> read(Object o);/*** 向数据库更新数据** @param list 需要更新的数据集合* @return 返回受影响的条数*/int[] update(List<T> list);/*** 向数据库删除数据** @param list 需要删除数据的条件集合* @return 返回受影响的条数*/int[] delete(List<Object> list);
}

写一个抽象接口，这样不同的对象都可以使用，下面是具体实现，

/*** @author tb* @time 2018/8/14 下午5:08* @des 用户操作相关*/
public class UserDaoImpl implements IDao<User> {private Connection connection;private PreparedStatement preparedStatement;public static UserDaoImpl getInstance() {return SingletonInstance.instance;}private static class SingletonInstance {private static final UserDaoImpl instance = new UserDaoImpl();}private UserDaoImpl() {connection = JdbcUtil.getConnection();String sql = "create table if not exists user" +"(userId int(10) auto_increment primary key," +"userName varchar(20) not null," +"nickName varchar(20) null," +"password varchar(20) not null," +"role int(5) default '0' not null," +"constraint userName unique (userName)" +") DEFAULT CHARSET=utf8mb4";//支持emoji表情try {preparedStatement = connection.prepareStatement(sql);preparedStatement.execute();} catch (SQLException e) {e.printStackTrace();} finally {CloseUtil.closeQuietly(connection, preparedStatement);}List<User> list=read(null);if(list!=null&&list.size()>0){for (User u:list) {if(u.userName.equals("admin")){return;}}}//添加一个默认的管理员List<User> l=new ArrayList<>();User u=new User();u.userName="admin";u.nickName="admin";u.role=-1;u.password="admin";l.add(u);create(l);}@Overridepublic int[] create(List<User> list) {String sql = "insert into user(userName,nickName,password,role) values(?,?,?,?)";try {if (connection == null || connection.isClosed()) {connection = JdbcUtil.getConnection();}preparedStatement = connection.prepareStatement(sql);for (User user : list) {preparedStatement.setString(1, user.userName);preparedStatement.setString(2, user.nickName);preparedStatement.setString(3, user.password);preparedStatement.setInt(4, user.role);preparedStatement.addBatch();}return preparedStatement.executeBatch();} catch (SQLException e) {e.printStackTrace();} finally {CloseUtil.closeQuietly(connection, preparedStatement);}return null;}@Overridepublic List<User> read(Object o) {List<User> list = new ArrayList<>();ResultSet resultSet;String sql = "select * from user where userName=?";if (o == null) {sql = "select * from user";}try {if (connection == null || connection.isClosed()) {connection = JdbcUtil.getConnection();}preparedStatement = connection.prepareStatement(sql);if (o != null) {preparedStatement.setString(1, String.valueOf(o));}resultSet = preparedStatement.executeQuery();while (resultSet.next()) {User user = new User();user.userName = resultSet.getString("userName");user.nickName = resultSet.getString("nickName");user.password = resultSet.getString("password");user.userId = resultSet.getInt("userId");user.role = resultSet.getInt("role");list.add(user);}return list;} catch (SQLException e) {e.printStackTrace();} finally {CloseUtil.closeQuietly(connection, preparedStatement);}return null;}@Overridepublic int[] update(List<User> list) {String sql = "update user set nickName=?,password=?,role=? where userName=?";try {if (connection == null || connection.isClosed()) {connection = JdbcUtil.getConnection();}preparedStatement = connection.prepareStatement(sql);for (User user : list) {preparedStatement.setString(1, user.nickName);preparedStatement.setString(2, user.password);preparedStatement.setInt(3, user.role);preparedStatement.setString(4, user.userName);preparedStatement.addBatch();}return preparedStatement.executeBatch();} catch (SQLException e) {e.printStackTrace();} finally {CloseUtil.closeQuietly(connection, preparedStatement);}return null;}@Overridepublic int[] delete(List<Object> list) {String sql = "delete from user where userName=?";try {if (connection == null || connection.isClosed()) {connection = JdbcUtil.getConnection();}preparedStatement = connection.prepareStatement(sql);for (Object o : list) {preparedStatement.setString(1, String.valueOf(o));preparedStatement.addBatch();}return preparedStatement.executeBatch();} catch (SQLException e) {e.printStackTrace();} finally {CloseUtil.closeQuietly(connection, preparedStatement);}return null;}
}

我们采用懒汉式的静态内部类单例，构造函数里面去对数据库的user表来一个初始化，并添加一个默认的admin用户，我们来查询一下，看看表结构：

这里我们的数据库和表都采用utf8mb4编码格式，可以用来支持中文和emoji表情。crud我们均采用preparedStatement来防止sql注入，提高效率。

Junit编写

crud都写好了，下面就来编写测试用例来验证一下，我们需要引入juint的插件，然后新建一个test文件夹，右键选择Make Directory As/Test Resource Root，把它转化为源码测试目录，可以看到颜色就会改变，然后在需要测试的类名上按下Alt+enter键，选择create test，

选择需要测试的方法，就会自动为我们创建如下目录和测试类：

接下来我们直接写测试代码即可：

public class UserDaoImplTest {private UserDaoImpl userDao = UserDaoImpl.getInstance();private List<User> list = new ArrayList<>();@Beforepublic void init() {list.clear();User user1 = new User();user1.password = "1";user1.userName = "user1";list.add(user1);User user2 = new User();user2.password = "2";user2.userName = "user2";list.add(user2);User user3 = new User();user3.password = "3";user3.userName = "user3";list.add(user3);}@Testpublic void create() {int[] res=userDao.create(list);assertEquals(3,res.length);}@Testpublic void read() {List<User> l=userDao.read("user1");assertEquals(1,l.size());assertEquals("user1",l.get(0).userName);}@Testpublic void update() {List<User> l=userDao.read("user1");l.get(0).nickName="haha";int[] i=userDao.update(l);assertEquals(1,i.length);}@Testpublic void delete() {List<Object> l=new ArrayList<>();l.add("user3");l.add("user2");int[] i=userDao.delete(l);assertEquals(2,i.length);}
}

需要测试哪个方法，点击下图红圈的按钮即可，测试通过就代表没问题，不然就要重新检查代码了

jsp编写

下面开始编写我们的页面：

这里我们统一放到user文件夹下面方便管理，分别对应登录，修改，增加注册页面，首页我们放在了外边，具体代码就不在这里贴出了，都是基本的js和html，感兴趣的可以去下载源码查看（文章最后会给出源码）。

servlet编写

有了页面，就需要去跟数据库交互了，这里就用到了servlet(当然也可以在jsp页面中操作数据库，但这么做不好)，他就是负责数据库跟页面之间交互的，就是mvp模式中的p。我们以登录为例：

/*** @author tb* @time 2018/8/15 下午4:46* @des 用户登录*/
public class LoginServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//        super.doGet(req, resp);doPost(req, resp);}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//必须注释掉，里面已经resp.sendError了
//        super.doPost(req, resp);resp.setContentType("text/html;charset=utf-8");req.setCharacterEncoding("utf-8");//写入数据库防止乱码//此处对应JSP中的标签名，必须是name属性String userName = req.getParameter("userName");String password = req.getParameter("password");List<User> list = UserDaoImpl.getInstance().read(userName);if (list != null && list.size() > 0 && password.equals(list.get(0).password)) {System.out.println("登录成功==="+list.get(0).toString());//登录成功后，就将用户存储到session中//登陆成功，我是重定向到其它页面，重定向request作用域不能延伸//所以这里我要用session才可以把成功的信息传递给index.jspreq.getSession().setAttribute("user", list.get(0));req.getSession().setAttribute("welcome", userName);resp.sendRedirect("index.jsp");} else {System.out.println("=========登录失败========");//登陆失败，我用的是转发，转发request作用域是连续的，所以我这里可以用request传递失败的信息给jsp页面req.setAttribute("msg", userName + "登录失败");req.getRequestDispatcher("/user/login.jsp").forward(req, resp);}}
}

这里有几个重要的点都写在注释里面了，可以参考一下代码。另外需要注意都就是在web.xml中配置servlet的时候，路径引起的问题。

<servlet><servlet-name>LoginServlet</servlet-name><servlet-class>com.tb.system.servlet.LoginServlet</servlet-class></servlet><servlet-mapping><servlet-name>LoginServlet</servlet-name><!--实际访问的路径，默认是web文件夹下面，如果页面在其他目录下，需要加上该目录如果在web下面，直接/LoginServlet就可以--><!--<url-pattern>/user/LoginServlet</url-pattern>--><!--或者直接把表单指向地址写成这样：action="<%=request.getContextPath()%>/LoginServlet"<%=request.getContextPath()%>指向当前默认目录，就是部署服务器配置的Application context--><url-pattern>/LoginServlet</url-pattern></servlet-mapping>

可以看到注释里面所说的，而jsp中对应的就是这样（第三行）：

<body>
<h1 align="center">用户登录</h1>
<form action="<%=request.getContextPath()%>/LoginServlet" method="post"><table align="center"><tr><td width="80" align="right">用户名：</td><td><input id="userName" name="userName" type="text" placeholder="请输入用户名"/></td></tr><tr><td width="80" align="right">密码：</td><td><input id="password" name="password" type="password" placeholder="请输入密码"/></td></tr></table><p></p><div align="center"><input name="login" value="登录" type="submit" class="inputText" style="color: #000000" onclick="return check()"></div>
</form>
</body>

运行结果

现在重新部署一下我们的程序，就可以看到如下运行结果了：

写在最后

到此一个简易的用户登录注册管理系统就实现了，这里只是一个练习项目，如果需要在实际中去应用，还需要很多修改的地方，而且现在都是在用ssm框架去做，所以可以当作一个入门来看，中间也碰到了很多问题，一点一点摸索，花了三四天时间才做完，最后给出源码下载地址：

源码下载

Java后台登录注册管理系统相关推荐

青少年编程教育平台后台—登录注册（代码编写）
青少年编程教育平台后台-登录注册(代码编写) 一.新建项目二.编写配置文件 (一)pom.xml配置文件 <?xml version="1.0" encoding=&quo ...
青少年编程教育平台后台—登录注册（界面设计）
青少年编程教育平台后台-登录注册(界面设计) 本界面使用HTML和CSS,未使用任何框架! 一.效果截图二.HTML <!DOCTYPE html> <html><he ...
java文章管理系统源码_融成Java后台网站内容管理系统 v3.2.1
融成Java后台网站内容管理系统是一款基于Java语言开发的功能强大的内容管理系统.成功实现了既能够管理包括企业官网.门户站点.图片视频软件等上传下载网站.博客网站.电商购物网站.物流管理网站等复杂多 ...
java cms建站系统源码_Rongcheng CMS 融成Java后台网站内容管理系统 v3.2.1
融成Java后台网站内容管理系统是一款基于Java语言开发的功能强大的内容管理系统.成功实现了既能够管理包括企业官网.门户站点.图片视频软件等上传下载网站.博客网站.电商购物网站.物流管理网站等复杂多 ...
java优化登录注册,Java-Web(项目)优化登录注册
Java-Web(项目)优化登录注册 Java-Web(项目)优化登录注册实现代码: package com.homework.dao1; public interface Login { publ ...
java实现登录注册案例_Java基于IO版实现用户登录注册的案例
下面小编就为大家带来一篇基于IO版的用户登录注册实例(Java).小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧今天学的是用户登录注册功能. 4个包: itcast.c ...
java用户登录注册
用户登录注册案例需求涉及知识点面向对象,接口,Java序列化,HashMap,IO流欢迎界面 public class BootStrap { public static void main( ...
Java实现登录注册
Day one 一.JAVA常用快捷键 ctrl + shift + t ctrl + shift + r ctrl + alt + v 二.java web 网络上一切电子设备都可以叫终端,其中能提 ...
登录注册小程序(JAVA基础案例教程第二章-课后作业)
[案例介绍] 任务描述编写程序实现简单的登录注册功能.程序包含以下4个功能: (1)登录功能,用户输入正确的账号密码进行成功: (2)注册功能,输入用户名和密码进行注册: (3)查看功能,查看所有的 ...

Java后台登录注册管理系统