Javaweb学习笔记day07---项目二阶段

最新推荐文章于 2021-12-09 11:01:55 发布

Mr.W.code

最新推荐文章于 2021-12-09 11:01:55 发布

阅读量509

点赞数

分类专栏：笔记 java servlet 文章标签：服务器 html

本文链接：https://blog.csdn.net/Wynb1020/article/details/121752846

版权

项目二阶段搭建

项目搭建
- v1 -> v2
开发步骤
- ①创建javaweb项目
- ②将bookstore-v1中的页面资源拷贝到bookstore-v2中
  - 修改vue.js路径，解决404问题

02-base标签

概述
- 因为在页面中有很多的a标签、表单以及Ajax请求(以后会学)都需要写访问路径，推荐大家写绝对路径，要求最前面是项目的访问路径，一旦项目的访问路径发生改变，要修改的地方特别多，那么，能不能对项目的访问路径进行统一管理？可以使用base标签
开发步骤
- ①在login.html页面，使用base标签
- ②在regist.html页面，使用base标签
①在login.html页面，使用base标签

<head>
    <meta charset="UTF-8"/>
    <base href="/bookstore/">
    <title>尚硅谷会员登录页面</title>
    <link type="text/css" rel="stylesheet" href="static/css/style.css"/>
</head>

②在regist.html页面，使用base标签

<head>
    <meta charset="UTF-8"/>
    <base href="/bookstore/">
    <title>尚硅谷会员注册页面</title>
    <link type="text/css" rel="stylesheet" href="static/css/style.css"/>
    <link rel="stylesheet" href="static/css/register.css"/>
    <style type="text/css">
        .login_form {
     
            height: 420px;
            margin-top: 25px;
        }
    </style>
</head>

注意事项

base标签只会拼接到"相对路径"前面。

使用静态数据完成登录功能

概述
- 使用假数据完成登录功能
  - 如果登录成功，跳转到login_success.html
  - 如果登录失败，跳转回login.html
代码实现

<form action="login" @submit="checkLogin()">
    <label>用户名称：</label>
    <input
            class="itxt"
            type="text"
            placeholder="请输入用户名"
            autocomplete="off"
            tabindex="1"
            name="username"
            id="username"
            @change="checkUsername()"
            v-model=<

最低0.47元/天解锁文章

Mr.W.code

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javaweb学习笔记day07---项目二阶段

项目二阶段搭建项目搭建v1 -> v2开发步骤①创建javaweb项目②将bookstore-v1中的页面资源拷贝到bookstore-v2中修改vue.js路径，解决404问题02-base标签概述因为在页面中有很多的a标签、表单以及Ajax请求(以后会学)都需要写访问路径，推荐大家写绝对路径，要求最前面是项目的访问路径，一旦项目的访问路径发生改变，要修改的地方特别多，那么，能不能对项目的访问路径进行统一管理？可以使用base标签开发步骤①在l
复制链接

扫一扫