一个小项目demo

最新推荐文章于 2021-12-31 17:14:37 发布

大一哟

最新推荐文章于 2021-12-31 17:14:37 发布

阅读量282

点赞数 2

分类专栏： demo 文章标签： html5 css

本文链接：https://blog.csdn.net/Reiuji_Utsuho/article/details/107977120

版权

展示用。
开发前的各阶段设计的终稿：在这里插入图片描述

最终我负责的代码设计部分：
HTML：
注册界面：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" name="viewport"content="width=device-width, initial-scale=1">
    <title>注册页面</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div>
    <div id="register"  style="text-align:center">
        <h1>用户注册</h1><br>
        <form th:action="@{/security/create}" method="post" th:object="${user}">


            <input type="text" class="input1" name="userNo" placeholder="用户账号">
            <br><br>

            <input type="text" class="input2" name="userPwd" placeholder="用户密码">
            <br><br>

            <input type="text" class="input3" name="userName" placeholder="用户名字">
            <br><br>

            <input type="text" class="input4" name="userPhonenumber" placeholder="电话号码">
            <br><br>

            <button class="btn btn-primary" type="submit">确定</button>

        </form>
    </div>
</div>
<center>
    <h5>高铁订餐系统-测试版</h5>

    <h5>（版本:Beta1.0 Build:#1 2020-05-23）</h5>
</center>
</body>
</html>

主界面：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" name="viewport"content="width=device-width, initial-scale=1">
    <title>主页</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/style.css}" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body >
<div id="header"

最低0.47元/天解锁文章

大一哟

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
一个小项目demo

展示用。开发前的各阶段设计的终稿：最终我负责的代码设计部分：HTML：注册界面：<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF-8" name="viewport"content="width=device-width, initial-scale=1"> <title>注册页面&l
复制链接

扫一扫