Day03-SSM项目前端页面与操作-1

最新推荐文章于 2024-04-04 13:15:57 发布

踩屐

最新推荐文章于 2024-04-04 13:15:57 发布

阅读量1.3k

点赞数 2

分类专栏：项目实习文章标签： java html web

本文链接：https://blog.csdn.net/qq_40113036/article/details/107523557

版权

这篇博客主要介绍了在SSM项目中进行前端页面的操作，包括使用前端模板文件、复制粘贴登录、注册和主界面到项目中，并对页面进行相应修改。博主解决了迁移项目后相对路径问题，确保form表单元素有name属性，以便于表单提交。此外，还涉及到web.xml静态资源加载项的添加，以及数据层、业务层和控制器层的方法实现，用于登录和注册功能。

摘要由CSDN通过智能技术生成

Day03-SSM项目前端页面与操作-1

1. 前端模板文件

链接：https://pan.baidu.com/s/1vbH0vpOuYLq7G1V9einJtQ
提取码：4xh7

2.ctrl c/v登录页面，注册页面以及主界面到项目中

webapp/pages/login.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>

<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">


    <title>数据 - AdminLTE2定制版 | Log in</title>


    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <!-- Font Awesome -->
    <!-- Ionicons -->
    <!-- Theme style -->
    <!-- iCheck -->
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
</head>

<body class="hold-transition login-page">
<div class="login-box">
    <div class="login-logo">


        <a href="all-admin-index.html"><b>武汉理工</b>后台管理系统</a>


    </div>
    <!-- /.login-logo -->
    <div class="login-box-body">
        <p class="login-box-msg">登录系统</p>

        <form action="/user/login" method="post">
            <div class="form-group has-feedback">
                <input type="text" class="form-control" placeholder="用户名" name="username">
                <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <input type="password" class="form-control" placeholder="密码" name="password">
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>

                <img src="" />
            <

最低0.47元/天解锁文章

踩屐

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
Day03-SSM项目前端页面与操作-1

Day03-SSM项目前端页面与操作-11. 前端模板文件链接：https://pan.baidu.com/s/1vbH0vpOuYLq7G1V9einJtQ提取码：4xh72.ctrl c/v登录页面，注册页面以及主界面到项目中webapp/pages/login.jsp<%@ page contentType="text/html;charset=UTF-8" language="java" %><%@ page isELIgnored="false" %>&l
复制链接

扫一扫