如何利用宝塔面板+JavaWeb+MySQL设计一个注册登录界面

最近闲来无事,想设计一个网页注册登录的页面。因为看到好多人的毕业设计都是和JavaWeb有关的,所以不做白不做,咱们大三就给毕业设计开个头!

当然做一个网页不发布到服务器,难道数据库留给自己一个人看?我们可不是单纯为了完成一个毕业设计这么简单,肯定要搜集数据,做一个真正的管理系统,所以我们需要申请一个云服务器。

当然阿里云、腾讯云、华为云都是可以的。最近华为云在搞活动,我充了40,氪了一个新手服务器。

在这里插入图片描述

第一步:装宝塔面板

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

首先要设置一下端口,因为我们的宝塔是要开放8888端口的

安全组中点击配置规则
点击开放规则

开放8888端口就可以了

然后我们要找到云服务器的Linux见面
一般就是点击远程登录就可以了
在这里插入图片描述

当然可能要你输入账户密码

账户一般是root

密码需要自己去更改!

出现Linux界面就成功了!

在这里插入图片描述

然后打开宝塔面板官网 https://www.bt.cn/new/download.html

我们服务器一般都是Linux系统,根据自己的需求安装版本

在这里插入图片描述

当然这个和我们Windows装软件不一样,我们只要复制代码进Linux界面,就可以安装成功了

安装完成之后,会提示外网地址和账户密码,复制地址,然后输入账户密码,就可以进入宝塔界面了

第一次进入还挺新鲜。

然后系统会推荐安装插件,就按系统推荐的走就行!

在这里插入图片描述

第二步:环境搭建

打开我们的Eclipse,新建一个Web应用

在这里插入图片描述

在这里插入图片描述

这里需要下载TomCat

我用的是TomCat7.0

在这里插入图片描述

在这里插入图片描述

这里安装好TomCat即可生成Java Web工程文件

TomCat安装确实是一个很头疼的问题,不会就找百度吧

但原则上服务器上面安好了TomCat,本地上可以不按,看看是否生成了框架文件,
生成了其实不按原则上在服务器也跑的动

框架文件

在这里插入图片描述
在WebContent里面可以创建html文件和jsp文件

html前端

jsp处理表单数据,交给数据库

为了更好的使用MySQL,我们还需要下载MySQL的依赖包

这里菜鸟网已经给我们提供了,下就完了

https://www.runoob.com/java/java-mysql-connect.html

在这里插入图片描述

这个包要放两个地方

在这里插入图片描述

WEB-INF的lib里面

为了保险

在这里插入图片描述

Build Path里面也要放

在这里插入图片描述

但最好就绑定lib里面的jar就可以

这样我们就可以安心写代码了

第三步:代码部分

前端部分

我们要写一个登录面板,这应该是最简单的环节了。如果不追求颜值,其实几行代码就搞定。
前端其实就存在WebContent文件夹都可以

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我爱Java Web</title>



</head>
<body>




<form metion="get" action="yes.jsp"> 
<div><input type="text" placeholder="请输入姓名" name="name"></div>
<div><input type="text" placeholder="请输入password" name="password"></div>
<input type="submit" class="btn2 btn-success bigger center" value="提交" >

</form>
</body>
</html>


这里我们就定义两个文本输入框和一个提交框

这里需要注意action的值其实就是表明我们获得的表单值交给哪个JSP去处理

我们这里点击sumbit之后,就交给yes.jsp处理了

也就是我们的后端部分

后端部分

这里我们用到JSP

难点就是怎么连接数据库

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ page import="java.sql.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

<% 



         // // 1.注册数据库驱动
         Class.forName("com.mysql.jdbc.Driver");
        // 2.与数据库建立连接
        Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/数据库的名字", "数据库用户名", "数据库密码");
        // 最好把3306的端口也开放
        // 3.创建用来执行SQL语句的Statement对象
        Statement stmt = conn.createStatement();
        
        
        // 这里我们获取之前我们的用户名和密码
        String name = (String)request.getParameter("name");
        String password = (String)request.getParameter("password");
        
        
        // out.println() 可以直接输出数据到页面上 可以进行调试
       //out.println(name);
        //out.println(password);
        
        
        // Sql语句 这里注意引号也是sql语句的一部分
        String sql = "INSERT INTO `你新建的表`  VALUES (" + '"'+name+'"' + "," +'"' +password+'"' + ")";
        
        // 检查SQL语句是否正确
       //out.println(sql);
        //out.println(sql);
        //String sql = "INSERT INTO `election` (`a`, `b`) VALUES (15,2)";
        
		// 更新数据库
        int i = stmt.executeUpdate(sql);
        
        
       
        
   
 

        
        
        

	
		
		








%>

</body>
</html>

其实应该配置好数据库再写代码的,其实我根本没下MySQL,我是在宝塔面板配置的MySQL

如果在本地搞一个数据库,连接成功了,其实也能达到相同的效果。

但是我自己注册,自己登录,感觉挺傻,所以搬到服务器上来了。

本地代码已经完成,接下来我们打包!

在这里插入图片描述

打包成WAR,其实就是个压缩包

然后我们去宝塔!

第四部分 宝塔部分

先把WAR放到服务器里面

在这里插入图片描述

最好是放在wwwroot里面

在这里面新建一个文件夹

然后解压

在这里插入图片描述

这就是咱们项目的目录了!

然后我们直接Java一键部署

在这里插入图片描述

在这里插入图片描述

域名就是服务器的IP地址

端口不是很清楚

可以自己试试

然后点击映射

这样就可以访问界面了!

但很有可能是这样的

不必沮丧 因为这表明Tomcat安装成功了

只要定位到你在工程目录的html 就可以访问了!

在这里插入图片描述

在这里插入图片描述

接下来我们配置数据库

在这里插入图片描述

这个按照JSP代码去填写

创建好了数据库点管理

在这里插入图片描述

直接新建一张表,然后设置参数即可!

在这里插入图片描述

这时候应该做的差不多了

我们去试试输入账户密码,点击提交

很有可能出现5XX 错误

看看错误在第几行

然后一行一行代码去世

不行的时候拿out.println()去调试

很有可能是SQL的引号问题
数据库是char 你用getInt
还有可能本身的SQL语句就不对

然后功夫不负有心人

在这里插入图片描述
数据被成功导入到数据库了

其实学会了这个数据库的导入,还是挺有用

图书管理系统的增删查改,其实只要修补修补即可

然后想办法做出一个好看的界面和不错的交互性,可以用BootStrap

花了两天时间,遇到很多莫名奇妙的麻烦。可能不能一一说明。
但是遇到问题不能慌张。不能盲目的去搜索答案,避免一些简单的错误。

希望大家都能成功建立网站!!

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值