最近闲来无事,想设计一个网页注册登录的页面。因为看到好多人的毕业设计都是和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

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

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

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

  1. 用php和mysql写一个注册登录页面

    前端0基础,草草看了一天的HTML和php的相关知识,写了个大致功能实现的可以实现注册登录的页面.下面就是代码了: <!DOCTYPE html> <html> <hea ...

  2. UI设计灵感|注册登录界面设计灵感

    注册登录界面在各种平台几乎都会有,内容简单的注册登录界面如何在数以万计的界面中脱颖而出?现在更多UI设计师选择在 集设网www.ijishe.com交流社区进行学习探讨! 设计没思路,那么就需要从这几 ...

  3. 如何利用宝塔面板+nginx建立一个自己的网站(如博客图床等等)

    其实最近一直在搭建自己的博客和自己的图床,遇见了一些各种各样的问题,所以在这里总结一下如何利用宝塔面板来建立一个网站. 1.网站在服务器中的形式 其实网站虽然是网站我们能访问到,实际上我们访问到的都是 ...

  4. 利用宝塔面板的Python项目管理器快速搭建CuteOne项目

    前言:一般的Linux系统默认安装了python2.x,当运行需要python3.x的项目几乎都会报错,要更换python的版本挺麻烦的,可能会因为一个小步骤没搞好,缺少库之类的,或者没配置好影响py ...

  5. 宝塔搭建网站教程php,怎么利用宝塔面板搭建网站详细教程

    利用宝塔面板搭建网站是当前主流形式,宝塔面板操作简单,可视化操作,是新手和老司机搭建网站的首选.今天我的主题网就给小白们分享下怎么利用宝塔搭建自己的网站.如果你还没有安装宝塔可以参考:宝塔面板安装小白 ...

  6. typora+picgo+Chevereto(linux)搭建图床-利用宝塔面板安装Chevereto图床

    下载picgo安装并且安装Chevereto插件 利用宝塔面板安装Chevereto图床 环境 一台服务器(云服务器或者本地服务器)本例为Centos 7 宝塔面板 LNMP环境 软件下载 https ...

  7. 数电实验(四)利用集成数值比较器74LS85设计一个4位数值比较器

    数电实验(四)利用集成数值比较器74LS85设计一个4位数值比较器 要求: 1.输入为两个4位二进制数,分别接四个逻辑电平开关,同时接数码管 2. 输出和LED相连 Multisim仿真:

  8. 宝塔面板修改mysql端口号

    为了站点安全起见,常用端口都建议修改,那么宝塔面板的Mysql端口需要怎么修改呢? 1. 找到软件商店-运行环境-Mysql-的设置菜单 2.打开后选择端口选项,将默认的3306改为自定义端口. 3. ...

  9. 【Python Django Web项目】利用 Python+Django+Pycharm+MySQL 搭建一个自己的Web网站项目的步骤(详细图文)上集

    今天我们要来介绍一下, 利用 Python+Django+Pycharm+MySQL 搭建一个自己的Web网站项目的步骤 首先我们要建立一个专门放项目的文件夹 如下 E:\Projects , 我们建 ...

最新文章

  1. Kinect 骨骼追踪数据的处理方法
  2. Android程序签名打包 什么是签名,有什么用:
  3. mysql设计的步骤_mysql笔记8_数据库设计步骤
  4. 在线浏览器录屏软件!妈妈再也不用担心我的windows找不到录屏软件啦!
  5. java正则 链接_Java正则表达式获取网址和链接文字解析
  6. 算法 判断多个点是否在同一圆周线上_凸包问题——礼物包裹算法
  7. python将列表的第一列删除_python列表基本操作:索引(访问),切片,扩展,删除,追加,统计,长度,获取下标等...
  8. Java基本语法(13)--条件分支switch-case结构
  9. Oracle中各个命中率的总结及调优笔记整理
  10. CentOS 安装nload(流量统计)
  11. 怎么把python程序安装到别人电脑上_如何在自己的电脑上安装python的idle版 - 卡饭网...
  12. PPT无法插入视频,验证编码解码器
  13. idea设置主题风格
  14. 数据库的redo undo 思考总结
  15. 怎么把图片无缝拼接在一起?这4个拼图工具,各类形状任你拼
  16. 【Python】模块(Module)、包(Package)以及相对导入(relative import)和绝对导入(absolute import)
  17. 基于OpenAPI Specification自动生成Android客户端代码
  18. synergy软件win10和ubuntu16.04局域网下使用一套键盘鼠标系统
  19. 回溯法解决01背包-非递归算法-效率低
  20. Flask 学习-9. 开启调试模式(debug模式)的2种方法

热门文章

  1. 现代大学英语精读第二版(第四册)学习笔记(原文及全文翻译)——3A - Groundless Beliefs(无根据的信念)
  2. AD7606系列ADC的相关内容
  3. 低成本5W无线充电器方案FS68001B简便充电芯片
  4. linux开机引导界面美化,Ubuntu16.04引导界面美化(burg)
  5. vivo手机系统打印服务器,原来vivo手机自带扫描功能,文件瞬间电子化!几千的扫描仪省下了...
  6. 拉格朗日乘数和KTT条件
  7. 柠檬的45种生活妙用
  8. 【c语言进阶】大家是否对数据的存储不甚了解?本篇将揭开数据存储的神秘面纱*^____^*数据的存储(一)知识点讲解
  9. Opencv中的图像相加,相减,相除,相乘(python实现)
  10. Android音视频 - 学习路线概览