JavaWeb项目：新闻发布系统01（登录&新闻增加)

颖涛

已于 2022-04-09 21:03:32 修改

阅读量268

点赞数 4

文章标签： web

于 2022-04-09 21:02:08 首次发布

本文链接：https://blog.csdn.net/m0_67333901/article/details/124067812

版权

1.将准备好的美化包放进eclipseWeb中去

注意位置不能乱放，如果放置的位置不对可能会导致无法运行，我们需要将准备好的美化包复制粘贴到 webapp 下

2.引入html文件
写界面的方式有很多种，大家也可以直接在eclipseWeb中写，但是在这里面是没有快捷提示的，所以大家可以直接在html里面先把需要的界面写好，然后再把它导入到eclipseWeb里面去

注意不要放错位置，这与美化包的位置并不相同，html文件需要放入WEB-INF里面去，千万不能错放到lib里面去，会导致文件无法运行

3.修改html文件
在引入html文件过后，新的问题就又来了，在eclipseWeb中，html文件是无法运行的，所以我们需要对html文件进行修改

1.新建一个jsp文件
2.将写好的html文件复制下来
3.将复制好的内容粘贴到jsp文件里面去，但是粘贴的时候注意jsp文件里的第一行代码不能被覆盖掉，如果这一行被覆盖掉的话，就不是jsp文件了。

4.删除原本的html文件（这一步可有可无，如果不想删掉的话也可以留着）
二，登录的制作
功能介绍：
这里主要用的就是之前给大家分享到的一些知识，（比如说表单验证，以及页面跳转）密码采用了加密的形式，能够更好地保护客户隐私。点击下方登录按钮，在登陆成功过后可以跳转至新闻主界面，点击注册按钮也可以跳转至注册界面

1.登陆界面的代码

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <link href="/web04/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
    <script src="/web04/bootstrap-3.3.7-dist/js/jquery-3.5.1.js"></script>
    <script src="/web04/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <style>
        * {
            outline: none !important;
        }
 
        html,
        body {
            background: #1abe9c;
        }
 
        form {
            width: 300px;
            background: #ebeff2;
            box-shadow: 0px 0px 50px rgba(0, 0, 0, .5);
            border-radius: 5px;
            padding: 20px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
 
        .btn-group {
            width: 100%;
        }
 
        .btn-group button {
            width: 50%;
        }
    </style>
</head>
<body>
<form action="doLogin.jsp" method="post" id="myForm">
    <h3 class="text-center">欢迎使用🐖币新闻管理</h3>
    <div class="form-group">
        <input class="form-control" id="username" name="yh" placeholder="请输入您的邮箱" type="text">
    </div>
    <div class="form-group">
        <input class="form-control" id="password" name="mm" placeholder="请输入您的密码" type="password">
    </div>
    <div class="btn-group">
        <button class="btn btn-primary" type="submit">登录</button>
        <button class="btn btn-danger" onclick='location=href="regiest.html"' type="button">没有账号?</button>
    </div>
</form>
<script>
 
	$("#myForm").submit(()=>{
		if($("#username").val().length==0){
			alert("用户名不能为null")
			return false //不提交的
		}
		if($("#password").val().length==0){
			alert("密码不能为null")
			return false //不提交的
		}
		return true
	})
 
</script>
</body>
</html>

2.dologin 登陆处理界面代码（登陆界面连接数据库的操作等）

<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="oracle.jdbc.driver.OracleDriver"%>
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	request.setCharacterEncoding("utf-8");
	String yh=request.getParameter("yh");
	String mm=request.getParameter("mm");
 
	//加载驱动
	Class.forName("oracle.jdbc.driver.OracleDriver");
	//定义连接字符串
	String url="jdbc:oracle:thin:@localhost:1521:orcl";
	//获得连接
	Connection con=DriverMa

最低0.47元/天解锁文章

颖涛

关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaWeb项目：新闻发布系统01（登录&新闻增加)

1.将准备好的美化包放进eclipseWeb中去注意位置不能乱放，如果放置的位置不对可能会导致无法运行，我们需要将准备好的美化包复制粘贴到 webapp 下2.引入html文件写界面的方式有很多种，大家也可以直接在eclipseWeb中写，但是在这里面是没有快捷提示的，所以大家可以直接在html里面先把需要的界面写好，然后再把它导入到eclipseWeb里面去注意不要放错位置，这与美化包的位置并不相同，html文件需要放入WEB-INF里面去，千万不能错放到lib里面去，会导致文件无法运行
复制链接

扫一扫