01 hbuilder账号的注册

01 hbuilder账号的注册

如果是第一次使用这个软件的同学需要先注册一下
在这里插入图片描述
我们去哪儿找邮箱呢,我们可以去注册一个163邮箱,因为没有限制
在这里插入图片描述
咱们注册成功以后就可以登录hbuilder了
在这里插入图片描述
打开hbulider进行登录
在这里插入图片描述
还得注册一下,刚刚只是注册了一个网易邮箱
在这里插入图片描述
注册成功了,我们再尝试登录一下hbulider,显示未验证,因此我们还得去验证一下
在这里插入图片描述

就是用手机号码验证一下,将邮箱和hbulider做个绑定
在这里插入图片描述
刚刚那个地方不对,应该是验证下面的
在这里插入图片描述
我们点击跳转页面验证就行,然后打开我们的网易邮箱就会收到一个消息
在这里插入图片描述

我们点了这个链接,就算验证成功了,会自动通过,这时候我们打开hbulider就可以正常登录了
在这里插入图片描述
我们可以看到
在这里插入图片描述
然后将hbulider云服务后台登陆上
在这里插入图片描述
还得去实名认证,hbulider的要求还是很严格的
在这里插入图片描述
我们去认证把

我们登录上云服务后台后,需要新建一个云空间,然后就可以查看云数据库,云存储,和云函数了
在这里插入图片描述

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的 HBuilder 登录注册界面代码示例: ```html <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>登录注册界面</title> <style> body { margin: 0; padding: 0; background-color: #f2f2f2; font-family: Arial, sans-serif; } .container { display: flex; justify-content: space-around; align-items: center; height: 100vh; } .form { width: 300px; background-color: #fff; border-radius: 15px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); text-align: center; padding: 20px; } .form h1 { font-size: 24px; margin-top: 0; } .form input[type="text"], .form input[type="password"] { width: 100%; padding: 10px; margin-bottom: 20px; border-radius: 5px; border: none; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); } .form input[type="submit"] { background-color: #2ecc71; color: #fff; padding: 10px 20px; border-radius: 5px; border: none; cursor: pointer; transition: background-color 0.3s ease; } .form input[type="submit"]:hover { background-color: #27ae60; } .form p { margin-bottom: 0; } .form .switch { font-size: 12px; margin-top: 10px; cursor: pointer; color: #2ecc71; text-decoration: underline; } </style> </head> <body> <div class="container"> <div class="form"> <h1>登录</h1> <form action="" method="post"> <input type="text" name="username" placeholder="用户名" required> <input type="password" name="password" placeholder="密码" required> <input type="submit" value="登录"> <p>还没有账号?<span class="switch">注册</span></p> </form> </div> <div class="form"> <h1>注册</h1> <form action="" method="post"> <input type="text" name="username" placeholder="用户名" required> <input type="password" name="password" placeholder="密码" required> <input type="password" name="confirm-password" placeholder="确认密码" required> <input type="submit" value="注册"> <p>已有账号?<span class="switch">登录</span></p> </form> </div> </div> <script> const switchBtns = document.querySelectorAll('.switch'); switchBtns.forEach(btn => { btn.addEventListener('click', () => { const container = document.querySelector('.container'); container.classList.toggle('active'); }) }) </script> </body> </html> ``` 这个代码使用 HTML 和 CSS 创建了一个简单的登录注册界面,包括两个表单(分别用于登录和注册),并且包含了一个切换按钮,可以在登录和注册表单之间进行切换。点击切换按钮时,页面会使用 JavaScript 添加或删除一个`active`类以切换表单。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值