尝试从0开始写一个网页（个人主页篇）

D.D.Dero

于 2020-10-10 20:40:29 发布

阅读量977

点赞数 3

文章标签： html vue.js javascript css

本文链接：https://blog.csdn.net/DDDero/article/details/109003887

版权

这篇博客介绍了如何从零开始创建一个个人主页，首先复制了《尝试从0开始写一个网页》中的首页代码，接着使用Photoshop设计了一个用户登录界面，并通过Vue.js为图片添加点击事件。文章详细展示了登录组件的制作过程，包括表单验证，如用户名和密码的必填及长度限制。最后，实现了点击登录后的页面跳转到新的user页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先从《尝试从0开始写一个网页》中把首页的部分代码复制粘贴过来

然后配上ps编写一个用户登录界面：

<div id="login">
        <div id="login_input">
            用户:<input type="text" name="name" size="25px"><br>
            密码:<input type="password" name="password"  size="25px"><br>
            <div id="login_submit">
                <img src="bgbox/login_button.png" id="login_button" @click="submit()">
            </div>
            <div id="register">
                <img src="bgbox/register.png" id="register_button